/* Estilos Basicos */
html { margin:0; padding:0; }
body { background-color:#000; color:#FFF; font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif; margin:0; padding: 00 0 0; position:relative; }
a { color:#FC0; text-decoration:none; }
a:hover { text-decoration:underline; }

/* Login */
.registroYlogin { background-color:#000; border-bottom:1px solid #262626; float:left; font-size:0.92em; line-height:24px; padding:4px 10px; position:absolute; width:766px; }
.registroYlogin a { float:left;}
.registroYlogin form,
.registroYlogin fieldset { display:inline; }
.registroYlogin form { float:right; }
.registroYlogin input { font-size:0.92em; margin-right:10px; width:100px; }
.registroYlogin input.submit { margin-right:0; width:auto; }

/* Login validado */
.loginValidado { background-color:#000; border-bottom:1px solid #262626; font-size:0.92em; line-height:24px; padding:4px 10px; position:absolute; width:766px; }

/* Encabezado */
h1.logo { background:url(/img/header.jpg) no-repeat 0 32px; height:176px; padding-top:32px; width:786px; }
h1.logo a { display:block; height:100px; text-indent:-9999px; width:400px; }
h2.slogan { display:none; }

/* Ultimas novedades 
.ultimasNovedades { background-color:#000; font-size:0.92em; float:left; padding-left:30px; width:170px; padding:4px 0 4px 0; position:absolute;  }
.ultimasNovedades strong { margin-left:25px; }
.ultimasNovedades a { border-left:1px solid #262626; color: #FFF; margin-left:8px; padding-left:12px; }
.ultimasNovedades a.top { border:none; margin:0; }*/
.ultimasNovedades { color:#FC0; font-size:0.92em; margin-left:30px; padding-left:5px; left:0px;top:470px;position:absolute; float:left; width:170px; }
.ultimasNovedades strong {}
.ultimasNovedades a { border-bottom:1px solid #262626; color:#FFF; display:block; }

/* Estamos en... */
.estamosEn { background: #272f1d url(/tienda/img/hojasFondo.gif) center; border:1px solid #3e4b2e; color:#c7c6c6; float:right; font-size:0.92em; margin: 0 0 5px 15px; padding:7px 12px; width:210px; }
.estamosEn strong { color:#aeff00;}
.estamosEn em { background:url(/img/telefonito.gif) no-repeat 0 3px; font-style:normal; padding-left:20px; }

/* Menu */
.menuEidiomas { float:left; padding-left:30px; width:170px;}
.menu { border-bottom:1px solid #262626; border-top:2px solid #262626; margin:2px 0 2px 0; width:170px; }
.menu li { background: url(/img/bullet.gif) no-repeat 4px 7px; border-bottom:1px solid #262626; font-size:0.92em; padding: 3px 0 3px 22px; }
.menu li a { color: #666; }

/* idiomas */
.idiomas {  clear:both; float:right; margin-top:10px; }
.idiomas li { background-repeat:no-repeat; border:none; float:left; height:25px; width: 25px; }
.idiomas li a { display:block; height:100%; text-indent:-9999px; }
.idiomas li.castellano { background-image:url(/img/idiomaCastellano.gif); }
.idiomas li.catalan { background-image:url(/img/idiomaCatalan.gif); }
.idiomas li.ingles { background-image:url(/img/idiomaIngles.gif); }

/* Footer */
.footer { position:relative;z-index:10;background: #262626 url(/img/hojasFooter.gif) repeat-x top; clear:both; color: #666; float:left; font-size:0.92em; margin-top:10px; line-height:normal; padding: 75px 0 35px 0; width:100%;}
.footer a { color: #666; }
.footer p { margin-bottom: 8px; margin-left:35px; width: 780px; }
.footer .copyright { color:#FFF; margin-bottom:15px;}
.footer .copyright a { color:#FC0; text-decoration:underline; }




/* Contenido ----------------------------------------------  */
.contenido { width: 575px; margin-left: 230px; }
.contenido h3 { color: #666; font-size:1.33em; font-weight:normal; letter-spacing:-0.05em; }
.contenido h4 { color: #666; font-size:1.11em; font-weight:bold; letter-spacing:-0.05em; }
.contenido p { margin-bottom: 8px; }
.contenido ul { margin:10px 0;}
.contenido ul li { border-bottom:1px solid #262626; }

/* Varios ------------------------------------------------- */
.contenido .advertencia { font-size:9px; color:#fff; }

/* Ultimas imagenes */
.ultimasFotos { border-bottom:2px solid #262626; border-top:2px solid #262626; margin: 20px 0; padding:15px 0;  }
.ultimasFotos h3 { margin-bottom:10px; }
.ultimasFotos img { border:1px solid #FFF; height:90px; margin-right:10px; padding:1px; width:90px;}
.ultimasFotos p { clear:both; font-size:0.92em; margin-top:5px; margin-bottom:0; }

/* Portada principal de la galeria */
.portadaPrincipalGaleria {  text-align:center; }
.portadaPrincipalGaleria img { margin:5px; border:1px solid #FFF;}


/* Mis imagenes */
.misImagenes { solid #262626; margin: 5px 0; padding:0 0;  }
.misImagenes h3 { margin-bottom:10px;padding-bottom:10px; }
.misImagenes img { border:1px solid #FFF; height:90px; margin-right:10px; padding:1px; width:90px;}
.misImagenes p { clear:both; font-size:0.92em; margin-top:5px; margin-bottom:0; }

/* Mis imagenes */
.verImagenesAlbum { solid #262626; margin: 5px 0; padding:0 0;  }
.verImagenesAlbum h3 { margin-bottom:10px;padding-bottom:10px; }
.verImagenesAlbum p { clear:both; font-size:0.92em; margin-top:5px; margin-bottom:0; }
.foto { border:1px solid #FFF; height:90px; margin-right:10px; padding:3px; width:90px;}
.fotopendiente { border:1px solid red; height:90px; margin-right:10px; padding:3px; width:90px;}

/* Ultimas noticias */
.ultimasNoticias { font-size:0.92em; margin-top:0; }
.ultimasNoticias li { padding:3px 0; }
.ultimasNoticias li a { color:#FFF; }
.ultimasNoticias li em { color:#666; font-style:normal; margin-left:5px; }

/* Formarios */
.cssform p {width:50%;float:left;margin: 0;margin-left:20px;padding: 5px 0 8px 0;padding-left: 185px; /*width of left column containing the label elements*/border-top: 1px dashed gray;height: 1%; }
.cssform label{ float: left;margin-left: -185px; /*width of left column*/width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; float:left; color:#98803f; font-weight:bold; }
.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; float:left; color:#98803f; font-weight:bold; }
.cssform input[type="textarea"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; float:left; color:#98803f; font-weight:bold; }
.cssform textarea{ width: 180px; height:125px; float:right; color:#98803f; font-weight:bold;  }


/* Formarios foro */
.cssform2 p {width:65%;float:left;margin: 0;padding: 5px 0 8px 0;padding-left: 185px; /*width of left column containing the label elements*/border-top: 1px dashed gray;height: 1%; }
.cssform2 label{ float: left;margin-left: -185px; /*width of left column*/width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform2 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ float:left; color:#98803f; font-weight:bold; }
.cssform2 input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/ float:left; color:#98803f; font-weight:bold; }
.cssform2 input[type="textarea"]{ /*width of text boxes. IE6 does not understand this attribute*/ float:left; color:#98803f; font-weight:bold; }
.cssform2 textarea{ height:125px; float:right; color:#98803f; font-weight:bold;  }



/* Listado de categorias */
.listado_categorias { float:left;margin-top:10px;margin-left:40px;font-size:12px; }

/* Imagen mayores de edad */
.aviso18 { background:url(/img/aviso.png) no-repeat; display:block; height:86px; right:10px; position:absolute; text-indent:-9999px; top:10px; width:86px; }


/* Imagenes: bloque categoria */
.bloqueCategoria { margin-top:5px;text-align:center;width:540px;border-bottom:1px solid #d6fe7e; }
.bloqueCategoria h4 { font-size:12px;font-weight:bold;text-align:center;margin-bottom:15px;}
.bloqueCategoria a { color:#fff; }
.bloqueCategoria a:hover { color:green;text-decoration:none; }


/* Imagenes: bloque album */
.bloqueAlbum { float:left;position:relative;margin-top:10px;text-align:left;width:540px;padding-bottom:10px; }
.bloqueAlbum img { padding-right:4px;float:left; } 

/* Ofertas Barnaplant */

.ofertas_barnaplant { 
  float:right;
  width:150px;
  height:480px;
  margin-right:10px;
  background-color:#000;
  padding:4px; 
  position:relative;
  top:220px;
}

.ofertas_barnaplant h3 { 
  color: #666; 
  font-size:1.33em; 
  font-weight:normal; 
  letter-spacing:-0.05em;
}

.ofertas_barnaplant a { color:#fff;font-size:11px; }
.oferta_unica { padding-left:15px;border:1px solid #262626;font-size:10px;color:#fff; } 













/* Tablas para los foros */

.foro_tablas table {
  border-collapse: collapse;
  border: 1px solid #fda706;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #F6ECF0;
  background: #641B35;
  }
.foro_tablas em {
	font-size:10px;
}



.foro_tablas caption {
  text-align: left;
  font: normal 14px verdana, arial, helvetica, sans-serif;
  background: transparent;
  margin-bottom:4px;
  }
.foro_tablas td, th {
  border: 1px dashed #ffd381;
  padding: .8em;
  color: #F6ECF0;
  }
.foro_tablas thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #ffd381;;
  text-align: left;
  background: #c9692b;
  color: #F6ECF0;
  padding-top:6px;
  }
.foro_tablas tbody td a {
  background: transparent;
  text-decoration: none;
  color: #F6ECF0;
  }
.foro_tablas tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.foro_tablas tbody th a {
  font-size:12px;font-weight:bold;color:##FC0;
  }
.foro_tablas tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.foro_tablas tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.foro_tablas tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
.odd {
  background: #415b09;
  }
.foro_tablas tbody tr:hover {
  background: #608510;
  }
.foro_tablas tbody tr:hover th,
.foro_tablas tbody tr.odd:hover th {
  background: #6b8435;
  }