* { padding: 0; margin: 0; border: 0; }
a { text-decoration: none }

body {
 margin:0;
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 font-size: 13px;
 background-color: #fff; 
 background-image:url('/Imagenes/bgblack.gif'); 
 background-repeat: repeat-x;
}

/* Index */

#triplecols h4{
font-size:14px;
margin-bottom: 30px;
}

#triplecols p{
font-size:12px;
margin-bottom: 10px;
color: #535353;
}

#leftcolumn p{
margin-bottom: 20px;
}

#leftcolumn { 

 margin: 40px 75px 40px 0px;
 height: 430px;
 width: 263px;
 float: left;
}
#middlecolumn { 
 float: left;

 margin: 40px 75px 40px 0px;
 height: 430px;
 width: 263px;
 display: inline;
}
#rightcolumn { 

 margin: 40px 0px 40px 0px;
 height: 430px;
 width: 263px;
 float: left;
 position: relative;
}
#footercolumn {
 
 width: 945px;
 float: left;
 border-top: 1px solid #dfdfdf;
 height: 110px;
margin: 0px;

}

.vermas { text-align: right; padding-right: 40px; padding-top: 10px;}

/* resto */
#ajaxcontent{
padding-left:8px;
padding-right:8px;
width:150px;
height: 225px;
overflow: hidden;
}

#header {
position:relative;
width: 960px;
height: 111px;
margin-top: 20px;
margin-bottom: 20px;
color: white;
}
#header h1{
margin-top: 5px;
font-size: 14px;
font-weight: normal;
font-style: italic;
font-family: Verdana;
margin-bottom: 25px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Reglas de Safari 3.0 y Opera 9  */
	#header h1{
	margin-top: 5px;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	font-family: Verdana;
	margin-bottom: 26px;
	}
 }
#help{
position: absolute;
top: 150px;
left: 10px;
width: 167px;
height: 135px;
border: 2px solid #efefef;
}

#help ul{
padding-top: 8px;
margin: 8px;
}

#help li{
list-style: none;
}

#help a{
color: #535353;
}
#help a:hover{
color: black;
}

#enlaceinvierno{
position: absolute;
top: 0px;
right: 20px;

}

#logotop, #sombreros{
text-align: center;
width: 100%;
}


#content {
 width:746px;
 margin-left:210px;
 min-height: 770px;
 height:auto !important;
 height:770px;

 margin-bottom: 30px;
 
}

#contenedorcarrito{
background: url('/Imagenes/fondo-sidebar.png') no-repeat;
height:360px;
text-align:left;
width:100%;
}

#checkoutcarrito{
background: url('/Imagenes/metodospagobackground.gif') no-repeat;
height:290px;
text-align:left;
width:101%;
margin-left: -2px;
}

#displaytotal{
position: absolute;
font-size: 14px;
color:#434343;
right: 20px;
top: 40px;
width: 320px;
height: 170px;
padding: 20px;
background: #dfdfdf;
}

#displaytotal table{
 width: 300px;
 margin-left: 30px;
 
}
#fin{
position: absolute;
top: 280px;
left: 350px;
}
#footer { 
 width: 960px;
 height: 100px;
}

#footerbg{
 background-color: #dfdfdf; 
 background-image:url('/Imagenes/footerbg.gif'); 
 background-repeat: repeat-x;
 width: 100%;
 margin-bottom:60px;
}
#hregistrar{
width:610px;
height: 80px;
padding-top:15px;
padding-left:10px;
font-size: 15px;
}

#iconovacio{
width: 128px;
float: left;
padding-top: 70px;
padding-left: 20px;
}
#listinicio{
margin-top: 10px;
margin-right: 10px;
text-align: right;
}

#listinicio li{
padding-top: 10px;
list-style: none;
}

#listinicio a{
color: #dfdfdf;
}
#listinicio a:hover{
color: white;
}
#login{
width: 100%;
font-size: 12px;
padding-bottom: 20px;
}
#login input{
border: 1px solid #dfdfdf;
padding: 4px;
width:162px;
}
#lregistrar,#rregistrar{
width: 290px;
height: 260px;
padding:10px;
}

#rregistrar p{
width: 97%;
font-size: 12px;
margin-top:20px;
}
#mostrarform { margin-top:10px; text-align: right; }

#navcontainer{
width: 880px;
}

#navlist li
{
display: inline;
list-style-type: none;
font-size: 18px;
position: relative;
}

#navlist span:hover{
color: gray;
}

      #navlist a {
      color: white;
      float:left;
       margin:0;
      padding:0 8px 0 5px;
      text-decoration:none;
      }
    #navlist a span {
      float:left;
      display:block;
      padding:8px 15px 13px 6px;
      color:#FFF;
      }
     #navlist a.active span {
      background:url("/Imagenes/tabright.gif") no-repeat right top;
      color: black;
     }
     #navlist a.active{
      background:url("/Imagenes/tableft.gif") no-repeat left top;
     
     }
/* Wofuu form */
#boxshadow{
 width: 677px;
margin: 50px 10px 20px 15px;
 padding:10px;
	background:#fff;
	border:1px solid #ccc;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
}

form.wufoo{
	margin:20px 14px 0 14px;
	padding:0 0 20px 0;
}

/* Ordenar y Paginacion */

#orderby,#mostrarporpagina {border:1px solid #dfdfdf; padding: 4px;margin-right:16px; margin-top: 5px; color:#535353; min-width:115px;}     

.encolores { border: 1px solid #dfdfdf; width:50px;}
.encolores select { padding: 3px; width:50px; }     

.pagebarUTH {margin-top: 30px; text-align:right; font-size: 0.6em; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #FFF; background: #FFF; text-decoration: none; }
.pagebarUTH a, .pageList .this-page {color: gray; text-decoration: underline;border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebarUTH a:hover {border: 1px solid #535353;} 
.pagebarUTH a:visited {color: #693; text-decoration: underline; border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebarUTH .break { padding: 2px 6px; border: none; background: #FFF; text-decoration: none; }
.pagebarUTH .this-page { border: 1px solid #693; padding: 0.2em 0.5em; font-weight: bold; background: #535353; color: #FFF; }
.pagebarUTH a:active{color: #360; text-decoration: underline;
}

/* Drop menu */

#navlist li.trigger span { /*--Drop down trigger styles--*/
	width: 90px;
        margin-top: 8px;
 	height: 40px;
	float: left;
        padding-right: 0px;

	}


#navlist li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -92px; top: 42px;
	background: black;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid black;
z-index: 10;        
}
#navlist li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
#navlist li ul.subnav li a {
	float: left;
	width: 145px;
	background: black url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 16px;
font-size: 12px;
 padding-bottom: 10px;
}

#navlist li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}    
     

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navlist a span {float:none;}
    /* End IE5-Mac hack */

#navlistfoot{
padding-top: 20px;
text-align: center;
}

#navlistfoot li
{
display: inline;
list-style-type: none;
padding-right: 30px;
font-size: 12px;
}

#navlistfoot a:hover{
color: black;
}

#map{
border: 1px solid black;
width:500px;
height:300px;
margin-left: 60px;
margin-top: 60px;
color:black;
}

#panel{
position: relative;
margin: 0 auto;
border: 2px solid #dfdfdf;
width: 800px;
margin-bottom: 20px;
z-index: 1;
}

#paga{
width: 714px;
height: 400px;
position: relative;
}

#paga ul{
position: absolute;
top: 50px;
left: 50px;
width: 300px;
 
}

#preview{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
font-size: 10px;
text-align: center;
}

#respuestalogin{
width: 250px;
height: 50px;
padding:10px;
display:none;
color:red;
text-align: center;
}

#sesion{
position: absolute;
top: 0;
right:0;
width: 140px;
height: 111px;
}

#sidebar{
position: absolute;
top: 317px;
left:10px;
width: 170px;
height: 473px;
}

#textocategoria{
 font-weight:100;
 padding-top:15px;
}

#textovacio{
width: 400px;
height: 200px;
left: 200px;
position: absolute;
top: 50px;
}

#total{
position: absolute;
top:325px;
margin-left:8px;
width: 88%;
height:30px;
font-size:14px;
text-align: left;
left: 10px;
}

#wrapper{
position: relative;
padding-left:8px;
}

/* Grey Out */
#box
{
	width: 625px;
	height: 400px;
	background: #FFF;
	background-image: url('/Imagenes/Cuadro-Login.gif');
	position: absolute;
        top: 90px;
        margin-left: -300px;
        left: 50%;
	z-index: 20;
color: #535353;
	display: none;
}

#box a{
display:block;
width:97%;
text-align: right;
margin-top:10px;
font-size: 12px;
}

#screen
{
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
}


.ajaxitem { position:absolute; top:50px; right: 40px; width: 100px; font-size:12px; color:black; text-align: center; display: none}
.ancho50{ margin-top:10px; width:49%; font-size: 12px; }
.bold18{ font-weight: bold; font-size: 18px; color: #313131}
.caracteristicas{ float: left; margin-left: 10px; margin-top: 16px; width: 280px; color: #535353;}
.bold14{ font-size: 14px; margin-top:20px; font-weight: bold }
.bold12{ font-size: 12px; font-weight: bold;}
.caracteristicas h6, .h6check{ margin-top:15px; margin-bottom:10px; font-size:12px; font-weight: 100;}
.centered { margin: 0 auto; width: 960px; }
.center{text-align: center}
.clausula { text-align: justify; color: #c0c0c0; font-size:x-small; margin-top:30px; padding: 20px;}
.clear{ clear: both; }
.close{ float: right;}
.col1{ width: 130px;}
.col2 {width:130px;}
.col3{ width:245px;}
.coldis1, .total1{padding-top: 10px; padding-right: 40px; text-align: right; width: 75%}
.coldis2, .total2{padding-top: 10px; text-align: left;}
.total1, .total2 { padding-top: 25px}
.cyan { color: #009ee0; }
.green{color: green;}
.gray53{color: #535353;}
.footext{ width: 100%; text-align: center; margin-top: 40px; font-family: Verdana; font-size: 10px;}
.fixed0{ position: fixed; top: -20px; left: 0px;  }
.fl{ float: left }
.font18{font-size:17px;}
.font12{ font-size: 12px;}
.fr{ float: right}
.fdr{ margin-right: 10px; position:absolute; top: 210px; left: 260px;}
.gotocorner{ position:absolute; right:10px; top: 10px;}
.helpayuda{ font-weight: 600; padding-bottom: 5px; }
.helptelefono, .helpemail { font-size: 11px; padding-top: 8px; padding-left: 5px;  color: #535353}
.helppedido { padding-left: 20px; padding-top: 20px; font-size: 12px;  color: #535353}
.inline{ display:inline}
.item{  width: 725px;}
.itemcarrito{ margin-top: 10px;}
.itemlist { color: #535353; padding-top: 10px;}
.itemlist li{  list-style: none;}
.itemlist a{ color: green;}
.itemlist a:hover{ color: red;}
.justificado{ text-align: justify;}
.listadocompra{ width: 718px; padding-left: 10px;}
.cantidad{ border: 1px solid #dfdfdf; width: 30px; padding: 4px;}
.listadocompra li{ list-style: none; margin-top: 10px;}
.listadocompra td { padding-top: 60px;}
.marco{ background-image: url('/Imagenes/marco.gif'); background-repeat: no-repeat; ;float: left; width: 280px; min-height: 203px; margin-top:16px; padding-bottom: 10px;}
.mensajito{ padding-top: 20px; color: #535353; font-size:12px;}
.mensajegris{ margin-top:20px; background: #dfdfdf; width: 573px; padding: 5px 10px 5px 20px; }
.mensajeextra{ background: #ffb5b5; width: 573px; padding: 15px 10px 15px 20px; margin-top: 20px; display: none} 
.mostrando {font-size:12px; padding-right: 20px;}
.next{ position: absolute; top: 290px; margin-left: 4px; cursor: pointer}
.negro{ color: black;}
.pasos{ background: #dfdfdf;margin-top: 60px;padding: 5px 15px 5px 20px;-moz-border-radius: 8px; -webkit-border-radius: 8px; font-weight: bold;}
.pdr20{ padding-right: 20px; }
.pdl10{ padding-left:10px;}
.pieinicia{ text-align: center; font-size: 12px; color: #535353; }
.pointer{ cursor: pointer}
.prev{ position: absolute; top:44px; margin-left:4px; cursor: pointer}
.price {  position: absolute; bottom: 18px; right: 25px; width: 118px; text-align:center; font-size:18px;}
.producto{  position: relative; width: 725px; min-height: 236px; height:auto !important;  height:236px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #eeefef; background: #eeefef; padding:8px; margin-top: 50px;}
.red {color: red;}
.space1{ padding-left: 50px;}
.space2 { margin-top:10px;}
.space3 { margin-left: 25px;}
.space4{ margin-left: 50px;}
.sucompra{ width:100%; padding-top:12px; color: #535353; font-weight:bold; font-size:14px; height: 40px; margin: 0 0 10px 8px; }
.tachado { text-decoration: line-through}
.textright{
text-align: right;
}
.pagos{ margin-top:10px; width:90%; margin-left:8px;font-size:12px; text-align: justify;}

/* Pagos */
.style10 {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}
.style14 {
	border: 1px solid #efefef;
	background-color: #dfdfdf;

}