@charset "utf-8";
body {
	font: 80% Calibri, Helvetica, Verdana, Arial,  sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColLiqCtrHdr #container {
	width: 96%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 2% auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #4e4e4e;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #header h1 {
	margin: 20px 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width:431px;height:71px; text-indent:-9000px; color:transparent;
}
h1.es{background:url(../img/titulo.jpg) no-repeat;}
h1.en{background:url(../img/title.jpg) no-repeat;}

.oneColLiqCtrHdr #mainContent {
	padding: 0 20px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#cadcd0;
	clear:both;
	margin:2%;
	border:1px solid #b1c1b6;
	color:#454545;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	clear:both;
	font:.8em Verdana;
}

.oneColLiqCtrHdr #footer a{color:#3e5800;}
.oneColLiqCtrHdr #footer a:hover, .oneColLiqCtrHdr #footer a:visited{}
.oneColLiqCtrHdr #footer a:focus, .oneColLiqCtrHdr #footer a:active{}

hr.limpieza{clear:both; visibility:hidden;}

div#header div#cabIz{float:left;width:431px;}
div#header div#cabDr{float:right;width:312px;margin: 20px 10px;}

div#menu{clear:both;}
div#menu ul{padding:0 20px;}
div#menu ul li{list-style-type:none;float:left;}
div#menu ul li a{width:157px;height:40px; display:block;color:transparent;text-indent:-9000px;margin-right:10px;}

div#menu ul li a.inicio{background:url(../img/menu/1inicio.jpg) no-repeat;}
div#menu ul li a.quienSomos{background:url(../img/menu/2quienes.jpg) no-repeat;}
div#menu ul li a.productos{background:url(../img/menu/3productos.jpg) no-repeat;}
div#menu ul li a.localizacion{background:url(../img/menu/4localizacion.jpg) no-repeat;}
div#menu ul li a.contacto{background:url(../img/menu/5contacto.jpg) no-repeat;}

div#menu ul li a.home{background:url(../img/menu/1home.jpg) no-repeat;}
div#menu ul li a.whoWeAre{background:url(../img/menu/2whoWeAre.jpg) no-repeat;}
div#menu ul li a.products{background:url(../img/menu/3products.jpg) no-repeat;}
div#menu ul li a.location{background:url(../img/menu/4location.jpg) no-repeat;}
div#menu ul li a.getInTouch{background:url(../img/menu/5getInTouch.jpg) no-repeat;}

/*Portada*/
div#mainContent div{text-align:justify;margin-top:2%;}
div#mainContent div#colDr{float:right;width:55%;}
div#mainContent div#colIz{float:left;width:40%;}
div#mainContent div#colIz p{clear:both;}
/*Paginas*/
h2{color:#7DA49F; display:block; margin-top:2%;}
h3{margin-top:display:block;border-bottom:1px solid #ccc;width:100%;color:#ce762f;}
div#mainContent div#colDrPag{margin-left:35%;width:60%;}
div#mainContent div#colIzPag{float:left;width:30%;margin-left:4%;margin-top:10%;}

/*Mapa*/
div#mapa{text-align:center; margin:0 auto; padding:2%;width:90%;}
div#mapa iframe{margin-left:10%;}

/*Catálogo*/
div#catalogo{text-align:center;clear:both;margin:0 auto;padding:2%;width:90%;}
div#catalogo div#catIz{float:left;width:48%;}
div#catalogo div#catDr{float:right;margin-left:52%;width:40%; border:1px solid #cadcd0;background-color:#e4e9e6; padding:1% 1%;}
div#catalogo a.calicchio{background:url(../img/productos/catalogo1.jpg) no-repeat; width:183px;display:block;padding-top:330px;}