@charset "utf-8";
/* CSS Document */
*{
	font-family: "Century Gothic";
	font-size: 15px;
}
#fundo{
	width: 100%;
	height: 2500px;
	/*background: linear-gradient(#968f81,#bcb6ab);*/
	background-image: url(img/FundoPavimentacao.png);
	float: left;

}
#site{
	width: 1000px;
	height: 2400px;
	border-radius: 20px;
	margin-left: 150px;
	margin-top: 50px;
	background-color: white;
	float: left;
	border-style: solid;
	border-width: 3px;
	border-color: #e4e3e1;
}
#logo{
	width:300px;
	height:100px;
	float:left;
	background-color:peru;
	margin-left:10px;
	margin-top:10px;
	
}
#menu{
	width:300px;
	height:290px;
	background:linear-gradient(#e89106,#f4b419);
	float:left;
	margin-top:170px;
	margin-left:-350px;
	border-radius:15px;
	border-style: solid;
    border-width: 5px;
	border-color:#c08e15;
	text-align:left;
	font-size:20px;

		
}

#Submenu1{
	width:160px;
	height:150px;
	background:linear-gradient(#e89106,#f4b419);
	float:left;
	margin-top:135px;
	margin-left:-190px;
	border-radius:15px;
	border-style: solid;
    border-width: 0px;
	border-color:#c08e15;
	text-align:left;
	font-size:12px;
	display:none;
	/*overflow:hidden;*/

		
}


#Submenu2{
	width:180px;
	height:300px;
	background:linear-gradient(#e89106,#f4b419);
	float:left;
	margin-top:235px;
	margin-left:-210px;
	border-radius:15px;
	border-style: solid;
    border-width: 0px;
	border-color:#c08e15;
	text-align:left;
	font-size:12px;
	display:none;
	/*overflow:hidden;*/

		
}
a{
	 text-decoration: none;
	 color:black;
}

a:hover {
 	text-decoration:none;
	
	
}
#menu ul{
	/*list-style:none;*/
	margin-left:30px;
}
#menu ul li{
	cursor:pointer;
	margin-top:18px;
	border-bottom:2px solid rgba(255, 255, 255, .1);
	
	
	
}
#menu ul li:hover{
 	background-color:white;
	opacity:0.2;
	padding:5px 5px 1px 1px;
	
}

#Submenu1 ul{
	/*list-style:none;*/
	margin-left:1px;
}
#Submenu1 ul li{
	cursor:pointer;
	margin-top:5px;
	border-bottom:2px solid rgba(255, 255, 255, .1);
	font-size:13px;
	
	
}
#Submenu1 ul li:hover{
 	background-color:white;
	opacity:0.2;
	padding:5px 5px 1px 1px;

}


#Submenu2 ul{
	/*list-style:none;*/
	margin-left:1px;
}
#Submenu2 ul li{
	cursor:pointer;
	margin-top:5px;
	border-bottom:2px solid rgba(255, 255, 255, .1);
	font-size:13px;
	
	
}
#Submenu2 ul li:hover{
 	background-color:white;
	opacity:0.2;
	padding:3px 3px 1px 1px;

	
}
.banner{
	width:760px;
	height:350px;
	position:relative;
	overflow:hidden;
	background-image:url(img/banner3.jpg);
	float:right;
	margin-right:-50px;
	margin-top:30px;
	border-radius:15px;
	border-style: solid;
    border-width:5px;
	border-color:#968f81;
}
banner img{
	width:100%;
	height:100%;
	border-radius:10px;
}
.foto{
	position:absolute;
	opacity:0;
	animation-name:animacao;
	animation-duration:20s;
	animation-iteration-count:infinite;
}
.foto:nth-child(1){
		
}
.foto:nth-child(2){
	animation-delay:5s;
}
.foto:nth-child(3){
	animation-delay:10s;	
}
.foto:nth-child(4){
	animation-delay:15s;	
}
@keyframes animacao{
	25%{
		opacity:1;
		transform:scale(1.1,1.1);
	}
	50%{
		opacity:0;
			
	}
	
	
}
#nav{
	width: 980px;
	height: 500px;
	/*background-color:peru;*/
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}
#conteudo1{
	width:250px;
	height:815px;
	margin-left:-5px;
	margin-top:10px;
	float:left;
	/*border-right:dashed;
	border-width:1px;*/
	/*background-color:purple;*/
}
#conteudo2{
	width: 700px;
	height: 1100px;
	float: left;
	/*background-color:purple;*/
	margin-top: 10px;
	margin-left: 10px;
	text-align: justify;
	
}
.parceiros{
	width: 180px;
	height: 150px;
	/*background-color:red;*/
	float: left;
	margin-left: 40px;
	margin-top: -10px;
}
.parceiros img{
	width:100%;
	height:100%;
}
#conteudo3{
	width: 701px;
	height: 210px;
	float: none;
	/*background-color:yellow;*/
	margin-top: 10px;
	margin-left: 10px;
	border-bottom: dashed;
	border-top: dashed;
	border-width: 1px;
}
}
#conteudo3TipoPavimentacao{
	width: 700px;
	height: 560px;
	float: right;
	/*background-color:yellow;*/
	margin-top: 10px;
	margin-left: 10px;
	border-bottom: dashed;
	border-top: dashed;
	border-width: 1px;
}
#subcont1{
	width:230px;
	height:250px;
	/*background-color:grey;*/
	margin-left:10px;
	margin-top:10px;
	float:left;
}
#subcont2{
	width: 230px;
	height: 300px;
	/*background-color:darkblue;*/
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
#imgm{
	width:20px;
	height:25px;
	background:linear-gradient(#960001, #d20101);
	float:left;
	border-radius:5px;
	margin-left:40px;
	margin-top:10px;
	text-align:center;
	font-size:14px;
	color:white;
}
#imgm p{
	margin-top:5px;
}
#contato{
	width:120px;
	height:25px;
	/*background-color:red;*/
	float:left;
	margin-left:5px;
	margin-top:10px;
	text-align:center;
}
#contato p{
	margin-top:1px;
	font-size:22px;
	
}
#subcont3{
	width: 230px;
	height: 225px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	/*background-color:blue;*/
}
#wpp{
	width:40px;
	height:40px;
	/*background-color:red;*/
	margin-left:25px;
	margin-top:-10px;
}
#wpp img{
	width:100%;
	height:100%;
}
#imgm2{	
	width:20px;
	height:25px;
	background:linear-gradient(#960001, #d20101);
	float:left;
	border-radius:5px;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	font-size:14px;
	color:white;
}
#subcont4{
	width: 210px;
	height: 190px;
	/*background-color:red;*/
	float: left;
	margin-left: 25px;
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	/*border-right:dashed;
    border-width: 1px;	*/
}
#imagemSub4{
	width: 190px;
	height: 120px;
	/*background-color:green;*/
	float: left;
	margin-left: 10px;
	margin-top: -15px;
	
}
#imagemSub4 img{
	width:100%;
	height:100%;	
}
#subcont5{
	width: 210px;
	height: 190px;
	/*background-color:red;*/
	float: left;
	margin-left: 10px;
	margin-top: 30px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	clip: rect(0px,auto,auto,auto);
	top: 2px;
}
#imagemSub5{
	width: 190px;
	height: 120px;
	/*background-color:green;*/
	float: left;
	margin-left: 10px;
	margin-top: -15px;
}
#imagemSub5 img{
	width:100%;
	height:100%;	
}
#subcont6{
	width: 210px;
	height: 190px;
	/*background-color:red;*/
	float: right;
	margin-left: 10px;
	margin-top: 30px;
	text-align: center;
	/*border-left:dashed;
    border-width: 1px;	*/
}
#imagemSub6{
	width: 190px;
	height: 120px;
	/*background-color:green;*/
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
#imagemSub6 img{
	width:100%;
	height:100%;	
}
table.comBordaComplexa {
    
	 border: 0px dashed;
 	margin-top: 10px;
	margin-left: 10px;
	border-bottom: dashed;
	border-top: dashed;
	border-width: 1px;
	
	/*
	border-collapse: dashed; /* CSS2 */
   /* background: #FFFFF0;
    border:1px; /* Precedência tem bug no IE */
}
#centralTipoPavimentacao{
	width: 700px;
	height: 1550px;
	background-color: white;
	margin: 0px;
}

#conteudo1TipoPav{
	width: 340px;
	height: 430px;
	padding-right: 6px;
	background-color: white;
	float: left;
	border-right: dashed;
	border-right-width: 1px;
	border-bottom: dashed;
	border-bottom-width: 1px;
	text-align: justify;
	font-size: 15px;
	margin: 6px;
	
}

#conteudo2TipoPav{
	width: 335px;
	height: 430px;
	background-color: white;
	float: right;
	margin-right: 5px;
	border-bottom-width: 1px;
	text-align: justify;
	border-top-width: 0px;
	border-right-width: 0px;
	/*border-left: dashed;
	border-width: 1px;*/
	border-bottom-style: dashed;
	font-size: 15px;
	margin-top: 6px;
	padding: 0px;
}
#conteudo3TipoPav{
	width: 340px;
	height: 430px;
	background-color: white;
	float: left;
	margin-top: 0px;
	margin-left: 8px;
	border-right: dashed;
	border-right-width: 1px;
	border-bottom: dashed;
	border-bottom-width: 1px;
	text-align: justify;
	padding-right: 6px;
}

#conteudo4TipoPav{
	width: 335px;
	height: 430px;
	background-color: white;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	border-bottom: dashed;
	border-bottom-width: 1px;
	text-align: justify;
}

#conteudo5TipoPav{
	width: 340px;
	height: 430px;
	background-color: white;
	float: left;
	margin-top: 0px;
	margin-left: 8px;
	border-right: dashed;
	border-right-width: 1px;
	border-bottom: dashed;
	border-bottom-width: 1px;
	text-align: justify;
	padding-right: 6px;
	
}
#conteudo6TipoPav{
	width: 335px;
	height: 430px;
	background-color: white;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	border-bottom: dashed;
	border-bottom-width: 1px;
	text-align: justify;
	
}

 /*
table.comBordaComplexa td {
    border: 0px dashed;
 	margin-top: 10px;
	margin-left: 10px;
	border-bottom: dashed;
	border-top: dashed;
	border-width: 1px;
}*/
 /*
table.comBordaComplexa th {
    background: #F0FFF0;
	border: 1px dashed white;
	margin-top: 10px;
	margin-left: 10px;
	border-bottom: dashed;
	border-top: dashed;
	border-width: 1px;

}*/
 /*
table.comBordaComplexa tr {
	border: 0px dashed white;
	margin-top: 10px;
	margin-left: 10px;
	border-bottom: dashed;
	border-top: dashed;
	border-width: 1px;
}*/
#ImgTipoPav {
	text-align: center;
}
#fundo #site #nav #conteudo2 #centralTipoPavimentacao #conteudo1TipoPav #imgTipoPav p img {
	text-align: center;
}