- Postagens: 13
- Obrigados Recebidos: 0
Dificulade para customizar a CSS de um template
- filipeamaral1980
- 
		Autor do Tópico 
- Offline
- JCB! Estagiário
- 
		  
	 Menos
	 Mais
	
		
		
			
			15 anos 10 meses atrás		#21364
	por filipeamaral1980
	
		
			
			 		
													
	
            filipeamaral1980 created the topic: Dificulade para customizar a CSS de um template        
   	    
		    Prezados GURUS JOOMLA
Peguei uma template gratis (paradise) aqui no site de vcs, e estou tentando customiza-la.
Porem na hora de mudar o menu (mais especificamente o espaçamento entre os itens do menu) não tá dando certo.
Já fucei o codigo todo na base da tentativa e erro mas não consegui resolver o problema.
Alguém teria alguma sugestão?
Segue abaixo o codigo do CSS:
Outra, como deixar o formulario de contato sem esses badulaques q ficam acima das caixas de texto? (conforme mostrado na img em anexo.)
Muito obrigado desde já pela sua paciencia!
	    	Peguei uma template gratis (paradise) aqui no site de vcs, e estou tentando customiza-la.
Porem na hora de mudar o menu (mais especificamente o espaçamento entre os itens do menu) não tá dando certo.
Já fucei o codigo todo na base da tentativa e erro mas não consegui resolver o problema.
Alguém teria alguma sugestão?
Segue abaixo o codigo do CSS:
body
{
	padding: 10px 10px 10px 10px;
	margin: 10px;
	background: #000000 url('../images/background.jpg');
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
}
a
{
	text-decoration: none;
	color: #ffffff;
}
	
a:hover
{
	text-decoration: none;
	color: #ffffff;
}
#centrecontainer
{
	position: absolute;
	top: 28%;
	left: 0px;
	width: 100%;
}
#outercontainer
{
	margin-left: -390px;
	position: absolute;
	top: -230px;
	left: 50%;
}
#header
{
	width: 780px;
	height: 30px;
}
#headertitle
{
	float: left;
	width: 430px;
	padding: 20px 20 20 20px;
	height: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
}
#header h1
{
	margin: 10;
	padding: 40px 40px 40px 40px;
	color: #ffffff;
	font-size: 700%;
	letter-spacing: 10px;
	font-weight: bolder;
}
#header sup
{
	color: #ffffff;
	letter-spacing: 10px;
}
#headermenu
{
	float: right;
	width: 300px;
	height: 20px;
	margin-right: 20px;
}
#headermenu ul
{
	margin: 20px 60 60 10;
	padding: 10px;
	text-align: right;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 10px;
	width: 500px;
}
#headermenu li
{
	display: table;
	margin-left: 20px;
	font-weight: 10px;
}
#headermenu li a
{
	text-decoration: none;
	color: #ffffff;
}
#headermenu li a:hover
{
	text-decoration: none;
	color: #ffffff;
}
#container    
{
	border: 0px;
	width: 760px;
	height: 780px;
	background: url('../images/container-background.png');
}
#containertext
{
	float: right;
	overflow: auto;
	padding: 20px;
	width: 720px;
	height: 740px;
	line-height: 120%;
}
#containertext p
{
	margin: 0 0 10px 0;
	padding: 0;
	color: #ffffff;
}
#containertext h1, #containertext h2, #containertext h3
{
	margin: 10px 0;
	padding: 0px;
	color: #ffffff;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
}
#footer
{
	width: 780px;
	height: 50px;
}
#footer p
{
	margin: 0px;
	padding: 0px 0px 0 0;
	text-align: left;
	color: #ffffff;
	letter-spacing: -1px;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog  {
}
table.blog .article_seperator  {
	display: block;
	height: 20px; }
table.contentpane  {
    border-collapse:collapse;
	border-spacing:10px;
	margin:10px;
	padding:10ßpx;
 }
table.contentpaneopen, table.contentpane, table.blog {
width: 100%; }
* html table.contentpaneopen, table.contentpane, table.blog {
width: 98%; }
table.contentpaneopen  {
	border: 10px; }
table.contenttoc  {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	width: 35%; }
table.contenttoc a  {
	text-decoration: none; }
table.contenttoc td  {
	padding: 10px 5px 10px 25px; }
table.contenttoc th  {
	padding: 4px;
	background: #2F2F2F;
	color: #FFFFFF;
	text-indent: 5px;
	border: 1px solid #3F3F3F; }
table.poll  {
	padding: 10;
	width: 100%;
	border-collapse: collapse; }
table.pollstableborder  {
	padding: 10;
	width: 100%;
	border: none;
	text-align: left; }
table.pollstableborder img  {
	vertical-align: middle; }
table.pollstableborder td  {
	padding: 10px!important; }
table.searchintro  {
	padding: 10px 10px;
	width: 30%; }
table.searchintro td  {
	padding: 40px!important; }
table.adminform  {
	width: 400px!important; }
.blog_more  {
	margin: 10px 10; }
.blog_more strong  {
	margin: 10px 10px 5px;
	padding-left: 13px;
	display: block;
	color: #ffffff;
	text-transform: uppercase; }
td.buttonheading  {
	padding: 10 0 0 3px!important;
	text-align: center; }
.category  {
	font-size: 13px;
	font-weight: normal; }
.componentheading  {
	padding-bottom: 20px;
	margin-bottom: 10px;
	font-size: 1.3em;
	line-height: normal;
	font-weight: bold; }
.contentdescription  {
	padding-bottom: 30px; }
table.blog .contentheading  {
	font-size: 1.3em;
	font-weight: bold;
	line-height: normal;
	font:bold  24px/34px Verdana, Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
	}
	
table {
	margin-left:auto;
	margin-right:auto;
}
.contentheading  {
     font-size: 1.3em;
	 border-bottom:dashed 1px #ffffff;
	 padding-bottom:0px;
     font-weight: bold;
     line-height: normal; }
a.contentpagetitle, .componentheading  {
	text-decoration: none!important; }
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus  {
	text-decoration: none!important; }
.createdate, .small  {
    padding-bottom:5px;
	padding-top:5px;
	text-transform:uppercase;
	font-size:0.85em;
	font-weight: bold; }
	
.small{color:#BDDD09;}
	
.createdate {
/*border:solid 1px #DCFE8D;*/
color:#01A6D6;
}
.modifydate  {
	height: 15px; }
.moduletable  {
	padding: 0; }
.mosimage  {
	padding: 0;
	border:0px solid #CCCCCC;
	margin:6px;	}
.mosimage img  {
	padding: 0;
	margin: 0!important; }
/*pdf email etc */	
img {
border: 0 none;
}	
	
	
.mosimage_caption {
	background:#EFEFEF none repeat scroll 0%;
	border-top:px solid #CCCCCC;
	color:#666666;
	font-size:10px;
	margin-top:px;
	padding:0px 0px;}
tr.sectiontableentry1 td  {
	padding: 5px; }
tr.sectiontableentry2 td  {
	padding: 5px; }
.smalldark  {
	text-align: left; }
div.syndicate div  {
	text-align: center; }
	
.rowpadding {
padding-left: 18px; 
padding-right: 18px;  }
.pollstableborder {
margin-top:10px;
margin-bottom:10px;
}
table.pollstableborder td {
background:none;
}
.contentpaneopen tr td {
padding-top:7px;
padding-bottom:5px;
}
	
.clr {
    clear: both;
}
.back_button {
	height:35px;
	font-weight:normal;
	font-size:8pt;
	text-decoration:none;
	background:url(../images/s5_back.png) no-repeat top left;
	padding-left:18px;
	margin-top:15px;
	padding-top:7px; }
	
a.readon {
	height:35px;
	font-weight:bold ;
	font-size:10pt;
	text-decoration:none;
	padding-left:18px;
	padding-right:18px;
	padding-bottom:7px;
	padding-top:8px; }
a.readon:hover {
	text-decoration:underline;
	color:#ffffff;
}
.show-linkmore, .show-comment, .show-hit, .jctools {
	margin-top:19px;
	margin-bottom:8px;
}
#commentTools {
	padding:30px;
	padding-right:0px;
	margin-bottom:20px;
}
.comment-text {
	line-height:200%;
}
.show-voteup, .show-votedown, .show-report {
	margin-top:10px;
	position:relative; 
}
.jomentry2, .jomentry1 {
	line-height:200%;
	margin-bottom:12px;
}
.alldone_gsvb, .title_gsvb {
	font-weight:bold;
}
.resultCell_gsvb {
	width:78px;
}
.gsc-branding-text {
	margin-top:17px;
}
.gsc-branding-img-noclear {
	margin-right:10px;
}
.floatingPlayer_gsvb {
	background:#F1F1F1;
}
.gsc-branding {
	display:none;
}
#videoBar45 {
	padding-bottom:15px;
	padding-top:15px;
}
a:hover, a:focus  {
	color:#333333;
	text-decoration:underline; }Outra, como deixar o formulario de contato sem esses badulaques q ficam acima das caixas de texto? (conforme mostrado na img em anexo.)
Muito obrigado desde já pela sua paciencia!
Please Entrar ou Registrar to join the conversation.
- fernandoalmeida
- 
		
- Offline
- JCB! Senior
- 
		  
			
			15 anos 10 meses atrás		#21409
	por fernandoalmeida
	
		
			    
"Só sei que nada sei"
	    	
			
			 		
													
	
            fernandoalmeida replied the topic: Re: Dificulade para customizar a CSS de um template        
   	    
		    Com um código desse tamanho na mensagem até desanima tentar ajudar, rsrsrs.
Tem como colocar um link para o site?
Abraços.
	    		    Tem como colocar um link para o site?
Abraços.
"Só sei que nada sei"
Please Entrar ou Registrar to join the conversation.
- filipeamaral1980
- 
		Autor do Tópico 
- Offline
- JCB! Estagiário
- 
		  
	 Menos
	 Mais
	
		
		- Postagens: 13
- Obrigados Recebidos: 0
- michalski
- 
		
- Offline
- JCB! Junior
- 
		  
			
			15 anos 10 meses atrás		#21453
	por michalski
	
		
		    
Fala filipeamaral1980,
Tenta modificar esta parte do código:
Aumenta o "margin-left".
Qualquer coisa volta aqui.
	    		    
			    
[b:1so8sp4c]Rafael Michalski[/b:1so8sp4c]
[url:1so8sp4c]http://www.rafaelmichalski.com.br[/url:1so8sp4c]
	    	
			
			 		
													
	
            michalski replied the topic: Re: Dificulade para customizar a CSS de um template        
   	    filipeamaral1980 escreveu: Olá
é pq tá rodando local... Ainda naum upei ele.
Vou tentar de outro jeito...
Fala filipeamaral1980,
Tenta modificar esta parte do código:
#headermenu li
{
display: table;
margin-left: 20px;
font-weight: 10px;
}Aumenta o "margin-left".
Qualquer coisa volta aqui.
[b:1so8sp4c]Rafael Michalski[/b:1so8sp4c]
[url:1so8sp4c]http://www.rafaelmichalski.com.br[/url:1so8sp4c]
Please Entrar ou Registrar to join the conversation.
- lyramarcio1
- 
		
- Offline
- JCB! Novato
- 
		  
	 Menos
	 Mais
	
		
		- Postagens: 5
- Obrigados Recebidos: 0
			
			14 anos 1 mês atrás		#56318
	por lyramarcio1
	
		
			
			 		
													
	
            lyramarcio1 replied the topic: Re: Dificulade para customizar a CSS de um template        
   	    
		    Olá Gurus joomla!!!
Tenho um problema parecido com o de Felipe.
Estou tentado ajustar o modulo banner em top_xml_outline mas não tenho obtido êxito....tentei diversas modificações sem sucesso.
Quem souber e puder me ajudar fico grato desde.....segue abaixo template_css.css.
site - http://www.mf10.com.br/imoveis
	    
	    	Tenho um problema parecido com o de Felipe.
Estou tentado ajustar o modulo banner em top_xml_outline mas não tenho obtido êxito....tentei diversas modificações sem sucesso.
Quem souber e puder me ajudar fico grato desde.....segue abaixo template_css.css.
site - http://www.mf10.com.br/imoveis
@import url('clearing.css');
html, body { 
	margin: 0; 
	padding: 0;
	background: #fff;
	font-family: Tahoma, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
    line-height: 1.5;
	color: #828282;
text-align:left;
} 
table, ul, a, li, img, p, form, hr, dl, dt, dd, div, h1, h2, h3, h4, h5, h6, label {margin:0; padding:0} 
h1, h2, h3, h4, h5, h6 { font-size: 14px; color: #595959; font-weight: bold; text-indent: 0px; font-family:"Tahoma", Arial, sans-serif;text-align:left}
img { border: none;}
#top_box { width: 100%; height: 75px; background: url(../images/top_bg.gif) top left repeat-x;}
#top { width: 982px; padding-top:8px}
#top_l { float: right; width: 782px; height: 57px; }
#menu { height: 27px; padding: 10px 6px 0; float: left;}
#top_r { float: left; width: 200px; height: 57px; }
#logo { height: 60px; width: 200px; background: url(../images/logo.png) top right no-repeat;}
#header_box { width: 100%; height: 211px; background:url(../images/header_bg.gif) top left repeat-x;}
#header { width: 982px; height: 211px; background:url(../images/header.jpg) top left no-repeat; }
#head_mod_out { height: 210px; overflow: hidden; }
#head_mod { float: left; width: 1000px; height: 210px; background: url(../images/head_mod.png) top left ;}
#head_mod_in { padding: 25px 40px 0 12px; overflow: hidden;}
#head_bot_box {width: 100%; height: 38px; background:url(../images/header_b.gif) top left repeat-x;}
#head_bot {width: 982px;}
#serach_box { float: left; width: 240px;  height: 38px; background:url(../images/header_bot_stripe.png) center right no-repeat;}
#search { float: right; padding: 11px 35px 0 0; color: #595959; font-family:"Tahoma", Arial, sans-serif; font-size: 14px; line-height: 1.0;}
#date_box { float: right; width: 250px;  height: 38px; ) center left no-repeat;}
#date { padding: 12px 15px 0 15px; color: #595959;}
#container { width: 982px;  }
#left_col { float: left; width: 251px;}
#left_col-noleft {display: none;}
#left_col_in { width: 240px; padding-left: 11px;}
#left_mod { width: 240px; overflow: hidden;}
#right_col { float: right; width: 731px;}
#right_col-noleft {  width: 982px;}
#content { float: left; width: 480px;}
#content-noleft { float: left; width: 731px;}
#content-noright {  width: 731px;}
#content-noleft-noright { float: left; width: 782px;}
#content_in { width: 460px; padding: 0 10px;}
#content_in-noleft, #content_in-noright { width: 711px; padding: 0 10px;}
#content_in-noleft-noright { width: 962px; padding: 0 10px;}
#pathway_box { width: 460px; height: 30px;background: url(../images/path_bg.gif) left bottom repeat-x;}
#pathway_box-noleft, #pathway_box-noright { width: 711px; height: 30px;background: url(../images/path_bg.gif) left bottom repeat-x;}
#pathway_box-noleft-noright { width: 962px; height: 30px;background: url(../images/path_bg.gif) left bottom repeat-x;}
#path { padding: 8px 11px 0;  color: #4a4a4a; text-align:left  }
#mainbody_in { width: 460px;  overflow: hidden;}
#mainbody_in-noleft, #mainbody_in-noright { width: 711px; padding: 10px 0; overflow: hidden;}
#mainbody_in-noleft-noright { width: 962px; padding: 10px 0; overflow: hidden;}
#mainbody {min-height: 300px;text-align:left}
#banner {width: 460px; overflow: hidden;}
#banner-noleft, #banner-noright {width: 711px; overflow: hidden;}
#banner-noleft-noright {width: 962px; overflow: hidden;}
#right_box { float: right; width: 251px;}
#right_mod { width: 240px; padding-left: 11px; overflow: hidden;}
#footer { width: 100%; height: 44px; margin-top: 15px; border-top:#999 1px dotted;}
#footer_in { width:  982px; color: #828282;}
#copyright_box { float: right; width: 491px;}
#copyright { padding-top: 15px; }
#license_box { float: left; width: 491px;}
#license { padding-top: 15px;  float: left;}
#container a:link, #container a:visited {color:#828282;  text-decoration: none;}
#container a:hover {color:#828282;  text-decoration: underline;}
#container ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
/*#container li{
	line-height: 1.5;
	padding-left:15px;
	margin-left:3px;
	background: url(../images/submenu.png) no-repeat;
	background-position:0px 5px;
	
	text-align:left;
	
}*/
#container ol li{ background: none; }
#footer a:link, #footer a:visited {color:#828282;  text-decoration: none;}
#footer a:hover {color:#828282;  text-decoration: underline;}
#path a:link, #path a:visited {color:#4a4a4a;  text-decoration: none;}
#path a:hover {color:#4a4a4a;  text-decoration: underline;}
#path img { margin: 0 5px;}
/*************************************************************************/
#left_mod ul#mainlevel li,#left_mod ul.menu li {
width: 100%;
list-style:none;
padding:0 0 0 0;
margin:0;  border: none;
}
#left_mod  a.mainlevel:link, #left_mod  a.mainlevel:visited,
#left_mod ul.menu li a:link, #left_mod ul.menu li a:visited { 
	overflow: hidden;
	display: block;
	font-family: "Tahoma", Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	
	color: #707070;
	font-size: 11px;
	line-height:10px;
	background: url(../images/submenu.png) left no-repeat;
	background-position: 0 7px;
	margin:0px;
	padding-left:20px;
	text-decoration: none;
	text-transform: none;	
	}
#left_mod   a.mainlevel:hover,
#left_mod ul.menu li a:hover { text-decoration: underline;}	
#left_mod   a.mainlevel#active_menu,
#left_mod ul.menu li a#active_menu , #left_mod ul.menu li#current a{ text-decoration: underline;}
#left_mod   a.sublevel:link, #left_mod   a.sublevel:visited { 
	overflow: hidden;
	display: block;
	font-family: "Tahoma", Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	
	color: #707070;
	font-size: 11px;
	line-height:20px; 
	background: url(../images/sublevel.png) left no-repeat;
	background-position: 0 7px;
	margin:0px;
	padding-left:25px;
	text-decoration: none;	
	}
#left_mod ul.menu li#current li a:link, #left_mod ul.menu li#current li a:visited,
#left_mod ul.menu li ul li a:link, #left_mod ul.menu li ul li a:visited { 
	overflow: hidden;
	display: block;
	font-family: "Tahoma", Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	
	color: #707070;
	font-size: 11px;
	line-height:20px; 
	background: none;
	background-position: 0 7px;
	margin:0px;
	padding-left:25px;
	text-decoration: none;	
	}
#left_mod   a.sublevel:hover, #left_mod ul.menu li ul li a:hover {text-decoration: underline;}	
#left_mod   a.sublevel#active_menu{ text-decoration: underline;}
#left_mod ul, #sidebar-2 ul
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#left_mod ul li
{	list-style: none;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0px 9px; line-height: 14px;
}
#sidebar-2 ul li
{	list-style: none;
	border-top: solid 0px #d7e7ec;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0px 9px; line-height: 14px;
}
#left_mod ul li a:link,#sidebar-2 ul li a:link,#left_mod ul li  a:visited, #sidebar-2 ul li  a:visited
{	
	display: block;
	padding: 0 2px 4px 10px;
	text-decoration: none;
	background: url(../images/default/bg_alink.png) left no-repeat;
	color: #006383;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	vertical-align: top;
	line-height: 14px;
}
#left_mod ul li a:hover,#sidebar-2 ul li a:hover
{ text-decoration: underline;}
#left_mod ul li ul, #sidebar-2 ul li ul
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#left_mod ul li ul li, #sidebar-2 ul li ul li
{	list-style: none;
	border-bottom: solid 0px #d7e7ec;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 1px; line-height: 1.3em;
}
#left_mod ul li ul li a:link,#sidebar-2 ul li ul li a:link,#left_mod ul li ul li a:visited, #sidebar-2 ul li ul li a:visited
{	
	display: block;
	padding: 2px 2px 2px 10px;
	text-decoration: none;
	background:none;
	color: #006383;
	font-size: 0.9em;
	line-height: 1.3em;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: top;
}
#left_mod ul li ul li a:hover,#sidebar-2 ul li  ul li a:hover
{ text-decoration: underline;}
/*************************************************************************/
#left_mod div.module a:link, #left_mod div.module a:visited {color:#707070;  text-decoration: none;}
#left_mod div.module a:hover {color:#707070;  text-decoration: underline;}
#left_mod div.module h3{  
	background: none; 
	font-family: "Tahoma", Arial, sans-serif;
	color:#666666; 
	text-indent: 0px;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 7px;
	
}
#left_mod div.module{
	width: 240px;
	background: url(../images/mod_in.gif) left top repeat-y;
	margin: 10px 0;
}
#left_mod div.module div{
	width: 240px;
	background: url(../images/mod_t.gif) top left no-repeat; 
}
#left_mod div.module div div{
	width: 240px;
	background: url(../images/mod_b.gif) bottom left no-repeat;
}
#left_mod div.module div div div{
	width: 216px;
	padding: 20px 22px 12px 12px;
	color:#707070; 
	font-size: 10px;
	
}
#left_mod div.module div div div div{
	padding: 0px;
	margin: 0px;
	background: none;
}
#left_mod div.module div div div table div, #right_mod div.module div div div table div { min-height: 17px;}
#left_mod div.module div div div div.syndicate div { min-height: 17px;}
/*************************************************************************/
#left_mod div.module_menu a:link, #left_mod div.module_menu a:visited {color:#707070;  text-decoration: none;}
#left_mod div.module_menu a:hover {color:#707070;  text-decoration: underline;}
#left_mod div.module_menu h3{  
	background: none; 
	font-family: "Tahoma", Arial, sans-serif;
	color:#666666; 
	text-indent: 0px;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 7px;
	
}
#left_mod div.module_menu{
	width: 240px;
	background: url(../images/mod_in.gif) left top repeat-y;
	margin: 10px 0;
}
#left_mod div.module_menu div{
	width: 240px;
	background: url(../images/mod_t.gif) top left no-repeat; 
}
#left_mod div.module_menu div div{
	width: 240px;
	background: url(../images/mod_b.gif) bottom left no-repeat;
}
#left_mod div.module_menu div div div{
	width: 216px;
	padding: 20px 22px 12px 12px;
	color:#707070; 
	font-size: 10px;
	
}
#left_mod div.module_menu div div div div{
	padding: 0px;
	margin: 0px;
	background: none;
}
/*************************************************************************/
#right_mod div.module a:link,#right_mod div.module a:visited {color:#707070;  text-decoration: none;}
#right_mod div.module a:hover {color:#707070;  text-decoration: underline;}
#right_mod div.module h3{  
	background: none; 
	font-family: "Tahoma", Arial, sans-serif;
	color:#666666; 
	text-indent: 0px;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 7px;
	
}
#right_mod div.module{
	width: 240px;
	background: url(../images/mod_in.gif) left top repeat-y;
	margin: 10px 0;
}
#right_mod div.module div{
	width: 240px;
	background: url(../images/mod_t.gif) top left no-repeat; 
}
#right_mod div.module div div{
	width: 240px;
	background: url(../images/mod_b.gif) bottom left no-repeat;
}
#right_mod div.module div div div{
	width: 216px;
	min-height: 100px;
	padding: 20px 22px 12px 12px;
	color:#707070; 
	font-size: 10px;
	
}
#right_mod div.module div div div div{
	padding: 0px;
	margin: 0px;
	background: none;
}
/*************************************************************************/
#right_mod div.module-adv h3{  
	background: none; 
	font-family: "Tahoma", Arial, sans-serif;
	color:#666666; 
	text-indent: 0px;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 7px;
	
}
#right_mod div.module-adv{
	width: 240px;
	background: none;
	margin: 10px 0;
}
#right_mod div.module-adv div{
	width: 240px;
	background: none; 
}
#right_mod div.module-adv div div{
	width: 240px;
	background: none;
}
#right_mod div.module-adv div div div{
	width: 240px;
	padding: 0;
	color:#707070; 
	font-size: 10px;
	
}
#right_mod div.module-adv div div div div{
	padding: 0px;
	margin: 0px;
	background: none;
}
/*************************************************************************/
#head_mod div.moduletable { 
	overflow:hidden;
	height: 180px; width: 400px;
	padding:0;  margin: -5px;
	background:none; 
	font-family: Tahoma, Helvetica, sans-serif;	
	color: #fff;
	font-size: 11px;
	
}
#head_mod div.moduletable h3 {
	font-family: "Tahoma", Tahoma, Helvetica, sans-serif;
	line-height: 16px;
	margin:0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background:none;
	
padding:0 0 10px 0;
}
#head_mod a:link, #head_mod a:visited {color:#828282;  text-decoration: none;}
#head_mod a:hover {color:#828282;  text-decoration: underline;}
/*************************************************************************/
fieldset {  border:none;}
#search .inputbox {
	color: #595959;
	border: none;
	background: url(../images/search_input.gif) top right no-repeat;
	padding: 2px 2px 0;
	margin: 0;
	margin-left: 15px;
	width: 146px;
	height: 14px; 
	font-size: 9px;
	line-height:1.0;
	
	vertical-align: top;
	}
#search .button{
	line-height:1.0;
	background: url(../images/search_but.gif) top left no-repeat;
	height: 16px; 
	width: 13px;
	border: none;
	padding:0; margin-left: 6px;
}
.button {
	color: #fff;
	background: url(../images/button_bg.gif) center left repeat-x;
	line-height: 12px;
	font-size: 10px;
	font-weight: bold;
	 border: none;
	
	margin:0; padding:2px 5px;
}
.inputbox {	
	background: #FFFFFF; 
	font-size: 9px; 
	color: #595959; 
	border: solid 1px #a7a7a7; 
	margin: 2px 0; 
	padding: 2px;
}
.checkbox {
	background: #FFFFFF; 
	color: #595959; 
	border: solid 1px #a7a7a7; 
	margin: 2px 0;
}
.contentpane .inputbox { display:block;}
.contentheading, .componentheader, .componentheading {
	width:98%;
	font-family: "Tahoma", Tahoma, Helvetica, sans-serif;
	line-height: 20px;
	margin-bottom:5px;
	color: #0085d1;
	font-size: 14px;
	font-weight: bold;
	background: none;
	text-indent: 0px;
	
}
.contentheading td {
	width:98%;
	font-family: "Tahoma", Tahoma, Helvetica, sans-serif;
	line-height: 20px;
	margin-bottom:5px;
	color: #0085d1;
	font-size: 14px;
	font-weight: bold;
	background: none;
	text-indent: 0px;
	
}
table.contentpaneopen {
	padding: 0px;width:98%; 
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
table.contentpaneopen {
	width:98%; 
}
.contentpane {
	width:98%;
}
.contentpaneopen td img { 
	margin: 2px 3px;
}
.blog_more { 
	padding-left: 15px;
}
table .poll {
	width:90%; 
	
} 
table .poll-pink {
	width:90%; 
	
} 
table .poll-green {
	width:90%; 
} 
.poll thead {
	color:#595959;
 }
.pollstableborder{ 
	
}
table.contenttoc {
	padding: 10px;
} 
table.contenttoc th {
	 
	padding: 2px 10px; 
	background:#b4b4b4; 
	color: #4a4a4a; 
	
}
table.contenttoc td {
	 
	padding: 2px 10px; 
	background:#e4e4e4; 
	color: #707070; 
	font-size: 10px;
}
td.buttonheading { 
	margin: 0px; 
	padding: 0 2px;
}
p { padding-bottom: 2px;}
#mainbody  .pagenav {
  
  font-size: 10px;
  font-weight: normal;
  color: #707070;
  padding: 0px 5px;
  line-height: 20px;
  margin: 1px;
}
#mainbody  .pagenavbar{
	margin-right: 10px;
	float: right;
	font-size: 10px;
	font-weight: normal; 
}
#mainbody  .pagenavbar a:link, #mainbody  .pagenavbar a:visited, #mainbody  .pagenavbar a:hover{
	margin-right: 10px;
  font-size: 10px;
  font-weight: normal;
  color: #707070;
}
#mainbody  .pagenav_next,  #mainbody  .pagenav_prev {
	background:none; 
	color: #707070; 
	padding: 5px 2px;  
	font-size: 10px;   
	font-weight: normal; 
	margin: 0px; 
	
}
#mainbody  .pagenav_next a:link,  #mainbody  .pagenav_prev a:link,
#mainbody  .pagenav_next a:visited,  #mainbody  .pagenav_prev a:visited,
#mainbody  .pagenav_next a:hover,  #mainbody  .pagenav_prev a:hover {
	 color: #707070; 
	 padding: 5px 5px; 
	 text-decoration: none;  
	 font-size: 10px;   
	 font-weight: normal;  
	 
}
#mainbody .back_button{
	font-size: 10px;
	line-height: 20px;
	font-weight: normal;
	float: left;
	height: 20px;
	background: none;
	padding: 2px 7px;
	margin:0;
	color: #707070;
	}
#mainbody .back_button a:link, #mainbody .back_button a:visited, #mainbody .back_button a:hover {	
	color: #707070;  
 	font-size: 10px; 
	text-decoration: none;
}
.readon {
	float: right;
	color: #707070;
	font-size: 10px;   
	font-weight: normal;
}
div.pagenavcounter { 
	padding-bottom: 10px; 
	text-decoration: underline;
}
.small {
	color: #828282;
	font-size: 11px;
	line-height:1.0;
	padding-top: 10px;
}
.smalldark {
	color: #828282;
	font-size: 11px;
	line-height:1.0;
	
}
.createdate {
	color: #828282;/* kolor daty */
	font-size: 11px;
	padding-bottom: 20px;
	
	line-height:1.0;
}
.modifydate {
	color: #828282;/* kolor daty modyfikacji */
	height: 20px;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 5px;
}
div.mosimage {
  border: none;
}
.mosimage{
  border: none;
  margin: 5px;
  padding: 5px;
}
.mosimage_caption {
  margin-top: 2px;
  background: none;
  padding: 10px;
  color: #828282;
  border-top: none;
}
.sectiontableheader {font-weight: bold;}
/* kolor rzedow w spisach i tabelach parzystych*/
.sectiontableentry1 td, .sectiontableentry1-pink, .sectiontableentry1-green {
	
	padding: 4px 0;
}
/* kolor rzedow w spisach i tabelach nieparzystych */
.sectiontableentry2 td, .sectiontableentry2-pink, .sectiontableentry2-green {
	
	padding: 4px 0;
	background: #e4e4e4;
}
.related { font-weight: bold; font-size: 13px;}
fieldset a:link, fieldset a:visited, fieldset a:hover { line-height: 25px;}
/*formatowanie strony do wydruku*/
body.contentpane {background:#fff; color:#000; padding: 15px; font-size: 11px; }
body.contentpane h1, body.contentpane h2, body.contentpane h3 {background:#fff; color:#000;font-size: 12px;}
body.contentpane a, body.contentpane span.small, body.contentpane table.contentpaneopen td, body.contentpane table td
{background:#fff; color:#000; font-size: 11px;}
body.contentpane .componentheading, body.contentpane .contentheading {background:#000; color:#fff; font-weight: bold; font-size: 12px;}
body.p {margin-bottom: 5px;}
body.contentpane .button{color:black;border:1px solid black; background: #fff;}
body.contentpane .inputbox {background: #FFFFFF; color: #000; border: solid 1px #000;}
body.contentpane td{padding:3px; background:#fff; color:#000;font-size: 11px;}
#left-main-bot{width:31%;float:left;padding:1%}
#right-main-bot{width:65%;float:left;padding:1%}
#rmb-left{float:left;width:48%;padding:1%}
#rmb-right{float:left;width:48%;padding:1%}Please Entrar ou Registrar to join the conversation.
