/*  
* SIRCOM 
***********************************************
Agencia: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by: Henrique Alves
XHTML+CSS: Fernanda Carolina
Programaçao: Renan Toniolo
Country: Brasil
Last CSS update: 11/2009
Notes: Folha padrao
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
body {
text-align:justify;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#333;
background: #fff url(../images/bg_body.jpg) center top repeat-x;
margin:0;
padding:0;
}

#site{
width:				930px;
height:				auto;
text-align:			center;
margin:				auto;
}

#topo{
width: 930px;
height: 185px;
text-align:center;
}

#logo{
width:      auto;
height:     auto;
padding-top: 95px;
text-align: center;
}

/****************************************TOPO-menu***********************/
ul#menu{
width:				930px;
height:				60px;
margin:				0px;
padding:            50px 0 0 0;
text-align:    		center;

}
ul#menu li{
height:				30px;
list-style:			none;
display:			inline;
padding: 			5px;
margin:     		0px 3px 0px 0px;
padding:			0px 10px;
font-size:			17px;
vertical-align:		middle;
float:				rigtht;
font-family:        Trebuchet MS;

}

ul#menu li a{
color:              #00546B;
text-decoration:	none;
padding:			5px 18px;
}

/****************************************PALCO***********************/

#palco_home{
width:				930px;
height:			    200px;
text-align:			center;
margin:				auto;
padding:	        82px 40px 0 100px;
}

#palco{
width:				930px;
height:				auto;
text-align:         left;
margin:				auto;
}

#envolve_palco {
width:				auto;
height:             auto;
background:	        transparent url(../images/img_palco2.jpg) center top repeat-x;
}

/****************************************CONTEUDO-menu***********************/
#conteudo ul{
width:				930px;
height:				auto;
margin:				0px;
}

#conteudo ul li{
list-style:			none;
display:			inline;
}

#conteudo ul li a{
display:			inline;
float:				left;
font:				14px;
color:				#FFF;
}

#conteudo ul li a span{
visibility:			hidden;
display:			none;
}	


li#liDiario a{
background:          url(../images/diario_regional.png) left top no-repeat;
padding:             70px  133px;
margin-right:        90px;
}
li#liDiario a:hover{
background:         url(../images/diario_regional_g.png) left top no-repeat;
padding:             73px  140px;
margin-right:        76px;
}

li#liTve a{
background:          url(../images/logo_tve.png) left top no-repeat;
padding:             78px  52px;
margin-right:        90px;
}
li#liTve a:hover {
background:         url(../images/logo_tve_g.png) left top no-repeat;
padding:            88px  58px;
margin-right:       78px;
}

li#liRadio a{
background:          url(../images/radio.png) left top no-repeat;
padding:             73px  110px;
margin-right:        90px;
}
li#liRadio a:hover {
background:          url(../images/radio_g.png) left top no-repeat;
padding:             77px  117px;
margin-right:        77px;
}
/****************************************CLASSES***********************/
.box_450{
width:               250px;
height:              auto;
float:               left;
}
.fone{
background:				url(../images/fone.png) left top no-repeat;
padding-left:           20px;
}
.adress{
background:				url(../images/adress.png) left top no-repeat;
padding-left:           20px;
}
.span{
color:              #CC2D30;
font-size:          16px;
}            
/****************************************RODAPE***********************/

#rodape{
margin-top: 80px;
text-align:center;
}

#rodape p{
color:#00546B;}

/****************************************FORMULARIO***********************/
label{
width:				120px;
height:				auto;
padding:			0;
margin:				5px;
float:			    left;
text-align:			right;
}
input, select, textarea{
width:				auto;
height:				auto;
padding:			3px;
margin:				5px;
background:			#F0F0F0;
font:				11px "Trebuchet MS";
color:				#333;
border:				1px solid #00546B;
}
input:focus , select:focus, textarea:focus{
color:				#000;
border:				1px solid #C71B1B;
background: 		#E5E5E5;
}
.ok{
width:				auto;
height:				auto;
padding:            2px 5px;
margin:				5px;
background:			#00546B url(../images/bg_ok.jpg) left center repeat-x;
font:    			11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
color:				#F5F5F5;
cursor:				pointer;
border:				1px solid #00546B;
overflow:			visible;
}
.erro {
background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
background-color:#f1f1f1;
border:1px solid red;
color:red;
display:block;
padding:10px 2px 10px 40px;
text-align:center;
width:auto;
}
.sucesso {
background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
border:1px solid #060;
color:#060;
display:block;
padding:10px 2px 10px 40px;
text-align:center;
width:auto;
}
#formContato{
width:               450px;
height:              auto;
float:               left;
}
/****************************************GERAL***********************/
img{
border:none;
}

h2{
padding: 20px 5px;
color: #DCDCDC;
}
.clear{
clear:					both;
font-size:				1pt;
height:					1pt;
}

