@import url('styles.css');

* { padding: 0; margin: 0; }

img {border:0;}

body {
	background-image: url(../images/fondo_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#e0e0e0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#414141;
}
#wrapper { 
 margin: 0 auto;
 width: 964px;
}
#header {
 width: 964px;
 height: 82px;
}

#headerlogo {
 width: 172px;
 height: 39px;
 float:left;
 margin:25px 0px 0px 20px;
}

#headercontact {
	width: 350px;
	height: 19px;
	float:right;
	background-color: #1d1d1d;
	background-image: url(../images/contact_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:27px;
}

#headercontactright {
	width: 30px;
	height: 20px;
	float:right;
	background-image: url(../images/contact_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left:27px;
}



#footer {
	width: 964px;
	background-color: #0d0d0d;
	background-image: url(../images/fondo_footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	float:left;
	padding:0px 0px 10px 0px;

}

#footerup{
	width: 964px;
	height:30px;
	background-image: url(../images/up_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}

#footerup p{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	margin-top:15px;
	padding-bottom:20px;
	float:righ;
	text-align:right;
	color:#7f7f7f;
}


/* ------ menu contact ----------*/


#menucontact{
 	width: 316px;
	height: 19px;
	float:right;
	background-image: url(../images/fondo_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:27px;
	margin-left:300px;
}



#menucontact ul{
margin: 0;
margin-bottom: 0px;
padding-left: 0;
float: left;
width: 100%;
}

* html #menucontact ul{ 
margin-bottom: 0;
}

#menucontact ul li{
	display: inline;
	
}



#menucontact ul li a{
	float: left;
	color: #b9b9b9;
	padding: 3px 15px 0px 15px;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
}



#menucontact ul li a:hover{
	color: #93ADD0;
}

/* ------ search ----------*/

#boxsearch{
 	width: 180px;
	height: 30px;
	float:right;
	margin:15px;
}

#boxsearch span{
	width:143px;
	height:20px;
	background-image: url(../images/bck_search.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	float:left;
	margin-right:5px;
}

	 .Formsearch{
	width:120px;
	height:13px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	padding-left:5px;
	border:1px solid #FFF;
	float:left;
	margin:3px 5px 0px 5px;
}

#boxsearch .btn{
	width:143px;
	height:20px;
	background-image: url(../images/bck_search.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	float:left;
}


/* ------ menubar ----------*/



#menubar{
  	width:934px;
  	height:28px;
	background-image: url(../images/fondo_botonera.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:30px;
}

#menubar ul li span{
	background-image: url(../images/botonera_separador.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#menubar ul{
margin: 0;
margin-bottom: 0px;
padding-left: 0;
float: left;
width: 100%;
}

* html #menubar ul{ 
margin-bottom: 0;
}

#menubar ul li{
	display: inline;
	
}



#menubar ul li a{
	float: left;
	color: #FFF;
	padding: 8px 25px 0px 25px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	background-image: url(../images/botonera_separador.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	
}

#menubar ul li a.first{
	float: left;
	color: #FFF;
	font-weight: bold;
	padding: 8px 25px 0px 25px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	background-image: url(../images/botonera_separador2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#menubar ul li a:hover{
	color: #527db5;
}


/* ------ topbanner ----------*/


#topbanner{
	width: 934px;
	height: 350px;
	background-image: url(../images/fondo_topbanner.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding:10px 15px;
	background-color:#17335a;
	float:left;
}

#topbanner h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	padding-bottom:15px;
	padding-top:10px;
	color:#FFF;
	text-align:center;
}

#topbanner p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	padding-bottom:10px;
	color:#FFF;
}

#topbanner img{
padding-bottom:10px;
margin-left:120px;

}

#topbannerproducts{
	width: 365px;
	padding:20px 0px 10px 0px;
	float:right;
}

#topbannerdescription{
	width: 535px;
	padding:10px 10px 5px 10px;
	float:left;
}

 #tituloproducts{
	 text-align:center;
}
 
 #tituloproducto, #tituloproducto2,  #tituloproducto3, #tituloproducto4{
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 10px 45px;
}

 #tituloproducto2{
	background-image: url(../images/icon_02.gif);
	}
	
 #tituloproducto3{
	background-image: url(../images/icon_03.gif);
	}
	
 #tituloproducto4{
	background-image: url(../images/icon_04.gif);
	}

#topbannerproducts p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#FFF;
}

#topbannerproducts h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

#topbannerproducts h2 a:hover, #topbannerproducts h2 a:active{
	color: #c9e0ff;
}




/* ------ Content ----------*/

#content { 
	 width: 934px;
	 height: auto;
	 background: #FFF;
	 padding:15px;
	 float:left;
	
}

#content .box { 
	 width: 447px;
	 height: auto;
	 background: #FFF;
	 padding:10px;
	 float:left;
}

#content .box h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	color:#e18815;
	padding-bottom:15px;
}

#content .box p {
	font-weight:normal;
	color:#313131;
	padding-bottom:10px;
}


/*----Footer----*/

#footercaja {
	width: 350px;
	float:left;
	padding-left:15px;
	background-image: url(../images/footer_line.gif);
	background-repeat: no-repeat;
	background-position: right 15px;
	margin-right:20px;
}

*html #footercaja {
	width: 345px;
}

#footercaja2 {
	padding-left:10px;
	width: 560px;
	float:left;
}

.footercajamenu {
	color:#CCCCCC;
	float:right;
	padding-right:20px;
	padding-top:15px;
	font-size:10px;
}

.footercajamenu a {
	color:#CCCCCC;
	text-decoration:none;
	border-right:#CCCCCC solid 1px;
	padding-right:8px;
}
.footercajamenu2{
	width: 135px;
	float:left;
}



.footercajamenu3{
	width: 175px;
	float:left;
}



#footer h2 {
	color: #e38308;
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:5px 0px 0px 0px;
	margin-bottom:5px;
	margin-top:10px;
}

.footermenu{
list-style-type: none;
margin: 0;
padding: 0;
float:left;
margin-right:10px;
}

* html .footermenu {	width: 150px;

}

.footermenu li {
	height:15px;
	list-style-type: none;
}

.footermenu li a{
	color: #7a7a7a;
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;

}


.footermenu li a a:visited{
	color: #EEEEEE;
}

.footermenu li a:hover, .footermenu li a:active{
color: #EEEEEE;
}