/****************************************************
________________Cooper_______________________________

           Criado: 2007
         Autor: Sites&Cia
    http://www.sitesecia.com.br
	-----------------------------
	
	
caminho das images >>>>	http://www.cooper.sitesecia.com.br/img2


*****************************************************/

body{ font-family: arial,helvetica,clean,sans-serif; font-size:13px; color: #191611; background: url(http://www.cooper.sitesecia.com.br/img2/fundo_geral.png) repeat-y center;}

/*Div´s Alinhamento*/

#pag{ background:#F1FAFE url('http://www.cooper.sitesecia.com.br/img2/funpag.gif') repeat-y 0px 0px; padding-left:2px;  }
#pag{/*height:800px;*/ width:770px; }

#rodape, #topo, #rodapetxt p.by { width: 100%; }

body, #pag, #rodape, #imgrodape, #topo, #menutopo, #rodapetxt, #rodapetxt p.by, hr { margin:0 auto; }

img{ border:none; }

#topo{ background:url('http://www.cooper.sitesecia.com.br/img2/fundtopo.png') no-repeat 50% 50%; height:297px; }





/*Menu do Topo*/

#menutopo{ clear:both; /*padding-top:230px; _padding-top:242px;*/ padding:242px 0 0 0; width:770px; height:auto; }
#menutopo fieldset{ width:280px; float:left; margin:0; padding:0; border:none; }
#menutopo fieldset form {  padding:0; margin:0; color:#FFFFFF; }
#menutopo fieldset form legend{ margin:0 3px 0 -5px; color:#FFFFFF; width:270px; }
#menutopo fieldset form legend img{ margin-left:10px;  }

#nav, #nav ul { /* Toda lista */ padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav img { border:none; margin:0; padding:0; }
#nav a { display: block; width: 9em; color:#FFFFFF; text-decoration:none; padding-left:3.4px; }
#nav li { /* Todos os item da lista */ float: left; width: 8em; margin:2px 1px; /* width needed or else Opera goes nuts */ }

/*******************************************
#nav li ul {  position: absolute; background:#335499; width: 10em; left: -999em; }
#nav li ul ul { margin: -1em 0 0 10em; }
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul 
{ left: -999em; background:#2D8FCA; }

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul 
{   left: auto; }
*******************************************/













/*Coluna Esquerda*/

#colesq{ /*width:167px;*/background:#335499; border:none; color:#FFFFFF; float:left; width:165px; padding-left:3px;   }
#colesq a{ color:#FFFFFF; text-decoration:none; }
#colesq h1, #colesq h2, #colesq h3, #colesq h5 { background:url('http://www.cooper.sitesecia.com.br/img2/funtitulo.png') repeat-x; color:#FFFFFF; font-style:normal; font-size:13px; font-weight:bold; text-align:center; padding-top:5px; width:163px; height:25px; margin:1px; }
#colesq h4 { background:url('http://www.cooper.sitesecia.com.br/img2/funtituloM.png') repeat-x; color:#FFFFFF; font-style:normal; font-size:13px; font-weight:bold; text-align:center; padding-top:5px; width:162px; height:52px; }
#colesq p.fale{ background:url('http://www.cooper.sitesecia.com.br/img2/imgfale.png') no-repeat; text-align:left; margin:0; padding-left:40px; }

	/*Formulario*/
	fieldset{ border:none; margin:0; padding:0; }
	#colesq fieldset form , #colesq fieldset p { margin:0; padding:0; }
	#colesq fieldset form p{ text-align:left; }
	#colesq fieldset form legend{ color:#FFFFFF; }
	
	/*Revista*/
	#colesq p.imgrevista{ margin:0px 7px; }
	#colesq p.revista{ margin:0; padding:0; text-align:center; }
	#colesq p.img{ margin:0 25px; }
	#colesq hr{ border:1px thin #FFFFFF; width:142px; }





/*Coluna Direita*/

#coldir{ /*width:593px;*/ background:#F1FAFE; color:#000066; width:555px; float:right; padding:0 10px; margin:0; border:none; }
#coldir h1, h2, h3, h4, h5{ color:#000066; font-style:normal; font-size:18px; text-align:left; /*width:545px;*/ margin:2px 0; padding:0; }
#coldir h3{ /*width:168px;*/ }
#coldir p.main{ float:left; text-align:justify; width:300px; margin:2px 0; }
#coldir p.mainimg{ float: right; font-family: Arial; font-size: 9px; color: #666666;}
#coldir p.maintxt{font-family: Verdana, Arial; font-size: 12px; }
#coldir p.voltar a{ text-align:left; background:url('http://www.cooper.sitesecia.com.br/img2/setavoltar.png') no-repeat; margin-top:50px; padding-left:30px; font-weight:bold; }
#coldir p.voltar a { color:#CC0000; }
#coldir hr{ clear:both; }

	/*Noticias*/
	#coldir #noticias{ width:565px; border:0.1em dashed; border-color:#94B1CF #F1FAFE; float:left; margin:10px 0; padding:10px 0; }
	#coldir #noticias p{ margin:2px 10px; font-weight:bold; }
	#coldir #noticias p a, a:hover{ font-size:13px; color:#000066; text-decoration:none; }

	/*Banner*/
	#coldir #banner{ width:270px; float:right; }
	
	/*Receitas*/
	#coldir #receitas{ border:0.1em dashed; border-color:#F1FAFE #94B1CF #F1FAFE #F1FAFE; float:left; padding:0 30px 0 0; width:230px; }
	#coldir #receitas h3{ color:#000066; font-style:normal; font-size:20px; text-align:left; /*width:545px;*/ margin:0; padding:0; }







/* Conteúdo */

#coldir.cont h1{ font-size:18px; color:#CC0000; margin-top:20px; }/*Titulo Conteúdo*/
#coldir.cont h2, h3, h4, h5{ font-size:20px; color:#000066; margin-top:10px; }/*Subtitulo Conteúdo*/
#coldir.cont p{ text-align:left; line-height:17px; margin:7px 0; }

#coldir.cont p.home{ margin:5px 0; }

#coldir blockquote li a{ text-decoration:none; color:#000066; margin:5px 0; font-weight:bold; }






/*Coluna Rodape*/

#rodape{ background:url('http://www.cooper.sitesecia.com.br/img2/imgrodape.png') no-repeat 50% 50%; background-position:bottom; clear:both;    }
	#rodapetxt{ clear:both; width:450px; padding-top:30px; _padding-top: 55px; }
	#rodapetxt a, a:hover{ color:#FFFFFF; text-decoration:none; }
	#rodapetxt p.end, #rodapetxt p.info, #rodapetxt p.by{ text-align:left; color:#FFFFFF;  }
	#rodapetxt p.end{ float:left; width:217px; }
	#rodapetxt p.info{ float:right; width:200px; }
	#rodapetxt p.by{ color:#99D8F9; }