/*reset*/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;color:#000;background:#FFF;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/****/
body, html{font-size: 63.5%;}
body {font-size: 101%;}
html>body {font-size: 100%;}
*:first-child+html body {font-size: 101%;}

html, body {  height: 100%;}
body { text-align:center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.4em; letter-spacing: normal; background-color: #701210;
background-image: url(imag/plantilla/_background.jpg);
background-position: left top;
background-repeat: repeat-x;}

a{
	font-weight: bolder;
	color: #EA0104;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	color: #454545;
}

.imagen-lado,#producto .imagen-lado,#catalogo .imagen-lado{
background-color: #fff;
background-attachment: scroll;
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #BF0103;
float: right;
margin: 4px 15px;
}

#contenedor { margin:0 auto 0 auto; width:900px; text-align: left; 
 position: relative;
  min-height: 100%; 
height: auto !important; 
  height: 100%;
  	background-image: url(imag/plantilla/_content.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: transparent;
	color: #4A4A4A;
  }
  
#content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 100px;
  visibility: hidden;
}

#content{
	background-image: url(imag/plantilla/_content.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: transparent;
}

/* top */
#barra-top{float:left; width: 900px; margin:0; padding: 0; 
	background-color: transparent;
}
#barra-top-left{float: left; width: 450px; 
	background-image: url(imag/plantilla/_menu_top.gif);
	background-position: left -10px;
	background-repeat: no-repeat;}
#barra-top-right{float: right; width: 450px; 
	background-image: url(imag/plantilla/_nav_top.jpg);
	background-position: right -10px;
	background-repeat: no-repeat;}
#barra-top-left,#barra-top-right{
	height: 28px;
	background-color: transparent;
}
#idiomas{position:absolute; float: right; top: 0px; margin-left:750px;}
#idiomas select, #idiomasCombo{
	border-color: #888888;
	border-style: solid;
	border-width: 1px;
	background-color: #f2f2f2;
	font-size: 1.2em;
	color: #4e4e4e;
	margin-top: 5px;
	width: 100px;
	text-align: left;
	}
	
#barra-top-left ul{
	list-style-type: none;
	padding-top: 5px;
}

#barra-top-left li{
	list-style: none;
	display: inline;
	margin: 0 10px;
	padding-right: 15px;
	font-size: 1.1em;
	height: 28px;
}

#barra-top-left li a{
	display: inline;
	text-decoration: none;
	color: #C5C5C5;
	font-variant: small-caps;
	font-weight: bolder;
}

#barra-top-left li a:hover{
	text-decoration: underline;
	color: #000;
}

.utilidades-basico,.utilidades-cliente{
	float: left;
}
/****/
/* menu + header */
#content-right-menu{	position: absolute; float:left; top: 28px; width: 900px; clear: both;  font-size: 1.3em;height: 50px; margin: 0;
background-image: url(imag/plantilla/_menu_bar.gif);
background-position: 0px 0px;
background-repeat:no-repeat ; 
}
#content-right-menu ul.menu-seccion{
	list-style: none;
	margin: 0 auto;	
	text-align: center;
	padding-top: 20px !important; 
	padding-top:0;
}

#content-right-menu ul li {
	margin: 0;
	height: 50px;
	padding:5px;
	cursor: pointer;
	display: inline;
	padding-top: 20px;
}

#content-right-menu ul li a {
	font-size: 0.9em;
	color: #FFD3D3;
	font-weight: bolder;
	text-decoration: none;
	background-image: url(imag/plantilla/menuitem.gif);
	background-position: 0px 2px;
	background-repeat:no-repeat ; 
	padding-left: 8px;
}

#content-right-menu ul li a:hover {
	color: #FFF;
	background-image: url(imag/plantilla/menuitem2.gif);
	background-position: 0px 2px;
	background-repeat:no-repeat ;
	padding-left: 8px;
	border-bottom:  1px solid #FFD3D3;
}


#content-left-imagen{
	float: left; position: absolute; left: 0px; top:78px; width: 900px; height: 280px;
	background-image: url(imag/plantilla/_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: visible;
	background-color: #FFF;
}
/****/
/* panel izquierda */
#content-right-mod{position:absolute; float: left; top: 400px; width: 220px;  			 	
  	font-size: 1.3em;
 	/*background-image: url(imag/plantilla/_content.jpg);
	background-repeat: repeat-y;
	background-position: left top;*/
	background-color: transparent;
	padding-left: 15px;
	padding-top: 0px; 
 }
 
#resultados-buscador{
	height: auto;
}

#buscador{
	float: left; top: 365px; width: 230px;  			 	
	position:absolute;
  	font-size: 1.3em;
 	background-image: url(imag/plantilla/_content.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFF;
	padding-left: 15px; 
	height: 35px;
}

#buscador input.text,#buscador form input.text{
	border: solid #aaa 1px;
	height: 24px;
}
#buscador input.boton{
	height: 22px;
}

#content-right{
	background-image: url(imag/plantilla/_content.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: transparent;
 }
#imag_lateral_top,#imag_lateral_bottom{display: none;}

/****/
/* panel derecha*/
#content-left{float: right; margin:320px 0px 30px 260px; width: 630px; 
background-color: #FFF;
font-size: 1.3em;
background-image: url(imag/plantilla/_content.jpg);
background-repeat: repeat-y;
background-position: right top;
padding: 20px;
}
#content-left-bottom, #content-left-contenido,#lista{
	margin-bottom: 25px;
	padding-bottom: 25px;
}

/* pie*/
#pie {
  width: 100%;
  position: absolute;
  background-color: #9D0000;
  bottom: 0 !important;
  bottom: -1px; 
  height: 60px;
  background-image: url(imag/plantilla/_footer.jpg);
  background-repeat: no-repeat;
 background-position: left top;
 margin-top: 25px;
}

#pie p {
  padding: 1.2em 2em;
  margin-top: 5px;
  text-align: right;
  color: #BF0103;
}
#pie p img{
  margin-top:10px;
}
#pie p a:hover{
	color:#FFF;
	text-decoration: none;
}
/****/
#datos-alt,#novedades-alt,#lista-alt{
	margin-bottom: 35px;
}

.ver-mas a{
	float: right;
	text-align: right;
	height: 20px;
	clear: both;
	margin-bottom: 20px;
	padding-left: 20px;
	color: #EA0104;
	font-weight: bolder;
	text-decoration: none;
	background-image: url(imag/plantilla/_more.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.vermas:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
#texto-alt{
	margin: 10px;
	float: left;
}
.contenedor{
	margin-bottom:10px;
}

#texto .titulo-seccion,#texto-alt .titulo-seccion,#lista .titulo-seccion,#datos .titulo-seccion,#catalogo .titulo-seccion,#formulario .titulo-seccion{
	font-variant: small-caps;
	color: #FF0303;
	font-size: 1.5em;
	display: block;
	margin:5px 10px 15px 10px; 
}

#datos-alt .titulo-seccion,#novedades-alt .titulo-seccion,#lista-alt .titulo-seccion{
	color: #CF0000;
	font-size: 1.2em;
	display: block;
	margin:5px 0;
	padding-left: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: left top; 
}
#datos-alt .titulo-seccion{
	background-image: url(imag/plantilla/ruby.gif);
}
#novedades-alt .titulo-seccion{
	background-image: url(imag/plantilla/ruby.gif);
}
#lista-alt .titulo-seccion{
	background-image: url(imag/plantilla/ruby.gif);
}
.enlace-elemento{
	/*background-repeat: no-repeat;
	background-position: left top;
	background-image: url(imag/plantilla/_link.jpg); */
	padding-left: 20px;
	margin-bottom: 20px;
}
#datos .titulo-elemento{
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(imag/plantilla/ruby.gif); 
	padding-left: 20px;
	height: 20px;
	color: #000;
	font-size: 1.1em;
	margin: 15px 0 5px 0;
}

#datos .texto-intro,#formulario .texto-intro{
	color: #C20000;
	background-color: #FFECEC;
	border-color: #CF0000;
	padding: 5px;
	margin: 5px;
}

#datos .texto{
	padding-left: 20px;
	margin-bottom: 5px;
}
#datos-alt .texto-intro{
	color: #C20000;
	background-color: #FFECEC;
	border-color: #CF0000;
	padding: 5px;
	margin: 5px;
}
#novedades-alt .texto-intro,#catalogo .texto-intro,#cesta p.texto{
	color: #C20000;
	background-color: #FFECEC;
	border-color: #CF0000;
	padding: 5px;
	margin: 5px;
}
#lista .titulo-lista{
	color: #000;
	font-variant: small-caps;
	margin: 5px 0;
	font-size: 1.1em;
}

#lista li{
	text-indent: 10px;
}
#lista .titulo-elemento{
	font-variant: small-caps;	
	float: left;
	width: 160px;
}

#formulario form{
	margin-left: 20px;
}
#formulario label{
	color: #000;
	float: left;
	width: 140px;
	padding-top: 6px;
	margin-bottom: 4px;
	border-bottom: dashed #666 1px;
}

#formulario input,#formulario select,#formulario textarea,#formulario select{
	width: 350px;
	margin: 0 0 4px 0px;
	color: #A74B12;
	border:1px solid #BF0103;
}

#formulario input.button{
	width: 120px;
	background-color: #C80203;
	color: #fff;
	font-weight: bold;
}
#formulario #buttons{
	margin-left: 140px;
	color: #FF0033;
}
/* catalogo*/
#catalogo .principalderecha{
	float: right;
}

#catalogo #destacados thead tr td{
	font-variant: small-caps;
	background-repeat: no-repeat;
	background-position: 0 10px;
	background-image: url(imag/plantilla/_pack.jpg); 
	color: #000;
	font-size: 1.1em;
	margin: 20px 0 5px 0;
	padding: 10px 0 0 20px;
	height: 20px;
}

#catalogo .nivel1{
	margin: 10px 0;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(imag/plantilla/_family.jpg); 
	padding-left: 20px;
}

#catalogo .nivel2{
	margin: 10px 20px ;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(imag/plantilla/_subfamily.jpg); 
	padding-left: 20px;
}

#catalogo .derecha{
	float: right;
}

#catalogo #navegacion ul li img{
	display: none;
}

#catalogo #navegacion ul li{
	color: #000;
	font-size: 1.1em;
	margin: 10px 0;
	font-variant: small-caps;
}

#catalogo #navegacion ul li a{
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(imag/plantilla/_catalog.jpg); 
	padding-left: 20px;
}

#catalogo p.descargar img{display: none;}
#catalogo p.descargar{
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(imag/plantilla/_download.jpg); 
	padding-left: 20px;
	height: 16px;
	margin-bottom: 10px;
}
#catalogo p.volver,#cesta .volver{
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(imag/plantilla/_back.jpg); 
	padding-left: 10px;
	height: 16px;
}

#cesta .pedido img{display: none;}
#cesta .pedido{
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(imag/plantilla/_checkout.jpg); 
	padding-left: 18px;
	height: 16px;
	margin-bottom: 10px;
	float: right;
}
#cesta .actualizar,#cesta .volver{
	float: left;
	margin-bottom: 10px;
}

#cesta .texto{
	float: left;
	clear: both;
	width: 580px;
}

#cesta table{
	border: #FF5151 solid 1px ;
	margin: 15px 0;
}
#cesta table thead{
	border: #FF5151 solid 1px ;
	background-color: #FFECEC;
}

#cesta table td{
	width: 20%;
}
#cesta table tfoot{
	width: 100%;
	text-align: right;
}

#cesta table td.total{
	width: 100%;
	background-color: #FFFFE5;
	font-weight: bold;
	text-align: right;
}
#cesta table td.precio{
text-align: right;
	font-weight: bolder;
}

.clear
{
	clear: both;
	padding: 0px;
	margin: 0px;

}