/* CSS DO HOT SITE EASY SMS */







/*

Zerando os elementos

*/





* {

	margin: 0;

	padding: 0;

	list-style: none;

	border: 0;

	text-decoration: none;

}





/* podemos aplicar um fundo HTML */



html {



background-attachment:scroll;

background-image:url(../imgs/fundo.jpg);

background-repeat:repeat-x;

background-color:#2590D8;



}

/*

CORPO DA PAGINA

*/







body {

text-align:center;

color:#000000;

}





#geral{

width:800px;

height:auto;

margin: 0 auto 0 auto;

border: 0px solid black;

}







/*TOPO*/



#cabecalho {

border:0px solid blue;

width:800px;

height:90px;

padding: 0 0 0 0; 

margin: 20px auto 0 auto;



}



/*sempre usar padding para definir a altura de um DIV, 

usar height causa um desastre nos browsers que estao configurados para exibir 

fontes grandes ou pequenas d+ */







#cabecalho h1 {

	float: left;

	width: 262px;

	height: 90x;

	

	}



#cabecalho h1 a { /*a marca está aqui, disponibilizada através da tag h1 no código html - */

    float: left;

	background-image:url(../imgs/marca.png);

	text-indent: -1999px;

	overflow: hidden;

	display: block;

	width: 262px;

	height: 90x;

	padding-bottom:50px;

}





#menu {



float:left;

font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;

font-size:105%;

text-transform: uppercase;

margin: 50px 0 0 /* 135px;*/ 235px;

}





#menu a {

display:block;

border-bottom: 4px #def2bb solid;

color:#666;





}



#menu ul {

  list-style: none;

  }



  #menu li { 

  float:left;

  padding:10px;





  }



 

	#menu a:hover, a.over{

    border-bottom: 4px #9ad72d solid;	

	display: inline;	

	}











/*MEIO*/





#conteudo 

{float:left;

width:800px;

margin: 5px 0 0 0;

background:url(../imgs/sombra.png) no-repeat center top;

_background:url(../imgs/sombrab.png) no-repeat center top;

_border-top: 1px solid #EAEAEA;



}





#conteudo1 

{float:left;

width:800px;

margin: 50px 0 0 0;

background-attachment:scroll;

background:url(../imgs/sombra1.png) repeat-y center top;

_background:url(../imgs/sombra2.png) repeat-y center top; /*Talvez a sombra no IE só funcione com quando o degrade termina na cor exata, nao no transparente */



}







#destaque_itens {

float:left;

width:240px;

margin: 0px 0px 0px 30px;

_margin: 0px 0px 0px 15px;

font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;

font-size:100%;

color: #666;

text-transform: uppercase;

}



#destaque_itens li {

border-bottom: 1px solid #CCCCCC;

text-align:right;

}



#destaque_itens li a {

display:block;

height:35px;

font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;

font-size:100%;

color: #666;

padding: 10px 7px 0 0;

background:#fff;

}



#destaque_itens li a:hover {

display:block;

height:35px;

padding: 10px 7px 0 0;

background:#dbf1b5;

color: #666;

}



#destaque_itens li.selecionado a {

display:block;

height:35px;

text-transform: uppercase;

padding: 10px 7px 0 0;

background:#dbf1b5;

color: #666;

}





#entrada_info {

float:left;

width:400px;

margin: 0 0 0 100px;

background:#fff;

font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;

text-align:left;

}



#entrada_info h2 { 

padding: 0 0 20px 0;

text-indent: 20px;

font-size:150%;

color:#666;

}



#entrada_info img { 

vertical-align:middle;

}



#entrada_info p { 

text-align:justify;

text-indent: 20px;

font-size:100%;

_padding: 0 5px 0 0px;



}



#entrada_info ol h2{

font-size:60%;

font-size:100%;

}



#entrada_info li {

margin: 0 0 0 20px; 

font-size:90%;

list-style:disc;

}







#contato fieldset {



/* controla a demarcação do nosso formulario */



}





#contato legend {

/*	controla a legedenda do form */

}





#contato label {

font-size:90%;

text-decoration:none;

color:#000;

border:0px solid black;

}







#contato input {



border:1px solid black;

}





#contato input:focus {



border:1px solid #def2bb;

background:#def2bb;

}







#contato textarea {



border:1px solid black;





}





#contato textarea:focus {



border:1px solid #def2bb;

background:#def2bb;





}

	

/*FIM*/









/* seletores */ /*a maioria para controlar os campos dos formularios */



.escolha1 {

border:none;

}



.escolha2 {

border:none;

margin:0 0 0 40px;

}



.escolha3 {

border:none;

margin:0 0 0 40px;

}



.nome {

width:350px;





}



.empresa {

width:334px;

}



.email {

width:350px;

}



.tel {

width:290px;

}



.horario {

width:255px;

}



.msg {

width:394px;

}





.botaoapagar {

background:#fff;



}



.botaoenviar {

background:#fff;

}





.pergunta



{font-style:italic;



}







/*   FIM SELETORES */