@import url("reset.css");

body			{ color: #333; background: #fff url(../images/body.gif) repeat-x;font-family:Arial; }



/*-------------- Wrapper ------------------*/

#wrap 			{ width: 966px; min-height: 100%; margin: 0 auto }

/*-------------- Layout -------------------*/

#header			{ height: 123px; position: relative }

.logo:link,
.logo:visited	{ position: absolute; top: 10px;}
.logo:hover,
.logo:active	{ border: none }


/*------------- mainMenu -------------*/

#mainMenu {
  bottom:0;
  margin-bottom:0;
  position:absolute;
  right:5px;  
}

#mainMenu li {
  border-right:1px solid #666666;
  float:left;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size:1.5em;
  height:25px;
  line-height:1.2em;
  list-style:none;
  margin:0;
}

#mainMenu li .selected a { 
  float: none;  
  position:relative; 
  display: block; 
  width: 132px; 
  height: 25px;
}


#mainMenu a:link,
#mainMenu a:visited{ 
  padding: 0 16px 0 
}

#mainMenu a.hasSub:link,
#mainMenu a.hasSub:visited { 
  padding: 0 45px 0 15px; 
  background: url(../images/hassub.gif)no-repeat scroll right center;  
}

#mainMenu a:hover,
#mainMenu a:active { 
  border: none; 
  color:#000; 
}

#mainMenu a:hover span,
#mainMenu a:active span{ 
  border: none; 
  color:#000;
}

#mainMenu a.active:hover span,
#mainMenu a.active:active span{ 
  border: none; 
  color:#000; 
}

/*--------- desplegable ------*/

#mainMenu .submenu  {
  background-color:#E8E8E8;
  border-left:1px solid #666666;
  border-right:1px solid #666666;
  clear:both;
  margin:0 0 0 -1px;
  padding:0;
  position:absolute;
  top:25px;
  width:230px;
  z-index:100;
}

#mainMenu .submenu li {
  border-bottom:1px solid #666666;
  height:25px;
  margin:0;
  padding:4px 0 6px 0;
  width:230px;
}

#mainMenu .submenu li a {
  display: block; 
  width: 230px; 
  height: 30px;
}

#mainMenu .submenu li a:link, 
#mainMenu .submenu li a:visited {
  color:#333; 
  font-size:14px; 
  margin:0; 
  padding:0 0 0 15px; 
  width:215px; 
}

#mainMenu .submenu li:hover { background: #ccc; color: #333; }



/*---------- zona clientes --------------*/

#zonaClientes{
float:right;
padding-right:15px;
}


a.zona:link,
a.zona:visited	{
background:transparent url(../images/lock.gif) no-repeat scroll 0 10px;
display:block;
float:left;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:37px;
line-height:2.4em;
padding:15px 0 0 38px;
width:100px;
 }
a.zona:hover,
a.zona:active	{ border: none; color:0e24ec; }

a.logout:link, a.logout:visited{
display:block;
float:left;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
padding-top:24px;
}


/*---------- ver-compra ------------*/

#compra { 
  margin:0; 
  width:240px; 
  position:relative;
}
#compra a.ver-compra  { 
  display: block;  
  margin: 0; 
  padding: 0; 
  color:#0e24cc; 
  text-decoration: none;
  position:absolute;
  top:28px;
  right:20px; 
}
#compra a.ver-compra:hover { color:#333;}

#compra .unidades { border:none; margin:0; padding:45px 9px 0 42px; display: block; float: left; width: 30px;}
#compra .articulos { width: 115px; margin:0; padding:15px; clear: right; border-bottom:none;}
#compra .boton {
  border:1px solid #cccccc;
  margin:0 0 0 7px;
  padding:3px;
  width:221px;
}
#compra .boton p { float: right; display: block; width: 98px; padding:16px 0 0 0; font: bold 14px Arial, "Helvetica Neue", Helvetica, sans-serif;}


/*-----------------------------------------*/

#content		{ padding-bottom: 102px }

/*-----------------------------------------*/

/*#introText		{ height: 138px } */

#list1			{ padding-bottom: 15px; margin-bottom:0px !important; }
#list1 li		{ float: left; margin: 0; list-style: none; padding-right: 8px }

#list1 a:link,
#list1 a:visited {
 display: block;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 text-align:center;
 font-weight:bold;
 color:#000000;
 width:130px;
}

#list1 span,
#list1 span		{ display: block; line-height: 1.5833em; background: #f0f0f0;width:100%;position:absolute;bottom:0;}
#list1 a:hover span,
#list1 a:active span
				{ background: #f9f9f9 }
#list1 a.a1:link,
#list1 a.a1:visited
				{ background: url(../images/list1_a1.gif) 7px 24px no-repeat }

#list1 a.a2:link,
#list1 a.a2:visited
				{ background: url(../images/list1_a2.jpg) no-repeat }
#list1 a.a3:link,
#list1 a.a3:visited
				{ background: url(../images/list1_a3.jpg) no-repeat }
#list1 a.a4:link,
#list1 a.a4:visited
				{ background: url(../images/list1_a4.jpg) no-repeat }
#list1 a.a5:link,
#list1 a.a5:visited
				{ background: url(../images/list1_a5.gif) no-repeat }

/*-----------------------------------------*/

#leftCol		{
float:left;
width:242px;
margin-top:3px;
}

.shadow			{
background:transparent url(../images/h2_shadow.gif) no-repeat scroll 0 5px;
height:38px;
margin:0;
padding-left:20px;
padding-top:23px;
text-align:left;
}
.first{
  clear:both;
}
.shadow.first{
background:transparent url(../images/h2_shadow_first.gif) no-repeat scroll -1px -5px;
height:43px;
padding-top:10px;
}


.shadow.wide	{
background:transparent url(../images/h2_shadow_wide.gif) no-repeat scroll -3px 0;
margin:0 0 14px 0;
padding-top:20px;
width:690px;
 }

#buscar{
  border-color:#AEAEAE #D0D0D0 #D0D0D0;
border-style:solid;
border-width:1px;
height:50px;
margin:-6px auto 16px;
padding-top:25px;
text-align:center;
width:227px;
}

#buscar .text{
  width: 100px;
}


#busqueda{
display:block;
float:left;
height:135px;
text-align:center;
width:242px;
}

#busqueda form{
border:1px solid #CCCCCC;
display:block;
float:left;
height:50px;
margin-left:6px;
margin-right:6px;
margin-top:-1px;
padding-top:23px;
width:229px;
}

#categorias{
display:block;
float:left;
width:242px;
}


#leftMenu		{
border-left:1px solid #D0D0D0;
border-top:1px solid #D0D0D0;
margin-left:6px;
margin-top:-1px;
width:229px;
}
#leftMenu li	{
  border-bottom:1px solid #D0D0D0;
border-right:1px solid #D0D0D0;
clear:left;
float:left;
font-size:1.6em;
line-height:2.3125em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
width:100%;
}


#leftMenu li a.view_all{
display:block;
font-size:11px;
line-height:13px;
padding-bottom:6px;
padding-top:0;
}

#leftMenu a:link,
#leftMenu a:visited
				{ display: block; padding: 0 10px; text-transform:capitalize;  }
#leftMenu a.hasSub:link,
#leftMenu a.hasSub:visited
				{ background:transparent url(../images/hassub.gif) no-repeat scroll right 16px;
height:30px;
padding:0 10px 0;
 }


#leftMenu a:hover,
#leftMenu a:active
				{ border: none }
#leftMenu .subMenu
				{ border-top: 1px solid #d0d0d0; margin: 0; background: #e9e9e9 }
#leftMenu .subMenu li
				{ font-size: .875em; line-height: 2.4285em; border-right: none }
#leftMenu .subMenu li.last
				{ border: none }
#leftMenu .subMenu a:link,
#leftMenu .subMenu a:visited
				{ padding: 0 10px 0 25px }
#leftMenu .subMenu a:hover,
#leftMenu .subMenu a:active
				{ background: #efefef }


.enlacelateral {width: 227px; text-align: center;border: 1px solid #d0d0d0; margin: 0 auto 21px; font: normal 1.8em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif; overflow:hidden;}

.enlacelateral a	{ display: block; background: #e9e9e9; line-height: 1.3em; padding-top:10px; padding-bottom:10px; }

.enlacelateral a img{text-decoration:none;}

#contactanos a:link,
#contactanos a:visited
				{ display: block; width: 227px; height: 37px; border: 1px solid #d0d0d0;
				  text-align: center; padding-top: 305px; margin: 0 auto;
				  font: normal 1.8em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  background: url(../images/contactanos.jpg) no-repeat }
#contactanos a:hover span,
#contactanos a:active span
				{ border-bottom: 1px solid #999 }

/*-----------------------------------------*/

#mainCol		{
float:left;
padding-left:14px;
padding-top:14px;
width:696px;
 }

#mainColLeft	{ float: left; width:450px }
#mainColright	{ float: right; width: 242px; }

#board			{
border:1px solid #D0D0D0;
height:302px;
margin:11px 0 17px;
width:450px;
}

#news			{ margin: 0 }
#news li		{ margin: 0 0 .9em; padding: 0 0 .9em; list-style: none; overflow: hidden;
				  font-size: 1em; border-bottom: 1px solid #d0d0d0 }
#news li a      {text-decoration:none;color:#000;}
#news h2, .productos h2		{ margin: 0; line-height: 1.5em }
#news em		{ display: block; padding-bottom: 1.1em;
				  margin-bottom: .8em; border-bottom: 1px solid #d0d0d0 }

#breadcrump		{
font-size:9px;
height:30px;
margin:0;
}
#breadcrump	li	{ display: inline; margin: 0; list-style: none;
				  font: normal 1.4em/1.2857em Arial, "Helvetica Neue", Helvetica, sans-serif  }
#breadcrump	a:link,
#breadcrump	a:visited
				{ color: #0e24cc }

.productos, .productos-sub { margin: 0; padding: 20px 0 20px 0; }
.productos li, .productos-sub li { float: left; list-style: none; margin: 0; padding: 0 17px 20px 0; display: block; width: 160px;}

.productos li a {
display:block;
float:left;
height:158px;
overflow:hidden;
text-align:center;
vertical-align:middle;
width:158px;
margin-bottom:20px;
border:1px solid #D0D0D0;
}

.productos li a.textoProducto{
border-bottom:1px solid #D0D0D0;
border-left:medium none !important;
border-right:medium none !important;
border-top:medium none !important;
font-weight:bold;
height:auto;
margin:0 !important;
padding-bottom:10px;
text-align:left;
}

.productos-sub li { height: 260px; }
.productos-sub li img { border: 1px solid #d0d0d0;}

.productos p, .productos-sub p { 
  font: normal 12px Arial, "Helvetica Neue", Helvetica,sans-serif; 
  margin: 0; 
  padding:10px 0; 
  border-bottom: 1px solid #d0d0d0;
}

.last {
margin: 0px !important;
padding:0px !important;
}

/*--------- boton ------------*/

#mainCol li .rollover {
border:medium none;
color:#FFFFFF;
font-weight:bold;
height:24px;
margin-bottom:0;
margin-left:27px;
margin-top:10px;
padding-top:4px;
width:105px;
}

#mainCol li a.rollover:link, #mainCol li a.rollover:visited, #mainCol li a.rollover:active {
  background: url(../images/boton.jpg) no-repeat scroll 0px 0px;
  text-decoration:none;
}

#mainCol li a.rollover:hover {
  background-position: -105px 0;
}

#compra form { display: block; width: 85px; height: 28px; font-weight: bold; margin:15px 0 0 10px; }



/*------------------- paginator ------------------*/

#mainCol a.paginator {color:#0e24cc; padding:3px 5px; border: 2px solid #d0d0d0; margin-right: 5px; font-size: 12px; font-weight: bold; text-decoration: none; font: normal 12px Arial, "Helvetica Neue", Helvetica, sans-serif;}
#mainCol a.paginator:hover { text-decoration: none; color:#d0d0d0;}

/*-----------------------------------------------------------*/

#productList	{
border-left:1px solid #D0D0D0;
border-top:1px solid #d0d0d0;
margin:-1px 0 21px 7px;
width:227px;
}
#productList li	{ float: left; clear: left; width: 199px; margin: 0; padding: 14px; list-style: none;
				  border-right: 1px solid #d0d0d0; font-size: 1em;
				  border-bottom: 1px solid #d0d0d0 }
#productList h4	{ font: normal 1.1em/1.4545 Arial, "Helvetica Neue", Helvetica, sans-serif;
				  margin: 2px 0 8px 113px; padding-bottom: 7px;
				  min-height: 32px; height: auto !important; height: 32px;
				  border-bottom: 1px solid #d0d0d0 }
#productList span
				{ display: block; margin-left: 113px;
				  font: bold 1.4em/1.1428em Arial, "Helvetica Neue", Helvetica, sans-serif }
#productListHor	{ margin: 0 0 0 -10px }
#productListHor li
				{ float: left; width: 100px; margin: 0; padding: 0 10px 18px;
				  list-style: none; font-size: 1em }
#productListHor h4
				{ font: bold 1.1em/1.4545 Arial, "Helvetica Neue", Helvetica, sans-serif;
				  margin: 2px 0 8px 0; padding-bottom: 7px;
				  min-height: 32px; height: auto !important; height: 32px;
				  /*border-bottom: 1px solid #d0d0d0*/ }
#productListHor span.price
				{ display: block;
				  font: bold 1.8em/1em Arial, "Helvetica Neue", Helvetica, sans-serif }
#productListHor img
				{ display: block; border: 1px solid #d0d0d0; margin-bottom: 7px }

.photoFull		{ float: left; display: block; margin: 0 14px 14px 0; border: 1px solid #d0d0d0 }

#form1 			{ margin-right: 6px }

#form1 table	{
  margin: 10px 0;
  font-size:12px;
  border-bottom: 0;
  padding: 10px 0;
  }

#form1 th		{ text-align: left; font-weight: bold; padding-bottom: 5px }

#form1 .radio	{ margin-top: -2px }
#form1 p, #mainCol span.price {margin-bottom: .72em; border-top: 1px solid #d0d0d0;
				  border-bottom: 1px solid #d0d0d0;}
#mainCol span.price { margin: 0; padding: 10px 0; display: block;}


#form1 .envio { border:none; padding: 10px 0;}


#form1 span.precio-anterior
				{ font: 1.6em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  display: block; text-decoration: line-through; float: left; margin: 0; padding: 25px 100px 0 0; }
#form1 span.price
				{ font: bold 2.4em/1.82em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  display: block; }
#form1 span.price small
				{ font: normal .5em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif }
.resultado { font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;  display: block; margin: 0; padding: 0 0 10px 0; }
#mainCol a {color:#000; }

.rb				{ width: 30px }
.dim			{ width: 138px }
#form1 .text	{ width: 35px }
#form1 .submit	{ font-weight: bold; width: 120px}

#photos			{ margin: 0 0 0 -10px; clear: both; width: 360px; }
#photos li		{ float: left; margin: 0; padding: 0 10px 18px;
				  list-style: none }
#photos img		{ display: block; border: 1px solid #d0d0d0 }
.m1				{ margin-bottom: .5em }

/*-----------*/

.foto { margin:0 20px; padding:0; border: #d0d0d0 solid 1px;}
.address { font-size: 12px; font-weight: bold; text-align: justify;}


#columnas { 
 margin:0;
 padding:0 20px;
 width:670px;
}

.rojo {color:#ff0000;}
.cat_textbox { width: 275px; margin: 0 0 10px 0; padding: 0 0 5px 0;}
.cat_listbox { width: 275px; margin: 0 0 10px 0; padding: 0;}
.col1 .enlace, .col2 .enlace {color:#0e24cc; }


.col1 { 
  float:left;
  padding-right:5px;
  width:330px;
}
.col2 { 
  border-left:1px solid #D0D0D0;
  float:right;
  padding:0 0 0 10px;
  width:324px;
}
.col2 form { border:#d0d0d0 solid 1px; padding: 20px; }

 /*-------------------------------------*/

#mainCol #resumen_compra {
    border-bottom:1px solid #d0d0d0;
    border-top:1px solid #d0d0d0;
    color:#777777;
    display:block;
    font-size:14px;
    margin-top:10px;
}
#mainCol #resumen_compra p {
  font-size:12px;
}


#maniCol #description {
    font-size:12px;
    border-bottom: 0;
    padding-top: 20px;
    border-top:1px solid #d0d0d0;
}


#mainCol tr.cabecera {
    background-position:left top;
    background-repeat:repeat;
    font-weight:bold;
}
#mainCol .cabecera td{
 border-bottom:1px solid #d0d0d0;
  background:#e9e9e9;
  line-height:29px;
}


#mainCol .cont td.precio {
    font-size:16px;
    font-weight:normal;
}

#mainCol .cont {
    color:#444444;
    font-weight:bold;
    font-size:12px;
    line-height:0;
}
#mainCol .cont p.nombre {
    display:block;
    margin-bottom:0;
    margin-top:0;
    padding:0;
}

#mainCol .cont img {
    border:#d0d0d0 solid 1px;
    margin: 10px 0;
    overflow: hidden;
}
#mainCol .cont .button-to {
    margin:0;
    padding:0;
}
#mainCol .button-to {
    display:inline;
    font-size:16px;
    font-weight:bold;
}
#mainCol tr.total_carro {
    background-position:left top;
    background-repeat:repeat;
    color:#CC0000;
    font-size:18px;
    font-weight:bold;
}
#mainCol .total_carro td{
    background:#e9e9e9;
    border-top:1px solid #d0d0d0;
}


#mainCol #final_compra {
    background-color:#e9e9e9;
    border-bottom:1px solid #d0d0d0;
    margin-top:30px;
    padding:10px 10px 0 0;
    text-align:right;
}
#mainCol #final_compra p{
    font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#mainCol .text_boton {
    color:#333333;
    font-weight:bold;
    margin-bottom:10px;
    text-align:right;
}
#mainCol .text_boton p{
    font: 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin:0;
    padding: 0 0 10px 0;
}
#mainCol .text_enlace {
    color:#333333;
    float:left;
    margin-bottom:10px;
    font: 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/*-----------------------------------------*/

#footer			{ height: 60px; margin-top: -84px; padding-top: 24px;
				  background: url(../images/footer.gif) repeat-x }
#footerMenu		{ text-align: center; margin-bottom: 15px }
#footerMenu	li	{ display: inline; list-style: none; font-size: 1.1em; line-height: 1em; margin: 0;
				  border-right: 1px solid #333; padding: 0 6px }
#footer	p		{ font-size: 1.1em; text-align: center; margin: 0 }
#footer	p a:link,
#footer	p a:visited
				{ font-weight: bold }

/* ------------------------------------------ */

#ColumnaIzdaProducto{
float:left;
}

#ColumnaDrchaProducto{
float:left;
width:310px;
}

/* ----------------blog ------------- */
#columnaPosts{
display:block;
float:left;
width:440px;
}

.Posts{
float:left;
padding-bottom:20px;
padding-top:10px;
width:100%;
}

.Posts a{
text-decoration:none;
font-weight: bold;
}


.Posts h2{
font-size:18px;
font-weight:bold;
margin-bottom:5px;
margin-left:0;
margin-right:0;
padding-top:5px;
}


.Posts .creadoEl{
font-style: italic;
border-bottom:1px solid #EEEEEE;
float:left;
font-size:10px;
padding-bottom:10px;
padding-top:3px;
text-align:left;
width:100%;
}

.Posts .textoPost{
font-size:12px;
margin:0;
text-align:left;
padding-top: 10px;
}

.Posts .LeerMas{
display:block;
float:left;
font-size:12px;
padding-bottom:5px;
padding-top:5px;
text-align:left;
width:100%;
}

.Posts .commentsPost{
background-color:#EEEEEE;
display:block;
float:left;
font-size:11px;
margin-top:10px;
width:100%;
}


#menuArchivos{
float:left;
padding-left:14px;
width:242px;
}

.Comentarios{
float:left;
padding-bottom:10px;
padding-top:10px;
width:100%;
background-color: #eee;
}

.Comentarios .creadoEl{
border-bottom:1px solid #CCCCCC;
float:left;
font-size:10px;
font-style:italic;
margin-left:10px;
margin-right:10px;
padding-bottom:10px;
padding-top:3px;
text-align:left;
width:415px;
}

.Comentarios h2{
font-size:18px;
font-weight:bold;
margin-bottom:5px;
margin-left:0;
margin-right:0;
padding-top:5px;
padding-left:10px;
}

.Comentarios .textoPost{
font-size:11px;
font-style:italic;
margin:0;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:left;
}

#dejaComentario{
display:block;
float:left;
padding-left:10px;
width:415px;
}

#dejaComentario label{
float:left;
margin:0;
width:100%;
}

#dejaComentario input{
float:left;
width:303px;
}

#dejaComentario textarea{
width:303px;
height:100px;
overflow: scroll;
float:left;
}

#dejaComentario .enviar{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
font-weight:bold;
height:25px;
margin-top:10px;
width:60px;
}
/*------ estilos para el carro de la compra de la columna izquierda -----*/

#carro_content{
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  margin:0 0 0 7px;
  padding:0;
  list-style:none;
  width:227px;
}
#carro_content li{
  margin:0;
}
#carro_content .unidades{
  display:block;
  float:left;
  margin:50px 0 0 0;
  padding:0;
  text-align:center;
  width:100px;
}
#carro_content .articulos{
  border:#ccc solid 1px;
  float:left;
  height:100px;
  margin:10px 8px 10px 0; 
  padding:0;
  width:100px;
  overflow:hidden;
}

/*---- enlace central ----*/

.imgEnlace { 
  height:89px;
  overflow:hidden;
  width:130px;
}
/*---- destacados home ---*/
.imgDestacados{
  border:1px solid #CCCCCC;
  float:left;
  height:100px;
  overflow:hidden;
  width:100px;
}
/*-----------------*/
.paginator_margenes{
  margin-bottom: 20px;
  padding: 10px 0 0 0;
}

.paginator_margenes2{
  margin-bottom:0;
}
/*------- nuevo checkout --------*/
#mainCol #checkout_process{
  width:685px;
}
#mainCol #checkout_shipping_costs_3s{
  width:380px;
}
#mainCol #checkout_contact_details_3s{
  width:380px;
}
#mainCol #checkout_payment_method_3s{
  width:380px;
}
#mainCol #checkout_money_transfer_details_3s{
  width:380px;
}