@charset "utf-8";
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
.right{float:right;}
.left{float:left;}
.clear{clear: both;}
.margen{margin-bottom: 1em;}
h1, h2, h3, h4, h5, h6{margin: 5px 0px;padding: 0px;}
.tabla{ margin:10px}
.rojo{ color:#CC0000; text-transform:uppercase;}
.contactoblu{ font:Helvetica, Verdana, Arial, sans-serif; size:16px; color:#000000; font-style:italic; font-weight:bold; text-align:justify;}
#contenedor {margin: auto;width: 950px; background:#A8BEE5 url(images/water.jpg) no-repeat;}

#top{height:180px;}
#top h1 {margin: 10px 0 0;padding: 0px;float: left;}
#top h2 {margin: 10px;padding: 5px;float: right;}

#menu {margin: 0;padding: 0;float: left;font:14px Arial;width: 100%;overflow: hidden;border: 1px solid #690;border-width: 1px 0;background: #9c3;}
#menu li{display: inline;}
#menu li a{float: left; color: white; padding: 9px 11px; text-decoration: none; border-right: 1px solid #690;}
#menu li a:visited{color: white;}
#menu li a:hover{color: white; background:#39c;}
#menu li .current{background:#0186D5;}

#submenu {margin: 0;padding: 0;float: left; font:italic 13px Arial; width: 100%; overflow: hidden; background: #FFF066;border-bottom: 1px solid #690;}
#submenu li{display: inline;}
#submenu li a{float: left; color: #E66E2E; padding: 5px 11px;text-decoration: none;font-weight: bold; }
#submenu li a:hover{color:#39c; }
#submenu li .current{color:#CC1451; font-size:14px; font-weight: bold;}

#conten { padding:5px; color: #036; font:normal normal 12px Arial, serif; clear:both;}
#conten a{color: #003366;}
#conten a:hover{text-decoration:none;}
#conten li {list-style: none url(images/gota.png); color: #0066CC; font-style:italic;}
#conten h1 {font:italic bold 21px Arial, Helvetica, sans-serif; color:#0086D5; text-align: center;}
#conten h2 {font:italic bold 18px Arial, Helvetica, sans-serif; color: #fff; text-align: center;}
#conten h3 {font:normal bold 14px Arial, Helvetica, sans-serif; color: #036; margin: 0 5px}
#conten h4 {font:italic bold 16px Arial, Helvetica, sans-serif; color:#0086D5; text-align: center;}
#conten h5 {font:normal bold 16px/20px Arial, Helvetica, sans-serif; color:#0086D5; text-align: justify;}
#conten .par02 {font-size: 14px;font-style: italic;text-align: justify;}
#conten .texto {margin: auto;width: 700px;}
.titulo01 {font-size: 150%;color: #002A8E;}

#home p {font-size: 12px; text-align: justify;}
.home{margin: 10px auto 0;width: 700px;text-align: justify;}
#contacto{margin: 30px auto; padding:30px; width: 700px; background:url(images/telefono.png) no-repeat bottom right}



/* cuadro redondeado----------------------------------*/
#box{ width:900px; height:100%;position: relative; margin: auto; padding:10px 0;}
#box2{padding:1em;}
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/
#tlc{background: transparent url(images/tlc.gif) no-repeat 0% 0%;}
#trc{background: transparent url(images/trc.gif) no-repeat 100% 0%;}
#blc{background: transparent url(images/blc.gif) no-repeat 0% 100%;}
#brc{background: transparent url(images/brc.gif) no-repeat 100% 100%;}

#tb{background:transparent url(images/l.gif) repeat-x 0% 0%;}
#bb{background:transparent url(images/l.gif) repeat-x 50% 100%;}
#rb{background:transparent url(images/l.gif) repeat-y 100% 0%;}
#lb{background:transparent url(images/l.gif) repeat-y 0% 1000%;}
/* termina cudro redondeado-----------------------------*/
#box2 .par01 { width:700px; margin:0 auto; padding:5px;font:italic bold 12px Arial, Helvetica, sans-serif; color:#0086D5; text-align: justify;}
.seccion {margin: 5px auto;padding: 5px;width: 890px;border-top: 6px double #FFF066;}
#contenedor #conten .seccion h2 {font:normal bold 20px Arial, Helvetica, sans-serif; text-align: center;color:  #FFF066;}



#footer {padding: 10px 20px;background: #0186D5 url(images/footer.gif) no-repeat bottom;font-size: 0.8em;color: #FFFFFF;}
#footer h1 {margin: 0px;padding: 0px;}


#footer a {color: #FFFFFF;}
#footer a:hover{ text-decoration:none;}

.cosmito {font:normal normal 9px Arial, Verdana, Helvetica, sans-serif; color: #000000;text-align: center;}




.azul1 {border:4px #70BBE8 solid; margin:5px; background:#70BBE8; }
.azul0 {border:4px #A0D2F0 solid;margin:5px; background:#A0D2F0; }
.blanco {border-bottom:1px #036 solid;background:#fff; }

.title_producto {margin:auto; padding: 2px 10px;width: 75%;background: #fff;border-bottom: 2px #003366 solid;font: bold 14px;}
.title_producto .subir a {padding: 0 15px;font-size: 12px;text-decoration: none;float: right;background: url(images/subir.gif) no-repeat right center;}

#contenedor #conten .tit_puri {margin: 5px auto 10px;width: 75%;}
#contenedor #conten .tit_puri h1 {font-style: normal;font-weight: normal;font-size: 40px;text-align: right;color: #1B4FB5;}
#contenedor #conten .tit_puri h2 {font-style: normal;font-size: 45px;text-align: right;color: #002A8E;}
#contenedor #conten .tit_puri h4 {margin: 10px auto;font-style: normal;font-size: 14px;text-align: left;color: #FFFFFF;}
#contenedor #conten .pro_puri {margin: 0 auto 10px;padding: 10px;width: 70%;text-align: center;font-weight: bold;border-top: 1px #003366 solid;}
#contenedor #conten .pro_puri p {margin: 0 0 5px;padding: 0px; text-align:justify}

#contenedor #conten .tit_bebe {margin: 5px auto 10px;width: 75%;}
#contenedor #conten .tit_bebe h1 {font-style: normal;font-weight: normal;font-size: 35px;text-align: right;color: #1B4FB5;}
#contenedor #conten .tit_bebe h2 {font-style: normal;font-size: 32px;text-align: right;color: #002A8E;}
#contenedor #conten .tit_bebe h4 {margin: 10px auto;font-style: normal;font-size: 14px;color: #FFFFFF;}
#contenedor #conten .pro_bebe {margin: 10px auto;padding: 10px;width: 70%;border-top: 2px #003366 solid;}