/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* APLICACION DE ESTILOS*/


body{
  background: #53848f;
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
  color: #333;
}


#contenedor{
  width: 918px;

  margin: 0 auto;
  background: #53848f;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr:steelblue, endColorstr:lightblue); 
  background: -webkit-gradient(linear, left top, left bottom, from(#53848f), to(#E3E8EE)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #53848f,  #E3E8EE); /* for firefox 3.6+ */  
}

#contenido{
   width: 795px;
   background: #fff;
   margin: 0 auto;
  margin-top: 35px;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
-moz-box-shadow: 0 0 15px #888;
  -webkit-box-shadow: 0 0 15px #888;
  box-shadow: 0 0 15px #888;

}



#header{
  height: 110px;
  width: 795px;
-moz-border-radius: 40px 40px 0px 0px;
  -webkit-border-radius: 40px 40px 0px 0px;
  border-radius: 40px 40px 0px 0px;
background: url(images/header-bg.jpg) repeat-x;

}

.logo{
  position: relative;
  background: url(images/logo.png) no-repeat;
  width:126px;
  height: 120px;
  float: left;
  margin-left: 66px;

}

.logo a{
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}


.nav{
  width: 520px;
  height:108px;
  float: left;
  position: relative;
  margin-left: 66px;
  font-weight: bold;
  color: #53848f;
margin-top: 45px

  
}




.nav li{
  display: inline;
  list-style: none;
  font-size: 15pt;
  text-shadow: 0px 0px 10px #fff;
  padding: 43px 2px;
  
  

  

}


.nav li a{
  text-decoration: none;
  color: #1B4C66; 
text-shadow: 0px 0px 10px #fff;
}


.nav li:hover > a {
	color: #666;
}

.menu-espacio{
 color: #fff;
background: #fff;


}


.presenta{
position: absolute;
margin-top: 118px;
width: 795px;
}

.experiencia{
  margin-left: 10px;
  -moz-border-radius: 0px 0px 40px 0px;
  -webkit-border-radius: 0px 0px 40px 0px;
  border-radius: 0px 0px 40px 0px;
}

.imagen{
  margin-left:  5px;
  -moz-border-radius: 0px 0px 0px 40px;
  -webkit-border-radius: 0px 0px 0px 40px;
  border-radius: 0px 0px 0px 40px;
}

#abajo{
 
margin-top: 245px;
  height: 600px;
}

.izquierda{

width: 250px;
 margin-left: 10px;
 line-height: 14pt;
  font-size: 11pt;
  height: 600px;

}

.izquierda h1{
  background: #1B4C66;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 16pt;
  padding: 19px;
 -moz-border-radius: 0px 40px 0px 40px;
  -webkit-border-radius: 0px 40px 0px 40px;
  border-radius: 0px 40px 0px 40px;
}

.izquierda span{
  color: #AED2DA;
}

.navproductos{
  background: #AED2DA;
  color: #1B4C66;
  padding: 19px;
 -moz-border-radius: 40px 0px 40px 0px;
  -webkit-border-radius: 40px 0px 40px 0px;
  border-radius: 40px 0px 40px 0px;

}

.navproductos p{
  color: #1B4C66;
font-weight: bold;
  font-size: 14pt;
  padding: 6px 0 20px;
 -moz-border-radius: 40px 0px 40px 0px;
  -webkit-border-radius: 40px 0px 40px 0px;
  border-radius: 40px 0px 40px 0px;
}

.navproductos li{
  color: #1B4C66;
  padding: 0 0 0 8px;
  margin-left: 20px;
}

.bienvenidos{

  width: 525px;
  float: right;
  margin-top: -590px;
}

.bienvenidos h2{
  color: #1B4C66;
  font-weight: bold;
  font-size: 22pt;
  text-indent: 40px;
  padding-bottom: 50px;
}

.bienvenidos p{
  margin: 20px;
  text-align: justify;
  line-height: 16pt;
}

.bienvenidos img{
  width: 165px;
  margin-left: 170px;
}



.contacto{
  text-align: center;
 width: 250px;
  float: left;
  margin-top: 20px;
  color: #1B4C66;
}


.construccion {
  text-align: center;
  margin-top: 230px;
  
}

.bienvenidos h4{
  color: #1B4C66;
  font-weight: bold;
  font-size: 22pt;
  text-align: center;
  padding-bottom: 80px;
}

.bienvenidos h3{
  color: #1B4C66;
  font-weight: bold;
  font-size: 18pt;
  text-align: center;
  padding-bottom: 20px;
}

.datoscontacto{
  text-align: center;
  margin-top: 20px;
  color: #1B4C66;
  border: groove 6px;
  width: 250px;
  margin: 0 auto;
  padding: 20px;
}

.datoscontacto p{
  text-align: center;
  color: #1B4C66;
  width: 250px;
  margin: 0 auto;
  line-height: 18pt;
  font-size: 11pt;
}


#footer{
  text-align: center;
  height: 40px;
  padding-top: 20px;

}


#footer a{
  text-decoration: none;
  color: #1B4C66;  
  font-size: 16px;
  font-weight: bold;

}


#contenido-productos{
   width: 795px;
   height: 1300px;
   background: #fff;
   margin: 0 auto;
  margin-top: 35px;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
-moz-box-shadow: 0 0 15px #888;
  -webkit-box-shadow: 0 0 15px #888;
  box-shadow: 0 0 15px #888;

}
.producto img{
  margin: 0;
margin: -40px -8px;
  width: 100%;
 height: 100%;

  
}

.empaques{
 width: 510px;
  height: 340px;
  margin-bottom: 50px;
  float: left;
  margin: -35px 5px;

}

.empaques h1{
  text-align: center;
color: #1B4C66;
  font-weight: bold;
  font-size: 18pt;
}



.product {
 width: 160px;
  height: 140px;
  margin-bottom: 50px;
  float: left;
  margin: 10px 5px;
}

.product img{
  margin: 0;
margin-left: 15px;
  width: 130px;
  height: 110px;
}

.product h2{
text-align: center;
font-size: 10pt;
text-indent: 0;
margin-top: 5px;
  
}

.acojinamientos{
 width: 510px;
  height: 500px;
  float: left;
  margin: 55px 5px 0 0;


}

.acojinamientos h1{
  text-align: center;
color: #1B4C66;
  font-weight: bold;
  font-size: 18pt;
}