/*01 RESET STYLES*/


.nav,
.nav a,
.nav ul,
.nav li,
.nav div {
	padding: 0;
	border: none;
	outline: none;
	margin-top: 0;

	margin-bottom: 0;
	margin-left: 0;
}
    		
 
.nav a {
	text-decoration: none;
	
	
}
 
.nav li {
	list-style: none;
}


/*02 DROPDOWN MENU*/


/*02.1  MAIN MENU*/

.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	width: 850px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}
    
 
.nav > li { display: block;
    		float: left;
			
			
			}
			

.nav > li > a {
	position: relative;
	display: block;
	height: 0px;
	line-height: 0px;
	font-family: "Arial",  sans-serif;
	font-size: 12px;
	color: #999999;
	background: #ffffff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	font-style: normal;
	padding-top: 20px;
		padding-right: 20px;
padding-left: 46px;
}

.nav > li:hover > a {
	background: white;
	color: #000000;	
	
}
 
.nav > li:first-child > a { border-radius: 3px 0 0 3px;
    						border-left: none; 
							 
									
							}
    


.nav > li:last-child > a {  border-radius: 0 3px 3px 0 ;
    						border-right: none; }
   

/*02.2 PRODUCTS DROPDOWN MENU*/




.nav > li > div.first {
	position: absolute;
	display: block;
	width: 180px;
	top: 30px;
	left: 140px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/i_menu_triangle_long.png);
	z-index: 99;
	
}


    

.nav > li:hover > div { opacity: 1;
    					visibility: visible;
    					overflow: visible;
						
						}
    


.nav .nav-column {
	float: left;
	width: 180px;
	font-style: normal;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/bkgd_dropdown_menu.png);
	left: 100px;
}
   

 
.nav .nav-column h3 {  margin: 0px 0 10px 0;
    				   line-height: 18px;
					    font-family: Helvetica, Arial, sans-serif;
						font-size: 12px;
						color: #000000;
						text-transform: uppercase; }
   


 
.nav .nav-column li a {
	display: block;
	line-height: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #999999;
	width: 160px;
	padding: 8px;
	
	
	

}

 
.nav .nav-column li a:hover {
	color: #000000;
}

/*02.3 PORTFOLIO DROPDOWN MENU*/

.nav > li > div.second {  position: absolute;
						  display: block;
						  width: 467px;
						  top: 50px;
						  left: 235px;
					
						  opacity: 0;
						  visibility: hidden;
						  overflow: hidden;
					 
						  background: #ffffff;
						  border-radius: 0 0 3px 3px;
					 
						 -webkit-transition: all .3s ease .15s;
						 -moz-transition: all .3s ease .15s;
						 -o-transition: all .3s ease .15s;
						 -ms-transition: all .3s ease .15s;
						 transition: all .3s ease .15s; 
						
						 }
						 
.nav > li:hover > div { opacity: 1;
    					visibility: visible;
    					overflow: visible; }						 
	
    
.nav .nav-portfolio {  float: left;
    				   width: 467px;
					   height:100px;
    				   padding: 25px 5px 10px 25px;
	 				   border:1px solid rgba(216,215,215,.6) ;
	 				   border-top:none; }
	 
	

.nav .nav-portfolio .entrada{ position:relative;
							  left:180px;
							  top:-85px;
							  width:270px; }



.nav .nav-portfolio .entrada p{ font-size:13px;
								font-family: Helvetica, Arial, sans-serif;
    							font-weight: bold;
								color:#888888; }

	

.nav .nav-portfolio .entrada h3{ 	font-size:13px;
									font-family: Helvetica, Arial, sans-serif;
									font-weight: bold;
									text-transform:uppercase;
									color:#372f2b; }
 



.nav  .testimonials{  width: 467px;
					  height:160px;
    				  padding: 15px 5px 10px 25px;
					  border:1px solid rgba(216,215,215,.6) ;
					  border-top:none;
					  float: left; }
   
 


.nav  .testimonials #italic{  font-style:italic;
							  text-align:center;
							  width:440px;
							  color:#888888;
							  font-size:13; }




.nav  .testimonials #name-testimonials{ color:#372f2b;
										width:150px;
										padding:0px 160px;
										font-size:13; }
    
	
 


.nav  .testimonials #all_testimonials{ color:#888888;
									   font-size:13; }
    
	
 


.nav  .testimonials #all_testimonials a { color:#888888;
										  padding:0px 5px 0px 320px;
										  font-size:13; }
    
	



.nav  .testimonials #all_testimonials a:hover { color:orange;
												padding:0px 5px 0px 320px;
												font-size:13; }
    


/*02.4 SERVICES DROPDOWN MENU*/	

.nav > li > ul a{ 	position:relative;

					display:none;
  
					height: 50px;
					padding: 0 20px ;
					line-height:50px;
				 
					font-family: Helvetica, Arial, sans-serif;
					font-weight: bold;
					font-size: 13px;
					color: #888888;
	
	
					 border:1px solid rgba(216,215,215,.6) ;
					 border-top:none;
    
   
 
    				 background: #ffffff;
   
 
					 -webkit-transition: all .3s ease;
					 -moz-transition: all .3s ease;
					 -o-transition: all .3s ease;
					 -ms-transition: all .3s ease;
					 transition: all .3s ease;  }
	
	
	
	
.nav > li:hover > ul a { position:relative;

						 display:block;
    
						 height: 50px;
						 padding: 0 20px ;
						 line-height: 50px;
 
						 font-family: Helvetica, Arial, sans-serif;
						 font-weight: bold;
						 font-size: 13px;
						 color: #888888;
					 
						 border:1px solid rgba(216,215,215,.6) ;
						 border-top:none;
					 
						 background: #ffffff;
   
 
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-o-transition: all .3s ease;
						-ms-transition: all .3s ease;
						transition: all .3s ease;  }
	


	
.nav > li > ul a:hover{ 	position:relative;

							display:block;
   
							height: 50px;
							padding: 0 20px ;
							line-height: 50px;
 
							font-family: Helvetica, Arial, sans-serif;
							font-weight: bold;
							font-size: 13px;
							color:  orange;
						 	border:1px solid rgba(216,215,215,.6) ;
						 	border-top:none;
						
						 
							background: #ffffff;
   
 
							-webkit-transition: all .5s ease;
							-moz-transition: all .5s ease;
							-o-transition: all .5s ease;
							-ms-transition: all .5s ease;
							transition: all .5s ease; }
	
	




.nav > li > ul .submenu{ position:absolute;
						 left:0px;
						
						 display:block;
						 opacity:0;
   
    					 height: 50px;
 
    					 line-height:50px;
 
						font-family: Helvetica, Arial, sans-serif;
						font-weight: bold;
						font-size: 13px;
						color: #888888;
	
	
						border:1px solid rgba(216,215,215,.6) ;
						border-left:none;
						border-right:none;

   					    background: #ffffff;
   
 
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-o-transition: all .3s ease;
						-ms-transition: all .3s ease;
						transition: all .3s ease;  }
	
	
	
	
.nav > li > ul li:hover .submenu { position:absolute;
								   left:486px;
								   top:151px;
								   display:block;
								   opacity:1;
   								   height: 50px;
   
								  line-height: 50px;
							 
								  font-family: Helvetica, Arial, sans-serif;
								  font-weight: bold;
								  font-size: 13px;
								  color: #888888;
    							  background: #ffffff;
								  
								  -webkit-transition: all .3s ease;
   								  -moz-transition: all .3s ease;
								 -o-transition: all .3s ease;
								 -ms-transition: all .3s ease;
								 transition: all .3s ease; }
							   
 
    
	

.nav > li > ul .submenu .sub-submenu{ position:absolute;
									  left:0px;
									
									  display:block;
									  opacity:0;
   
									  height: 50px;
								 
									 line-height:50px;
								 
									 font-family: Helvetica, Arial, sans-serif;
									 font-weight: bold;
									 font-size: 13px;
									 color: #888888;
									
									
								     border:1px solid rgba(216,215,215,.6) ;
								     border-left:none;
								     border-right:none;

									 background: #ffffff;
								   
								 
									 -webkit-transition: all .3s ease;
									 -moz-transition: all .3s ease;
									 -o-transition: all .3s ease;
									 -ms-transition: all .3s ease;
									 transition: all .3s ease; }
	
	
	
	
.nav > li > ul .submenu li:hover .sub-submenu { position:absolute;
												left:111px;
												top:101px;
												display:block;
												opacity:1;
												width:130px;
   
    											height: 50px;
   
    											line-height: 50px;
 
												font-family: Helvetica, Arial, sans-serif;
												font-weight: bold;
												font-size: 13px;
												color: #888888;
 
    											background: #ffffff;
   
											 
												-webkit-transition: all .3s ease;
												-moz-transition: all .3s ease;
												-o-transition: all .3s ease;
												-ms-transition: all .3s ease;
												transition: all .3s ease;}
	
.nav > li > ul .submenu .sub-submenu .lastsubmenu{ position:absolute;
												   left:0px;

												   display:block;
												   opacity:0;
													  
												    height: 50px;
													 
												    line-height:50px;
 
													font-family: Helvetica, Arial, sans-serif;
													font-weight: bold;
													font-size: 13px;
													color: #888888;
	
	
													 border:1px solid rgba(216,215,215,.6) ;
													border-left:none;
													border-right:none;

    												background: #ffffff;
   
 
													-webkit-transition: all .3s ease;
													-moz-transition: all .3s ease;
													-o-transition: all .3s ease;
													-ms-transition: all .3s ease;
													transition: all .3s ease;}
	
	
	
	
.nav > li > ul .submenu  .sub-submenu li:hover .lastsubmenu { position:absolute;
															  left:-139px;
															  top:203px;
															  display:block;
															  opacity:1;
															  width:140px;
  
															  height: 50px;
														   
															  line-height: 50px;
														 
															  font-family: Helvetica, Arial, sans-serif;
															  font-weight: bold;
															   font-size: 13px;
															   color: #888888;
 
																background: #ffffff;
															   
															 
																-webkit-transition: all .3s ease;
																-moz-transition: all .3s ease;
																-o-transition: all .3s ease;
																-ms-transition: all .3s ease;
																transition: all .3s ease;}
 



/*02.5 ABOUT US DROPDOWN MENU*/	

.nav > li > div.third { position: absolute;
    					display: block;
    					width: 332px;
    					top: 50px;
    					left: 350px;
 						padding: 15px 25px 15px 25px;
   						opacity: 0;
    					visibility: hidden;
    					overflow: hidden;
 
    					background: #ffffff;
  						border:1px solid rgba(216,215,215,.6) ;
 
						-webkit-transition: all .3s ease .15s;
						-moz-transition: all .3s ease .15s;
						-o-transition: all .3s ease .15s;
						-ms-transition: all .3s ease .15s;
						transition: all .3s ease .15s; }
						
.nav > li:hover > div { opacity: 1;
    					visibility: visible;
    					overflow: visible; }	
    

.nav > li > div.third img{  padding-top:20px; }
  



.nav > li > div.third h3{   color:#ff0000;
  							font-family: Helvetica, Arial, sans-serif;
   							font-weight:bold; }
   




.nav > li > div.third .about p{ color:#888888;
  								font-size:13px;
							    font-family: Helvetica, Arial, sans-serif;
							    font-weight:bold;
							    line-height:20px; }
   
   
/*02.6 CONTACT DROPDOWN MENU*/  
 

.nav > li > div.fourth { position: absolute;
    					 display: block;
    					 width: 332px;
    					 top: 50px;
    					 left: 350px;
 						 padding: 15px 25px 15px 25px;
						 opacity: 0;
						 visibility: hidden;
						 overflow: hidden;
 
    					 background: #ffffff;
  						 border:1px solid rgba(216,215,215,.6) ;
 
						-webkit-transition: all .3s ease .15s;
						-moz-transition: all .3s ease .15s;
						-o-transition: all .3s ease .15s;
						-ms-transition: all .3s ease .15s;
						transition: all .3s ease .15s; }
	
.nav > li:hover > div { opacity: 1;
    					visibility: visible;
    					overflow: visible; }    

.nav > li > div.fourth #contact-info h3 { color:#372f2b;
										  font-family: Helvetica, Arial, sans-serif;
   										  font-weight:bold; }
    
	


.nav > li > div.fourth #contact-info p { color:#888888;
										 font-family: Helvetica, Arial, sans-serif;
										 font-weight:bold;
										 font-size:13px; }
    
	


.nav > li > div.fourth #social  { padding-top:10px; }
    
   
	


.nav > li > div.fourth #social h3 { color:#372f2b;
									font-family: Helvetica, Arial, sans-serif;
   									font-weight:bold; }
.topMenu {
	border: thin dotted #C00;
}
.dropDownWrapperTop {
	background-image: url(../images/i_menu_triangle_long.png);
}
.headerWraper {
	background: url(../images/h_logo.jpg) no-repeat;
	width: 851px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.font-lt-gray {
	font: 15px Helvetica, Arial, sans-serif;
	color: #999;
}