/* **********************************  Configuraao de formulário  *********************************************** */

body, html {
 height:100%;
 background-image:url(../images/fundo.png);
 _background-image:url(../images/fundo.JPG);
 background-repeat:no-repeat;
 background-position:center top;
 background-color:#000000;
 margin-top:0px;
 margin-bottom:20px;
}

input ,select, textarea {
 font-family: arial; 
 font-size:12px;
 border-style:groove; 
 background-color: #ececec; 
}

legend{
 font-family:Arial; 
 font-weight: bold;
 color: #333333;
 font-size: 13px;
 letter-spacing: 1px;
}


label,  input, select, textarea {   
 display: block;   
 float: left; 
}   

label{
 width:170px;
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#FFFF00;
 padding:3px;
 text-align:right;
} 

  
fieldset {   
 border: solid 0px #000;   
 border: 1px solid #ccc;
 width: 95%;
 margin-left:10px;
}   
  
br {   
 clear: left;   
}   

A:link{color: #FFFFFF; text-decoration: none}
A:visited {color: #FFFFFF; text-decoration: none}
A:active {color: #FFFFFF; text-decoration: none}
A:hover {color: #FFFFFF; text-decoration: underline}

/* **********************************  DIVs  *********************************************** */

#pop{display:none;position:absolute;top:100px;right:100%;margin-left:-150px;margin-top:-100px;padding:10px;width:300px;height:90px;border:1px solid #d0d0d0}


#passovirtual { 
 position:absolute;
 width:auto; 
 height:auto;
 left:0px;
 top:50%;
} 


#site { 
 position:relative;
 width:810px; 
 _width:810px; 
 height:auto;
 margin: 0px auto;
 background-color:#000000
} 

#topo { 
 position:relative;
 width:auto;
 height: auto; 
 margin: 0px auto;
} 

#esquerdo{
 width:161px;
 height:auto;
 float:left;
} 


#centro{
 width:375px;
 _width:360px;
 height:auto;
 float:left;
} 

#direito{
 width:267px;;
 height:auto;
 float:right;
} 


#noar{
 display:block;
 width:auto;
 height:104px;
 float:right;
 clear:right;
 margin-bottom:10px;
} 

#pessasuamusica{
 display:block;
 width:auto;
 height:107px;
 float:right;
 clear:right;
 margin-bottom:15px;
} 

#promocoes{
 display:block;
 width:276px;
 _width:270px;
 height:auto;
 min-height:226px;
 padding-top:27px;
 float:right;
 clear:right;
 background-image:url(../images/radio_r7_c6.jpg);
 background-repeat:no-repeat;
 margin-top:10px;
} 

#curiosidades{
 display:block;
 width:266px;
 height:auto;
 float:right;
 clear:right;
 background-color:#232323;
 margin-top:20px;
 margin-bottom:20px;
} 

#dezmais{
 display:block;
 position:relative;
 width:151px;
 height:auto;
 float:left;
 margin-left:5px;
 background-color:#232323;
} 

#publicidade{
 display:block;
 position:relative;
 width:151px;
 height:230px;
 float:left;
 clear:left;
 margin-left:5px;
 margin-bottom:10px;
 background-color:#232323;
} 

#climatempo{
 display:block;
 position:relative;
 width:151px;
 height:180px;
 float:left;
 clear:left;
 margin-left:5px;
 margin-top:10px;
} 


#destaque{
 display:block;
 position:relative;
 width:359px;
 height:214px;
 float:left;
 margin-left:10px;
 _margin-left:4px;
 background-color:#232323;
} 

#novidades{
 display:block;
 position:relative;
 width:340px;
 height:auto;
 float:left;
 margin-left:10px;
 _margin-left:4px;
 margin-top:10px;
 background-color:#232323;
 padding:10px;
} 

#torresnoticias{
 display:block;
 position:relative;
 width:340px;
 height:auto;
 float:left;
 margin-left:10px;
 _margin-left:4px;
 margin-top:10px;
 background-color:#232323;
 padding:10px;
} 

.recados{
 display:block;
 position:relative;
 width:490px;
 height:auto;
 float:left;
 margin-left:10px;
 margin-top:10px;
 background-color:#232323;
 padding:10px;
} 

.box_galeria{
 display:block;
 position:relative;
 width:210px;
 height:200px;
 float:left;
 margin-left:10px;
 margin-top:10px;
 background-color:#232323;
 padding:10px;
} 


#paginacao{
 display:block;
 position:relative;
 width:490px;
 height:15px;
 float:left;
 margin-left:10px;
 margin-top:10px;
 background-color:#232323;
 padding:10px;
} 


#contato{
 display:block;
 position:relative;
 width:330px;
 height:auto;
 float:left;
 margin-left:10px;
 margin-top:10px;
 background-color:#232323;
 padding:10px;
} 

#contato label{
 width:78px;
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#FFFF00;
 padding:5px;
} 


#contato  input ,select, textarea {
 font-family: arial; 
 font-size:12px;
 border-style:none; 
 background-color: #FFFFFF; 
}

#noticia1{
 display:block;
 position:relative;
 width:183px;
 height:202px;
 float:left;
 background-image:url(../images/radio_r12_c4.jpg);
 background-repeat:no-repeat;
 margin-top:10px;
 padding-top:10px;
} 

#noticia2{
 display:block;
 position:relative;
 width:166px;
 height:202px;
 float:left;
 background-image:url(../images/radio_r12_c5.jpg);
 background-repeat:no-repeat;
 margin-left:10px;
 margin-top:10px;
 padding-top:10px;
} 

#rodape{
 display:table;
 position:relative;
 width:810px;
 height:118px;
 background-image:url(../images/rodape.png);
 _background-image:url(../images/radio_r16_c1.jpg);
 background-repeat:no-repeat;
 margin-top:10px;
 margin: 0px auto;
 clear:both;
} 

#endereco{
 display:block;
 position:relative;
 width:810px;
 height:auto;
 margin: 0px auto;
} 


#empresa{
 display:block;
 position:relative;
 width:600px;
 height:auto;
 float:left;
 margin-left:10px;
 margin-top:10px;
 background-color:#232323;
 padding:10px;
} 

/**********************************************  Tela locutores *****************************************/
#foto_locutor{
 display:block;
 position:relative;
 width:328px;
 height:auto;
 float:left;
 margin-top:10px;
} 

#dados_locutor{
 display:block;
 position:relative;
 width:250px;
 height:auto;
 float:right;
 margin-top:10px;
} 

#dados_locutor label{
 width:78px;
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#FFFF00;
}


/* **********************************  Tela programaçao  ******************************************* */

#dias_programacao{
 width:590px;
 height:55px;;
 float:left;
 margin-top:15px;
 padding-top:25px;
}


#corpo_programacao{
 width:590px;
 min-height:570px;
 height:auto;
 float:left;
}

#horario{
 width:206px;
 height:39px;
 float:left;
 border:#FFFFFF 1px solid;
}

#dados_horario{
 width:206px;
 height:39px;
 float:left;
 border:#FFFFFF 1px solid;
}

#programa{
 width:365px;
 height:39px;
 float:right;
 border:#FFFFFF 1px solid;
 
}



/* **********************************  Configuraao de Classes  *********************************************** */

.erro {
 border:1px solid red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A3A3A3;
}

.alerta2 {
    border:1px solid gray;
	background-color:#D3D3D3;
}

.pass{
 font-family: arial; 
 font-size:12px;
 border-style:groove; 
 background-color: #ececec; 
}

.titulo{
 padding-left:7px; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFF00;
 font-size:12px;
 text-align:center;
 padding-left:10px;
 margin-bottom:10px;
}

.texto{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:11px;
 text-align:left;
}

.texto1{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:12px;
 padding:4px;
}

.texto2{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:12px;
 padding-left:4px;
}

.texto3{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFF33;
 font-size:12px;
 text-align:left;
 margin-top:4px;
 margin-left:10px;
 font-weight:bold;
}


.texto5{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:12px;
 padding-top:4px;
 margin-left:4px;
}



.capa{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#718F3C;
 font-size:10px;
 text-align:left;
 padding-left:5px;
 padding-right:5px;
}

.rodape{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:11px;
 text-align:center;
 padding-top:14px;
}


hr {
 border-width:0;
 border-collapse:collapse;
 width:94%;
 background: transparent url(../images/hr.jpg) center no-repeat;
}




.src {
 width:90%px; 
 height:90%px; 
 margin: 4px; 
 padding:4px; 
 background-color:#f5f7f9; 
 border-right: #a5a7aa solid 1px; 
 border-bottom: #a5a7aa solid 1px; 
 border-top: #a5a7aa solid 1px; 
 border-left: #a5a7aa solid 1px; 
}

img{
 background:url('../images/load.gif') no-repeat center;
}