@charset "utf-8";
/* CSS Document */




/****************************************CSS RESET*******************************************/

*{ margin:0px;
padding:0px;}





#all{ margin: 0 auto;
width:1003px;
padding-bottom:5px;
background: #FFF;}

/****************************************PAGINA HOME*******************************************/

#topo{ width:1003px;
height:70px;
clear:both;

}

#logo_homma_topo{ width:150px;
height:50px;
background: url(../png/logo_homma.png) no-repeat;
float:left;
margin-left:10px;
margin-top:10px;
	}
	
#midias_sociais{ width:40px;
height:40px;
background: #09F;
float: right;
margin-top:10px;
	}

/****************************************MENU*******************************************/


#menu_topo{ width:1060px;
height:58px;
clear:both;
}

.menu, .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu {
    height: 58px;
}
.menu li {
    background: -moz-linear-gradient(#292929, #252525);
    background: -ms-linear-gradient(#292929, #252525);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));
    background: -webkit-linear-gradient(#292929, #252525);
    background: -o-linear-gradient(#292929, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";
    background: linear-gradient(#292929, #252525);

    border-bottom: 2px solid #181818;
    border-top: 2px solid #303030;
    min-width: 100px;
	
}
.menu > li {
    display: block;
    float: left;
    position: relative;
}
.menu > li:first-child {
    border-radius: 5px 0 0;
}
.menu a {
    border-left: 3px solid rgba(0, 0, 0, 0);
    color: #CCC;
    display: block;
    font-family: 'Lucida Console';
    font-size: 14px;
    line-height: 54px;
    padding: 0 36px;
    text-decoration: none;
    text-transform: uppercase;
}

.menu li:hover {
    background-color: #1c1c1c;
    background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
    background: -ms-linear-gradient(#1c1c1c, #1b1b1b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #1b1b1b));
    background: -webkit-linear-gradient(#1c1c1c, #1b1b1b);
    background: -o-linear-gradient(#1c1c1c, #1b1b1b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')";
    background: linear-gradient(#1c1c1c, #1b1b1b);

    border-bottom: 2px solid #222222;
    border-top: 2px solid #1B1B1B;
}
.menu li:hover > a {
    border-radius: 5px 0 0 0;
    border-left: 3px solid #C4302B;
    color: #C4302B;
}

.submenu {
    left: 0;
    max-height: 20px;
    position: absolute;
    top: 100%;
    z-index: 0;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
	min-width: 400px;
}
.menu .submenu li:hover a {
    border-left: 3px solid #454545;
    border-radius: 0;
    color: #ffffff;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 1000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}


/****************************************BANNER ROTATIVO*******************************************/

#banner_rotativo{  width:1000px;
height:320px;
clear:both;
background: #CCC;
border-radius: 0  0 10px 10px;
overflow:hidden;
}

#itens_servicos_prestados{  width:1003px;
height:190px;
clear:both;
margin-top:12px;}

#item_servicos_1{ width:155px;
height:190px;
background: #FFF;
border: 3px solid #EFEFEF;
margin-left:6px;
float:left;
border-radius: 10px;
}

#icone_tematico{ width:50px;
height:50px;
background:#666666;
clear:both;
margin-left:55px;
margin-top:10px;
clear:both;}

#descricao_item{ width:140px;
height:60px;
background: #FFF;
clear:both;
margin-left:8px;
margin-top:10px;
clear:both;
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
text-align:center;
color: #999;}

#saiba_mais_botao{ width:70px;
background: #9CF;
clear:both;
margin-left:28px;
clear:both; 
padding:15px;}



#rodape{ width:1003px;
height:40px;
clear:both;
background: url(../png/rodape.png) no-repeat;
margin-top:40px;
border-radius: 0  0 10px 10px;}




/****************************************PAGINA SOLUCOES PARA VIDEO*******************************************/


#conteudo_pagina_coluna_esq{ width:200px;
height:380px;
float:left;}

#conteudo_pagina_coluna_dir{ width:803px;
padding-bottom:100px;
background: #FFF; 
float: left;}

#banner_tematico_areas_site{
	width:1003px;
	height:150px;
	background: #3CF;
	clear:both;
	
	}
	
#menu_lateral {
			
			width: 200px;
			padding-bottom:10px;

			background: #F2F2F2;
			position:fixed;
			
		    border-radius: 0  0 10px 0;
			
		}
		#menu_lateral ul {
			width: 200px;
		     list-style: none;
			 margin-top:10px;
		}
		
		#menu_lateral ul li a {
			
			text-decoration: none;
			color: #666;
			display:block;
			width: 200px;
			height: 20px;
			padding:8px;
			font-size:14px;
			font-family:Tahoma, Geneva, sans-serif;
					}
					
			#menu_lateral ul li a.pinta{
				text-decoration: none;
			color: #900;
			display:block;
			width: 200px;
			height: 20px;
			padding:8px;
			font-size:14px;
			font-family:Tahoma, Geneva, sans-serif;	
				
				}		
					
		#menu_lateral ul li:first-child a {
			border-left: 0;
		}
		#menu_lateral ul li:last-child a {
			border-right: 0;
		}
		#menu_lateral ul li a:hover {
			background-color: #4aa6e0;
			color:#FFFFFF;
		}
		
		#menu_lateral ul li a.pinta:hover {
			background-color: #B00;
			color: #FFF;
		}
		
		
		#conteudo_pagina_coluna_dir_servicos{ width:803px;
		padding-bottom:100px;
background: #FFF; 
float: left;}
		
		#menu_lateral_servicos {
			
			width: 200px;
			padding-bottom:10px;

			background: #F2F2F2;
			position:fixed;
			
		    border-radius: 0  0 10px 0;
			
		}
		#menu_lateral_servicos ul {
		
		     list-style: none;
			 margin-top:10px;
		}
		
		#menu_lateral_servicos ul li a {
			
			text-decoration: none;
			color: #666;
			display:block;
		    padding:15px;
			font-size:14px;
			font-family:Tahoma, Geneva, sans-serif;
					}
					
			#menu_lateral_servicos ul li a.pinta{
				text-decoration: none;
			color: #900;
			display:block;
			padding:15px;
		
			padding:8px;
			font-size:14px;
			font-family:Tahoma, Geneva, sans-serif;	
				
				}		
					
		#menu_lateral_servicos ul li:first-child a {
			border-left: 0;
		}
		#menu_lateral_servicos ul li:last-child a {
			border-right: 0;
		}
		#menu_lateral_servicos ul li a:hover {
			background-color: #4aa6e0;
			color:#FFFFFF;
		}
		
		#menu_lateral_servicos ul li a.pinta:hover {
			background-color: #B00;
			color: #FFF;
		}
		
		
		
		
		
		
		
		p#titulo_temas{ font-family: Verdana, Geneva, sans-serif;
		font-size:24px;
		color: #900;
		padding:15px;
		border-bottom:1px solid #F0F0F0;
		margin-left:15px;
		}
		
		p#texto_temas {
		 font-family: Verdana, Geneva, sans-serif;
		font-size:12px;
		color: #999;
		margin-left:50px;
		width:700px;
		margin-top:15px;
			
			
			}
		
		#blocos_conteudo_1{ width:803px;
		height:450px;
		background: #FFF;
	
	
			}
			
			#blocos_conteudo_1_2{ width:803px;
		height:450px;
		background: #FFF;
	
			}
			
			
			
			
			#blocos_conteudo_2{ width:803px;
		height:450px;
		background: #FFF;
	
			}
			
			#blocos_conteudo_2_2{ width:803px;
		height:450px;
		background: #FFF;
	
			}
			
			#blocos_conteudo_3{ width:803px;
		height:450px;
		background: #FFF;
	
			}
			
			#blocos_conteudo_4{ width:803px;
		height:450px;
		background: #FFF;
	
			}

#blocos_conteudo_5{ width:803px;
		height:450px;
		background: #FFF;
	
			}
			
			#blocos_conteudo_6{ width:803px;
		height:450px;
		background: #FFF;
	
			}
			
			
			#blocos_conteudo_7{ width:803px;
		height:450px;
		background: #FFF;
	
			}
			
			#blocos_conteudo_8{ width:803px;
		height:450px;
		background: #FFF;
	
			}

a.botao_solicite_orcamento{color:#FFFFFF; font-size:14px; padding:10px; background:#0099FF; text-decoration:none; margin-left:250px; border-radius: 10px  10px 10px 10px; float:right;
	
	
	}

a.botao_solicite_orcamento:hover{ background:#0066CC;
color:#FFF;}



#conteudo_pag_clientes{ width:1003px;
padding-bottom:600px;
background: #FFF;}

#conteudo_pag_empresa{ width:1003px;
padding-bottom:330px;
background: #FFF;}

#conteudo_pag_contato{ width:1003px;
padding-bottom:20px;
background: #FFF;}

a.cliente{ width:120px;
height:120px;
background: #FFF;
border:1px solid #CCC;
float:left;
margin-top:20px;
margin-left:20px;
border-radius: 10px  10px 10px 10px;
}

#engloba_menu_beneficios{ width:1000px;
height:175px;
background:#CCC;
clear:both;
margin-top:10px;}

#form_contato{ color:#990000;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
margin-left:50px;
margin-top:10px;}

#form_contato input{ padding:8px;
width:800px;}