/*







Theme Name: Tema Personalizado - EuroMad







Theme URI: EuroMadMadeiras.com.br







Description: Tema Euromad Madeiras







Author: OtimizaMais







Author URI: http://www.otimizamais.com.br







Version: 1.0







*/





body div { border: solid 0px red; }



body { background-image:url(images/bg.jpg); margin: 0px; border: 0px;  }

body img { border: 0px; }



#fundotopo { width: 100%; height: 150px; min-width: 1000px; background-image:url(images/fundo.jpg);}

#topo { width: 1000px; height:150px; margin: 0px auto;  

}



#logo{

	width: 236px; height: 115px;

	float:left;

	margin:20px 0 20px;	

	padding-left:30px;

}



#telefone-topo{

	width: 390px;

	height: 70px;

	float:right;

	color:#FFF;

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

	font-weight:bold;

	margin-top: 20px;

	text-align: right;

	padding-left:30px;

}



#tel-topo-1{

	float: left; margin-top: 7px;



}

#tel-topo-2{

	float: left; margin-left: 10px;

	

}

#tel-topo-3{

	float: left; margin-top: 7px;  margin-left: 10px;

	

}

#tel-topo-4{

	float: left;  margin-left: 10px;

	

	

}



#email-topo{

	width: 200px;

	color:#FFF;

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

	font-weight:bold;

	float: right;

	margin-top: 110px;

	margin-right: -300px;

	text-align: right;

	width: 300px;

}















/* menu */



#fundo-menu {

	width: 100%;

	min-width:1000px;

	height: 40px;

	background-color: #6B4D4A;

	margin-top: -6px;



}

#menu { width: 1000px; height: 40px; margin: 0px auto;  margin-top: -6px;}



#cssmenu ul {

  margin: 0;

  padding: 0;

  float:left;

  margin-top: -6px;

}

#cssmenu li {

  margin: 0;

  padding: 0;

}

#cssmenu a {

  margin: 0;

  padding: 0;

}

#cssmenu ul {

  list-style: none;

}

#cssmenu a {

  text-decoration: none;

}

#cssmenu {

  height: 40px;

  background-color: #6B4D4A;

  width: auto;

  padding-left:10px;

  margin-top: 5px;

}

#cssmenu > ul > li {

  float: left;

  margin-left: 1px;

  position: relative;

}

#cssmenu > ul > li > a {

  color: #ffffff;

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

  font-size: 12px;

  line-height: 40px;

  padding: 15px 20px;

  -webkit-transition: color .15s;

  -moz-transition: color .15s;

  -o-transition: color .15s;

  transition: color .15s;

  

}

#cssmenu > ul > li > a:hover {

  color: #c27e35;

}

#cssmenu > ul > li > ul {

  opacity: 0;

  visibility: hidden;

  padding: 16px 0 20px 0;

  background-color: #fafafa;

  text-align: left;

  position: absolute;

  top: 55px;

  left: 50%;

  margin-left: -90px;

  width: 180px;

  -webkit-transition: all .3s .1s;

  -moz-transition: all .3s .1s;

  -o-transition: all .3s .1s;

  transition: all .3s .1s;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

  z-index:1000;

}

#cssmenu > ul > li:hover > ul {

  opacity: 1;

  top: 45px;

  visibility: visible;

}

#cssmenu > ul > li > ul:before {

  content: '';

  display: block;

  border-color: transparent transparent #fafafa transparent;

  border-style: solid;

  border-width: 10px;

  position: absolute;

  top: -20px;

  left: 50%;

  margin-left: -10px;

}

#cssmenu > ul ul > li {

  position: relative;

}

#cssmenu ul ul a {

  color: #323232;

  font-family: Verdana, 'Lucida Grande';

  font-size: 12px;

  background-color: #fafafa;

  padding: 5px 8px 7px 16px;

  display: block;

  -webkit-transition: background-color 0.1s;

  -moz-transition: background-color 0.1s;

  -o-transition: background-color 0.1s;

  transition: background-color 0.1s;

}

#cssmenu ul ul a:hover {

  background-color: #f0f0f0;

}

#cssmenu ul ul ul {

  visibility: hidden;

  opacity: 0;

  position: absolute;

  top: -16px;

  left: 206px;

  padding: 16px 0 20px 0;

  background-color: #fafafa;

  text-align: left;

  width: 180px;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

}

#cssmenu ul ul > li:hover > ul {

  opacity: 1;

  left: 190px;

  visibility: visible;

}

#cssmenu ul ul a:hover {

  background-color: #c27e35;

  color: #f0f0f0;

}





/* fim menu */











#fundo-banner{

	width:100%; min-width: 1000px;

	height: 350px;

	background-image: url(images/bg-banner.jpg);	

}



#barra-banner{

	height:15px;

	background-color: #6B4D4A;

}











/* conteudo */



#conteudo{

	width:1000px; display:table; margin: 0px auto;

	margin-bottom:20px;	

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

}



#conteudo h1{

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

	color:#664B4A;

	font-size:22px;

}

#conteudo h2{

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

	color:#664B4A;

	font-size:18px;

}









/*Fim conteudo*/











/*Rodape*/

#fundo-rodape{

	

	width: 100%;

	background-color: #6B4D4A;

	height: 110%;

	min-width:1000px;

	

}



#rodape{

	width: 1000px; margin: 0px auto;

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

	color:#fff;

	

}



#seg { width: 1000px; display:table; margin: 5px auto;  }



.tel-rodape { width: 280px; height: 50px; color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left: 50px; margin-top:15px; margin-bottom:15px; font-size:14px;  }

.tel-1 { float:left; margin-top: 7px; }

.tel-2 { float:left; margin-left: 20px; }

.tel-3 { float:left; margin-left: 20px; margin-top: 7px; }

.tel-4 { float:left; margin-left: 20px; }



#endereco-rodape { width: 900px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; margin: 0px auto; }



#end { width: 550px; float:left;  }

#otimiza { width: 349px; float:left; text-align:right; }
#otimiza a { color: #FFF; text-decoration: none; }
#otimiza a:hover { text-decoration: underline;  } 


/*Fim Rodape*/







/*Index*/

.box { width: 223px; height: 380px; float:left; padding: 5px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; }

.box h2 a { color: #664B4A;	font-size:18px; text-decoration:none; }

.box h2 a:hover { color: #503c3b;	font-size:18px; text-decoration:none; }



.botao { padding: 5px 20px;  background-color: #633; color:#FFFFFF; text-decoration:none; 

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

}



#display { 

	border: solid 0px red;

	position: relative;

	max-width: 1000px;

	width: 100%;

	padding: 10px 50px;

	margin: 0 auto;

	height: 350px;



}

.margin14 { margin-top: 15px; }



/*Index*/







/* Empresa */



#logo-empresa{

	text-align: center;

	padding-top: 30px;

	float:left;

	display:table;

	margin-right: 25px;

	margin-bottom:25px;

}

#conteudo-empresa-1{

	padding-top:20px;	

}



#conteudo-empresa-2{

	margin-top:20px;	

}



/* serviços */



#texto { width: 650px; float: left; display:table; min-width: 650px;  }

	#texto2 { border-top: solid 3px #6b4d4a; padding: 15px 10px; display:table; }

	#texto2 a{

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

	font-weight:bold;

	color: #6b4d4a;

	text-decoration: none;

}





#breadcrumb { padding: 5px; background-image:url(images/breadcrumb.png); width: 100%; min-width: 630px; }



.foto { text-align:center; background-color:#FFF; }

 



#texto2 a:hover{

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

	font-weight:bold;

	text-shadow: 2px 2px 2px #bdada4;

        filter: dropshadow(color=#bdada4, offx=2, offy=2);

}











#texto3 { width: 950px; float: left; display:table; min-width: 950px;  }

	#texto4 { border-top: solid 3px #6b4d4a; padding: 15px 10px; display:table; }

	#texto4 a{

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

	font-weight:bold;

	color: #6b4d4a;

	text-decoration: none;

}





#breadcrumb4 { padding: 5px; background-image:url(images/breadcrumb.png); width: 100%; min-width: 950px; }



#texto4 a:hover{

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

	font-weight:bold;

	text-shadow: 2px 2px 2px #bdada4;

        filter: dropshadow(color=#bdada4, offx=2, offy=2);

}

















#lateral { width:280px; float:right; }



#link-lateral{

	border-top: solid 3px #6b4d4a;

	width: 280px;

	background-color:#DED1C8;

	padding: 10px 20px;

	list-style:none;

	line-height:2;

	float:right;

}



#link-lateral a{

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

	font-weight:bold;

	color: #6b4d4a;

	text-decoration: none;

}

#link-lateral a:hover{

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

	font-weight:bold;

	text-shadow: 2px 2px 2px #bdada4;

        filter: dropshadow(color=#bdada4, offx=2, offy=2);

}



#conteudo-servicos{

	padding:20px 40px 0 0px;	

}





#orcamento { padding: 20px 10px;  background-color: #6B4D4A; color:#FFFFFF; text-decoration:none; 

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

font-size:12px; color: #CCC;

text-align:center;

width: 300px;

height: 30px;

line-height: 8px;

margin-top: 15px;

}

#orcamento a { color: #FFF; font-size:18px; text-decoration:none; }

#orcamento a:hover { color: #FFF; font-size:18px; text-decoration:none; text-shadow: 2px 2px 2px #999; }





/*fim servicos*/





/*imgens telha*/



#imagens-telhas img { width:150px;  }



#frames iframe { margin: 5px; }



#telhasconcretos { width: 555px; height: 600px; overflow: auto; text-align:justify; color: #000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; padding: 10px; }



/* fim imagem telha*/





/* orçamento */



#conteudo-orcamento{

	

	padding:20px 60px 0 0px;

	}

#localizacao-lateral{

	background-color:#DED1C8;

	line-height:2;

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

	font-weight:bold;

	padding-top:20px;

}





