@import "reset.css";



/* BODYS
=== === === === === === === === === === */
body {
	background-position:top;
	background-repeat:repeat-x;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	

}

#body-home {
	background-image: url(../images/home_bg.jpg);
	background-color:#C7EBF9;
}


#body-interior {
	background-image: url(../images/interior_bg.png);
	background-color:#fff;
}



/* ESTRUCTURE - HOME
=== === === === === === === === === === */

#container {
	margin: 0 auto;
	width: 930px; 
	text-align: left;

}



#splash-home {
	height:400px;
	background-image:url(../images/home_splash.jpg);
	background-repeat:no-repeat;
}

#message-home{
	clear:both;
	margin: 130px 0 0 40px;
	width:500px;
	color:#FFFFFF;
	line-height:18px;
	font-weight:bold;
}


#left-box{
	float:left;
	margin: 60px 0 40px 40px;
	width:420px;
}

#right-box{
	float:right;
	width:420px;
	margin: 60px 0 40px 0;

}

.novedades-home{
	margin: 10px 0 10px 0;
	padding: 0 0 15px 15px;
	border-bottom: dotted 1px #CCCCCC;
	font-weight:bold;
	font-size:11px;
	color:#0066CC;
	
}

.servicios-home{
	margin: 0 50px 30px 0;
	float:left;
	font-size:14px;
	font-weight:bold;
}


.servicios-home li{
	margin: 20px 0 20px 0;
	background:  url(../images/arrow.png);
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
}


/* ESTRUCTURE - INTERIORS
=== === === === === === === === === === */

#content {
	clear:both;
	width:850px;
	margin: 150px auto 20px auto;
	padding: 13px 0 0 10px;
	min-height:600px;
	

	

}




/* HEADERS
=== === === === === === === === === === */


#logo-header {
	padding: 150px 0 0 0;
    overflow: hidden;
	background-image:url(../images/logo_home.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:150px;
	float:left;
	width:292px;
	
}

#subheader-home{
	padding: 55px 0 0 0;
    overflow: hidden;
	background-image:url(../images/header_home.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:55px;
	width:445px;
	margin: 0 0 10px 0;
	
}

#novedades-header{
	padding: 80px 0 0 0;
    overflow: hidden;
	background-image:url(../images/header_novedades.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:80px;
	width:400px;

}


#servicios-header{
	padding: 80px 0 0 0;
    overflow: hidden;
	background-image:url(../images/header_servicios.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:80px;
	width:400px;

}



#footer-header{
	padding: 20px 0 0 0;
    overflow: hidden;
	background-image:url(../images/header_footer.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:20px;
	width:450px;

}


#content h2{
	margin: 15px 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: dotted 1px #CCC;
	font-weight:bold;
	font-size:30px;
	color:#006699;

}








/* NAVG - TOP MENU
=== === === === === === === === === === */

#top-menu {
	
	height: 45px;
	float:right;
	margin: 60px 20px 0 0;
	display: inline;
	position: relative;


}

#top-menu li{
	display: inline;
}

#top-menu a{
	float: left;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height: 45px;
}

#top-menu a:hover{
	background-position: 0 -44px;
}

#tinicio a {
	width: 87px;
	background: url(../images/btn_inicio.png) top left no-repeat;
}

#tacerca a {
	width: 138px;
	background: url(../images/btn_acerca.png) top left no-repeat;
}

#tproductos a {
	width: 156px;
	background: url(../images/btn_productos.png) top left no-repeat;
}

#tnovedades a {
	width: 96px;
	background: url(../images/btn_novedades.png) top left no-repeat;
}

#tcontacto a {
	width: 113px;
	background: url(../images/btn_contacto.png) top left no-repeat;
}



#tproductos ul 	{ 
	width: 180px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 230px; 
	overflow:visible;
	background-color:#C90;
	height: 200px;
	padding:10px;
	
}

#tproductos ul li 	{ 
	color: #fff; 
 	float: none; 


	
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
#tproductos ul li a	{ 
	border-right: none; 
	width: 100%; 
	display: inline-block;
	overflow:visible;
	background:none;
	color:#FFF;
	padding:0;
	margin:5px 0 30px 10px; 
	
} 

                                    /* IE 6 & 7 Needs Inline Block */
#tproductos ul li a:hover	{ 
	color:#FF6;
	text-decoration:underline;
	
	
} 









/* TYPOGRAPHY
=== === === === === === === === === === */

.left {
	float:left;
}

.right {
	float:right;
}


#content p {
	line-height:25px;
	font-size:14px;
	text-align:justify;
	margin: 10px 0 20px 0;
}





/* lINKS
=== === === === === === === === === === */

a {
	color:#0066CC;
    text-decoration:underline; 

}     

a:hover {
	color:#CC6600;
}  



#btn-masinfo {
	display:block;
	padding: 50px 0 0 0;
    overflow: hidden;
	background-image:url(../images/btn_masinfo.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:50px;
	width:155px;

}

.novedades-home a{
	color:#333;
    text-decoration:none;
	
}

.novedades-home a:hover{
	color:#FEA201;
    text-decoration:underline;
	
}









/*=FOOTER
=== === === === === === === === === === */	
#footer{
	color:#006699;
	clear:both;
	height:60px;
	
	font-weight:bold;
	margin: 30px 0 30px 40px;
	font-size:11px;
}

#footer span{
	display:block;
	margin: 15px 0 10px 0;
}


#footer a:link, #footer a:visited, #footer a:active{
	color:#006699;
	text-decoration:underline;

}


#footer a:hover{
	color:#FEA201;
	text-decoration:underline;
}



#footer-int{
	color:#006699;
	clear:both;
	height:80px;
	background-color:#DEE8F1;
	border-top: solid 2px #FEA201;
	width:100%;
	text-align:center;
	font-weight:bold;
	padding: 20px 0 20px 0 ;
	font-size:11px;
}

#footer-int span{
	display:block;
	margin: 15px 0 10px 0;
}

#footer-int h4{
	font-size:18px;
}

#footer-int a:link, #footer-int a:visited, #footer-int a:active{
	color:#006699;
	text-decoration:underline;

}


#footer-int a:hover{
	color:#FEA201;
	text-decoration:underline;
}