@charset "UTF-8";
a {
  text-decoration: none;
  color: #009cdb;
}
a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
.limpio {clear: both;}
.centrado {text-align: center;}
img {border: 0;}

textarea {
  resize:none;
}
#criterios {
  margin-left:30px;
}
#buscador {
  margin-left: 30px;
  cursor: pointer;
}
#accesit {
  text-align: right;
  /*padding-right: 65px;45px*/
  margin-top: -5px;

}
#botonera {
  overflow: auto;
  width: 946px;
  margin: 0 auto 0 auto;
}
#botonera table {
  border: 0;
  width: 907px;
}
#total {
	width: 946px;
	text-align: left;
	vertical-align: top;
	margin: 0 auto 0 auto;
}
.fondoazul{
	background-image: url(../imag/azulillo_crece.jpg);
	background-repeat: repeat-x;	
}
#imagen {
	width: 901px;
	overflow: hidden;
	height: 233px;
	text-align: center;
	margin-left: 6px;
}
#imagen #FlashID {
  position: relative;
  margin-left: -7px;
}
#text {
	width: 22%;
	height: 190px;
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: small;
	color: #333;
	text-align: justify;
	vertical-align: bottom;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 9px;
	line-height: 25px;
	float: left;
}
#ofertas {
	width: 23%;
	height: 243px;
	float: left;
	margin-top: 50px;
	padding-bottom: 0px;
	padding-left: 26px;
	
}

#prod {
	width: 23%;
	height: 243px;
	float: left;
	margin-top: 50px;
	padding-left: 7px;
}
#distri{
	width: 23%;
	height: 243px;
	float: left;
	margin-top: 50px;
	padding-right: 0px;
	padding-left: 5px;
}
#pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333;
	background-image: url(../imag/grdi.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 10px;
	width: 95%;
}

/* BARRA DE MENU */
#menubar {
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 9pt;
	color: #333;
	text-align: justify;
	position: relative;
	z-index: 3;
	margin-top: -3px;
	margin-left: 20px;
	color: #FFFFFF;
	font-weight: bold;
}
#menubar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#menubar ul li {
	display: table-cell;
  height: 30px;
  vertical-align: middle;
  overflow: hidden;
  text-align: left;
  font-weight: bold;
}
#menubar a {
  text-decoration: none;
  color: #FFFFFF;
}
#menubar a:hover {
  text-decoration: underline;
  color: #3ff7ff;
}
/* ZONA PRODUCTOS */
#barranavprod {
  width: 870px;
  height: 20px;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 9pt;
	color: #333;
	text-align: justify;
	vertical-align: bottom;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 9px;
	float: left;
}
#barranavprod a {
  text-decoration: none;
  color: #009cdb;
}
#barranavprod a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}

#productos {
	width: 270px;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 10pt;
	color: #333;
	text-align: left;
	vertical-align: bottom;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 9px;
	float: left;
}
#productos a {
  text-decoration: none;
  color: #009cdb;
}
#productos a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
#productos #barraproductos {
  background-image: url("../imag/barranavprod.png");
  background-repeat: no-repeat;
  background-position: left top;
  width: 255px;
  height: 26px;
  padding-left: 10px;
  padding-top: 8px;
  color: #FFF;
  border-bottom: 2px dotted #888;  
}
#productos #despleprod {
  width: 250px;
}

#productos .producto {
  padding-left: 15px;
  list-style-image: url(../imag/flechalado.png);
  cursor: pointer;
}
#productos .producto li {
  padding-bottom: 5px;
  margin-top: 5px;
  border-bottom: 1px solid #888;
  color: #009cdb;
}

#productos .subproducto {
  list-style: disc;
  margin-top: 5px;
}
#productos .subproducto li {
  border: 0px;
  color: #333;
  font-size: 9pt;
}
#productos .subproducto a {
  color: #888;
}
#productos .subproducto a:hover {
  color: #03317f; 
}
/* LINEAS DE PRODUCTOS */
#produs {
  width: 600px;
	min-height: 343px;
	float: left;
	padding-bottom: 0px;
	padding-right: 26px;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 10pt;
	color: #333;
}
.carritoimg {
  border: 0;
  background-color: transparent !important;
  background-image: url(../imag/addcart.png);
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  margin-left: 20px;
  cursor: pointer;
}
.adquiridoimg {
  border: 0;
  background-color: transparent !important;
  background-image: url(../imag/achecked.png);
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  margin-left: 20px;
  cursor: pointer;
}

.prodtit {
  text-align: left;
  font-weight: bold;
  font-size: 10pt;
  color: #0091cf;
  padding-left: 5px;
  margin-top: 20px;
}
.prodtit img {
  vertical-align: middle;
}
.prodfot {
  width: 120px;
  overflow: hidden;
  text-align: left;
  padding: 10px 15px 10px 5px;
}
.prodfot img {
  border: 2px solid #006cab;
  margin: 0px auto 10px auto;
  padding: 4px;
  background-color: #FFF;
}
.prodtab {
  width: 860px;
  margin-top: 10px;
}
.prodinfo {
  width: 850px;
  text-align: justify;
  padding-top: 10px;
}
.prodtab .tabla {
  font-size: 14pt;
  width: 100%;
}
.prodtab .tabla th {
  background-color: #0093d0;
  border: 1px solid #006cab;
  font-weight: bold;
  color: #FFF;
}
.prodtab .tabla td {
  border: 1px solid #006cab;
  padding-top: 8px;
  padding-bottom: 8px;
}
.prodtab .tabla #ref {
  text-align: center;
}
.prodtab .tabla #nombre {
  text-align: left;
  padding-left: 4px;
}
.prodtab .tabla #prec {
  text-align: right;
  padding-right: 8px;
}

#produs hr {
  clear: both;
  border: 0;
  border-bottom: 1px solid #AAA;
  padding-top: 5px;
  padding-bottom: 5px;
}
.advertencia {
  font-size: 10pt;
  color: #333;
  font-weight: bold;
  text-align: right;
}
#produs a {
  text-decoration: none;
  color: #009cdb;
}
#produs a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
/* FIN LINEAS DE PRODUCTOS */
#ofertas2 {
	width: 63%;
	height: 343px;
	float: right;
	padding-bottom: 0px;
	padding-right: 26px;
}
/* FIN ZONA PRODUCTOS */
/* ZONA NOTICIAS */
#noticias {
	
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 10pt;
	color: #333;
	text-align: justify;
	vertical-align: bottom;
  margin: 0 auto 0 auto;
	float: left;
	padding-left: 10px;
	margin-bottom: 15px;
}
#noticias a {
  text-decoration: none;
  color: #009cdb;
}
#noticias a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
#noticias #barranavnot {
  width: 690px;
  height: 25px;
  color: #333;
}
#noticias #barratitnot {
  text-align: right;
  color: #888;
  font-size: 14pt;
  margin-right: 50px;
}
#noticias .noticia {
  width: 80%;
  margin: 0 auto 10px auto;
}
#noticias hr {
  clear: both;
  border: 0;
  width: 80%;
  border-bottom: 1px solid #AAA;
  padding-top: 5px;
  padding-bottom: 5px;
}
#noticias .noticia #titulo {
  color: #0091cf;
  font-size: 11pt;
  font-weight: bold;
}
#noticias .noticia #fecha {
  font-size: 8pt;
  color: #555;
}
#noticias .noticia #foto {
  float: left;
  width: 120px;
  max-height: 250px;
}
#noticias .noticia #foto2 {
  float: right;
  width: 120px;
  max-height: 250px;
}
#noticias .noticia #descrip {
  float: left;
  width: 580px;
  margin-left: 10px;
}
#noticias .noticia .limpio {
  clear: both;
}
/***********FIN ZONA NOTICIAS***********/
/*************ZONA DISTRIBUIDORES***********/
.distribuidores {
  width: 890px;
  margin-left: 6px;
}
.distribuidores a {
  text-decoration: none;
  color: #009cdb;
}
.distribuidores a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
.distribuidores #mapa {
  float: left;
}
.distribuidores .texto {
  float: right;
  width: 300px;
  color: #5c5c5c;
  font-family: 'Arial Narrow', 'Arial', 'Verdana';
}
.distribuidores .texto #titulo {
  font-size: 16pt;
  text-align: right;
}
.distribuidores .texto #texto {
  margin-top: 30px;
  padding: 5px;
  font-size: 11pt;
  text-align: justify;
  line-height: 25px;
  border: 1px solid #7d7d7d;
}

/*************FIN ZONA DISTRIBUIDORES***********/
/*************ZONA CONTACTO***********/
.contacto {margin-left: 6px; text-align: left; font-family: 'Arial Narrow', 'Arial', 'sans-serif'; font-size: 10pt; color: #333;}

#titulocontacto {font-size: 16pt; text-align: right; margin-right: 40px;}

.contacto .columna1 {float: left; width: 350px; margin-left: 15px;}
.contacto .columna1 #NUL {list-style: none; padding: 0; margin: 0; margin-bottom: 30px;}
.contacto .columna1 #NUL .NLI {margin-top: 30px;}
.contacto .columna1 #NUL .NLI ul {list-style: none; padding: 0; margin: 0;}

.contacto .columna2 {float: left; width: 350px; margin-left: 15px;}
.contacto .columna2 #NUL {list-style: none; padding: 0; margin: 0; margin-bottom: 30px;}
.contacto .columna2 #NUL .NLI {margin-top: 30px;}
.contacto .columna2 #NUL .NLI ul {list-style: none; padding: 0; margin: 0;}

.contacto .NLI input[type="text"], .contacto .NLI textarea {width: 90%; border: 1px solid #AAA;}
.contacto .NLI textarea {height: 100px;}

.contacto #boton {width: 80px; margin-bottom: 5px; margin-left: 380px; text-align: center;}
.contacto #boton input[type="button"] {border: 1px solid #AAA; width: 80px; color: #333;}

.error1 {text-align: justify; color: #AA0000; font-size: 8pt; margin-bottom: 10px; margin-left: 350px; width: 150px;}
.error2 {text-align: justify; color: #00AA00; font-size: 8pt; margin-bottom: 10px; margin-left: 350px; width: 150px;}
.textolargo {width:100%;}
/*************FIN ZONA CONTACTO***********/
/***************ZONA LOGIN****************/
.login {
  margin-bottom: 15px;
  font-size: 11px;
  font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}
.login a {
  text-decoration: none;
  color: #009cdb;
}
.login a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
.login #textologin {
  margin: 10px 0px;
  color: #333;
}
.login .caja #error {
  color: #F00;
  font-size: 7pt;
  text-align: justify;
}
.login .caja #ok {
  color: #0A0;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
}
.login .caja {
  width: 200px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #E5E5E5;
  font-weight: normal;
  margin: 0 auto 0 auto;
  padding: 16px 16px 40px;
  color: #333;
  text-align: left;
  /* CSS 3 */
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  box-shadow: 0 4px 18px #C8C8C8;
  -moz-box-shadow: 0 4px 18px #C8C8C8;
  -webkit-box-shadow: 0 4px 18px #C8C8C8;
  -khtml-box-shadow: 0 4px 18px #C8C8C8;
}
.login .caja input[type="text"], .login .caja input[type="password"] {
  background: none repeat scroll 0 0 #FBFBFB;
  border: 1px solid #E5E5E5;
  font-size: 16px;
  margin-bottom: 16px;
  margin-right: 6px;
  margin-top: 2px;
  padding: 3px;
  width: 97%;
  color: #555555;
  font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}
.login .caja input[type="button"] {
  background: url("../imag/button-grad.png") repeat-x scroll left top #21759B;
  color: #FFFFFF;
  border: 1px solid #298CBA;
  
  font-weight: bold;
  font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
  font-size: 12px;
  
  margin-top: -3px;
  padding: 3px 10px;
  
  cursor: pointer;
  text-decoration: none;
  
  /* CSS 3 */
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  -khtml-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  
  border-radius: 11px 11px 11px 11px;
  -moz-border-radius: 11px 11px 11px 11px;
  -khtml-border-radius: 11px 11px 11px 11px;
  -webkit-border-radius: 11px 11px 11px 11px;
}

/*************FIN ZONA LOGIN**************/
/*************** ZONA OFERTAS *************/
.pagofertas {
  width: 890px;
  margin-left: 6px;
}
.pagofertas a {
  text-decoration: none;
  color: #009cdb;
}
.pagofertas a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
.pagofertas .texto {
  color: #5c5c5c;
  font-family: 'Arial Narrow', 'Arial', 'Verdana';
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
  margin: 20px 12px 20px 12px;
}
.pagofertas hr {
  border: 0;
  border-top: 1px solid #009cdb;
}
.pagofertas .texto #fot {
  float: left;
  width: 150px;
  overflow: hidden;
  margin-top: 10px;
}
.pagofertas .texto #txt {
  float: left;
  margin-left: 20px;
  margin-top: 20px;
}
.pagofertas .texto #txt img {vertical-align: middle;}
/************* FIN ZONA OFERTAS **************/
/********** BAHERDENT HOY ****************/
.baherdenthoy {
  width: 890px;
  margin-left: 6px;
  color: #555;
  font-family: Arial, Verdana, Calibri;
  text-align: left;
}
.baherdenthoy a {
  text-decoration: none;
  color: #009cdb;
}
.baherdenthoy a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
.baherdenthoy #titulo {
  margin: 10px 0px 0px 10px;
  font-size: 16pt;
}
.baherdenthoy #texto {
  width: 850px;
  margin-top: 20px;
  margin-left: 20px;
  font-size: 10pt;
  text-align: justify;
  line-height: 20px;
}
.baherdenthoy #img {
  margin: 20px 100px 20px 20px;
  float: right;
}
.baherdenthoy #img a {margin-left: -5px;}
/******* FIN BAHERDENT HOY ***************/
/********** HISTORIA ****************/
.historia {
  width: 905px;
  margin-left: 6px;
  color: #555;
  font-family: Arial, Verdana, Calibri;
  text-align: left;
}
.historia a {
  text-decoration: none;
  color: #009cdb;
}
.historia a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
.historia #titulo {
  margin: 10px 0px 0px 10px;
  font-size: 16pt;
}
.historia #texto {
  font-size: 10pt;
  line-height: 20px;
  text-align: justify;
  margin: 15px 30px 15px 30px;
}
.historia #img {
  text-align: center;
  margin: 15px 20px 15px 20px;
}
.historia #img a {margin-left: -5px;}
/******* FIN HISTORIA ***************/
/********** mision ****************/
.mision {
  width: 890px;
  margin-left: 6px;
  color: #555;
  font-family: Arial, Verdana, Calibri;
  text-align: left;
}
.mision a {
  text-decoration: none;
  color: #009cdb;
}
.mision a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
.mision #titulo {
  margin: 10px 0px 0px 10px;
  font-size: 16pt;
}
.mision #texto {
  font-size: 10pt;
  line-height: 20px;
  text-align: justify;
  margin: 15px 30px 70px 30px;
}
/******* FIN mision ***************/
/********** certificaciones ****************/
.certificaciones {
  width: 890px;
  margin-left: 6px;
  color: #555;
  font-family: Arial, Verdana, Calibri;
  text-align: left;
}
.certificaciones a {
  text-decoration: none;
  color: #009cdb;
}
.certificaciones a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
.certificaciones #titulo {
  margin: 10px 0px 0px 10px;
  font-size: 16pt;
}
.certificaciones #texto1 {
  font-size: 10pt;
  line-height: 20px;
  text-align: justify;
  margin: 15px 30px 25px 30px;
  display: block;
  width: 550px;
}
.certificaciones #texto2 {
  font-size: 10pt;
  line-height: 20px;
  text-align: justify;
  margin: 15px 30px 70px 30px;
  display: block;
}
.certificaciones #img {
  text-align: right;
  position: absolute;
  margin-left: 620px;
}
/******* FIN certificaciones ***************/
/********** fabrica ****************/
.fabrica {
  width: 890px;
  margin-left: 6px;
  color: #555;
  font-family: Arial, Verdana, Calibri;
  text-align: left;
}
.fabrica a {
  text-decoration: none;
  color: #009cdb;
}
.fabrica a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
.fabrica #video {
  width: 600px;
  height: 450px;
  margin: 20px auto 20px auto;
}
/******* FIN fabrica ***************/
/******** CARRITO **********/
.carritotitulo {font-size: 16pt; text-align: right; margin-top: 30px; margin-right: 150px; font-family: Arial, Times New Roman, sans-serif; color: #777;}
/* LINEAS DE PRODUCTOS */
#carrito {
  width: 100%;
  margin: 0 auto;	
	padding-bottom: 0px;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 12pt;
	color: #333;
}
.portesinfo {
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 10pt;
  font-weight: bold;
	color: #333;
  text-align: left;
  
  width: 320px;
  
  padding: 10px 20px;
  border: 1px solid #006CAB;
  background-color: #e9f5fb;
}
#carrito .carritoimg2 {
  background-image: url("../imag/barranavperf.png");
  background-repeat: no-repeat;
  background-position: center top;

  color: #FFF;
  text-align: center;
  
  cursor: pointer;
  
  margin-right: 2px;
  padding-top:5px;
  padding-bottom: 2px;
  
  border: 1px solid #0096d1;
  
  /* CSS 3 */
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 0px 4px #0096d1;
  
  /* CSS 3 - Compatibilidad Navegadores */
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  
  -moz-box-shadow: 0px 0px 4px #0096d1;
  -khtml-box-shadow: 0px 0px 4px #0096d1;
  -webkit-box-shadow: 0px 0px 4px #0096d1;
}

#carrito .tabla {
  
  width: 100%;
  margin-top: 10px;
}

#carrito .tabla .bordeado th {border-top: 1px solid #777; border-bottom: 1px solid #777; padding: 0.4em;}
#carrito .tabla .bordeado #inicio { border-left: 1px solid #777;}
#carrito .tabla .bordeado #fin { border-right: 1px solid #777;}
#carrito .tabla .importes { text-align: right; }

#carrito .tabla th {
  font-size: 11pt;
  font-weight: bold;
  color: #03a7e4;
  text-align: center;
}
#carrito .tabla td {
  font-size: 9pt;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #666;
}
#carrito .tabla #ref {text-align: center; width: 70px;}
#carrito .tabla #cant {text-align: center; width: 40px; padding-right: 4px;}
#carrito .tabla #dto {text-align: center; width: 50px; padding-right: 4px;}
#carrito .tabla #nombre {text-align: left; padding-left: 4px; width: 260px;}
#carrito .tabla #prec {text-align: center; padding-right: 4px; width: 70px;}

#carrito a {
  text-decoration: none;
  color: #009cdb;
}
#carrito a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
#carrito .observaciones {
  width: 450px;
  margin-top: 20px;
}
#carrito .observaciones fieldset {
  padding: 5px 5px 10px 5px;
}
#carrito .observaciones legend {
  font-size: 11px;
  font-weight: bold;
  color: #03a7e4; 
}
#carrito .observaciones textarea {
  width: 95%;
  height: 55px;
}

#carrito .notapie {
  text-align: left;
  font-size: 9px;
  font-family: Arial, Times New Roman, sans-serif;
  color: #666;
}

#barraboton {
  width: 150px;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 9pt;
	color: #333;
	text-align: justify;
	vertical-align: bottom;
	margin-top: 35px;
	margin-bottom: 20px;
	float: right;
}
#barraboton a {
  text-decoration: none;
  color: #009cdb;
}
#barraboton a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
#barraboton #boton {
  background-image: url("../imag/button-grad-black.png");
  background-repeat: repeat-x;
  background-position: left top;
  color: #0096d1;
  border: 1px solid #777;
  
  font-weight: bold;
  font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
  font-size: 12px;
  
  padding: 3px 10px;
  
  cursor: pointer;
  text-decoration: none;
  
  /* CSS 3 */
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  -khtml-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}
#barraboton #boton:hover {
  color: #FFF;
}
/****** FIN CARRITO ********/
/****** ZONA COMUN PERFIL ********/
#perfil {
	width: 210px;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 10pt;
	color: #333;
	text-align: justify;
	vertical-align: bottom;
	padding-top: 5px;
	padding-left: 10px;
	margin-top: 5px;
	float: left;
}
#perfil a {
  text-decoration: none;
  color: #009cdb;
}
#perfil a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
#perfil #barraperfiles {
  background-image: url("../imag/barranavperf.png");
  background-repeat: no-repeat;
  background-position: left top;
  width: 190px;
  height: 26px;
  padding-left: 10px;
  padding-top: 8px;
  color: #FFF;
  border-bottom: 2px dotted #888;  
}
#perfil #despleperf {
  width: 200px;
}

#perfil #despleperf ul {
  padding-left: 20px;
  list-style-image: url(../imag/flechalado.png);
  cursor: pointer;
}
#perfil #despleperf ul li {
  padding-bottom: 5px;
  margin-top: 5px;
  padding-left: 5px;
  border-bottom: 1px solid #DCDCDC;
  color: #009cdb;
}
#perfil #despleperf ul li.selected {
  color: #505050;
  font-weight: bold;
  list-style-image: url(../imag/flechabajo.png);
}

#perfildcha {
  width: 640px;
	min-height: 300px;
	float: left;
	margin-top: 5px;
	padding-bottom: 0px;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 10pt;
	color: #333;
}

#perfildcha .tablaperf {display: table; text-align: left; margin-left: 40px;}
#perfildcha .tablaperf .fila {display: table-row; list-style: none;}
#perfildcha .tablaperf .fila li {display: table-cell; padding-left: 2px; color: #000; padding-bottom: 5px;}
#perfildcha .tablaperf .fila #dat {width: 150px; color: #555; vertical-align: top;}
#perfildcha .tablaperf .fila li input[type="text"], #perfildcha .tablaperf .fila li input[type="password"] {width: 350px;}
#perfildcha .tablaperf .fila li textarea {width: 350px; height: 50px;}

#perfilbotonerabaja {
 	
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
	
	text-align: center;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 10pt;
	color: #333;
}
#perfilbotonerabaja .invisible {
  border: 0px;
  background-color: transparent !important;
  width: 100%;
  color: #FFF;
  cursor: pointer;  
}

#perfilbotonerabaja ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 610px;
}
#perfilbotonerabaja ul li {
  display: block;
  float: left;
  width: 145px;
  margin-left: 5px;
  text-align: center;
}
#perfilbotonerabaja ul li.noselected {
  background-image: url("../imag/barranavperf.png");
  background-repeat: no-repeat;
  background-position: center top;

  color: #FFF;
  text-align: center;
  
  cursor: pointer;
  
  padding-top:5px;
  padding-bottom: 2px;
  
  border: 1px solid #0096d1;
  
  /* CSS 3 */
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 0px 4px #0096d1;
  
  /* CSS 3 - Compatibilidad Navegadores */
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  
  -moz-box-shadow: 0px 0px 4px #0096d1;
  -khtml-box-shadow: 0px 0px 4px #0096d1;
  -webkit-box-shadow: 0px 0px 4px #0096d1;
}
#perfilbotonerabaja ul li.selected {
  background-image: url("../imag/barranavresu.png");
  background-repeat: no-repeat;
  background-position: center top;
  
  color: #FFF;
  text-align: center;
  
  cursor: default;
  
  padding-top:5px;
  padding-bottom: 2px;
  
  border: 1px solid #AAA;
  
  /* CSS 3 */
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 0px 8px #AAA;
  
  /* CSS 3 - Compatibilidad Navegadores */
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  
  -moz-box-shadow: 0px 0px 8px #AAA;
  -khtml-box-shadow: 0px 0px 8px #AAA;
  -webkit-box-shadow: 0px 0px 8px #AAA;
}
/*** FIN ZONA PERFIL *******/
/******** ZONA RESUMEN PRODUCTO ********/
#resumen {
	width: 265px;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 14pt;
	color: #009cdb;
	text-align: justify;
	vertical-align: bottom;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#resumen a {
  text-decoration: none;
  color: #009cdb;
}
#resumen a:hover {
  text-decoration: underline;
  color: #3cc7ff;
}
#resumen #barraresumen {
  background-image: url("../imag/barraces.png");
  background-repeat: no-repeat;
  background-position: left top;
  width: 265px;
  height: 45px;
  color: #FFF;
  text-align: center;
  padding-top:11px;
  padding-bottom: 2px;
  border-bottom: 2px dotted #888;
  margin-left: 1px; 
}
#resumen #despleresu {
  width: 265px;
  height: 200px;
  overflow: auto;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

#resumen #despleresu ul {
  list-style: none;
  cursor: default;
  padding-left: 5px;
  margin: 0;
}
#resumen #despleresu ul li {
  color: #777;
  font-size: 10pt;
  padding: 4px 0px;
  text-align: left;
}

#resumen #botonver input[type="button"] {
  background-image: url("../imag/barranavresu.png");
  background-repeat: no-repeat;
  background-position: center top;
  
  color: #FFF;
  text-align: center;
  
  cursor: pointer;
  
  padding-top:5px;
  padding-bottom: 2px;
  
  border: 1px solid #AAA;
  
  /* CSS 3 */
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 0px 8px #AAA;
  
  /* CSS 3 - Compatibilidad Navegadores */
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  
  -moz-box-shadow: 0px 0px 8px #AAA;
  -khtml-box-shadow: 0px 0px 8px #AAA;
  -webkit-box-shadow: 0px 0px 8px #AAA;
}


/***** FIN ZONA RESUMEN PRODUCTO *******/

/* SITEMAP PHP */
.sitemap {
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: small;
	color: #333;
	text-align: justify;
	vertical-align: bottom;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 9px;
	line-height: 18px;
}

.sitemap #primera {float: left;}
.sitemap #segunda {float: left; margin-left: 100px;}
.sitemap h2 {font-size: 16px;}

.centeroferta {
  position: relative;
  margin: 0px 0px 0px 135px;
  text-align: left;
  font-size: 12px;
  color: #000;
}
.ofertacn {
  position: absolute;
  margin-left: 30px;
  margin-top: -5px;
}
.flotanteizq {
  position: relative;
}


@media (max-width: 600px) {
  .prodtab {
    width: 460px;
    margin-top: 10px;
  }
  .prodinfo {
    width: 450px;
    text-align: justify;
    padding-top: 10px;
  }
  .prodtab .tabla {
    font-size: 10pt;
    width: 100%;
  }
  .prodtab .tabla th {
    background-color: #0093d0;
    border: 1px solid #006cab;
    font-weight: bold;
    color: #FFF;
  }
  .prodtab .tabla td {
    border: 1px solid #006cab;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .prodtab .tabla #ref {
    text-align: center;
  }
  .prodtab .tabla #nombre {
    text-align: left;
    padding-left: 4px;
  }
  .prodtab .tabla #prec {
    text-align: right;
    padding-right: 8px;
  }

  #produs hr {
    clear: both;
    border: 0;
    border-bottom: 1px solid #AAA;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .advertencia {
    font-size: 8pt;
    color: #333;
    font-weight: bold;
    text-align: right;
  }
  #produs a {
    text-decoration: none;
    color: #009cdb;
  }
  #produs a:hover {
    text-decoration: underline;
    color: #3cc7ff;
  }
  #logoruth {
    padding: 0 ;
    display: block;
    cursor: pointer;
  }
  #logoruth2 {
    padding: 0 ;
    display: block;
    cursor: pointer;
  }
}