body,
h1,h2,h3,h4,h5,
ul, li, form{
	padding:0px;
	margin:0px;
	list-style:none;
}

body,.cabin{
	font-family: 'Cabin', sans-serif;
}

body{
	background:#fff url(../images/bg.site.png) repeat-x top;
}

a{
	text-decoration:none;
}

h3{
	display:block;
	padding-left:10px;
	height:35px;
	font-size:15px;
	color:#333;
	line-height:34px;
	font-weight:normal;
	background:url(../images/bg.title.gif);
	margin-bottom:10px;
}

h4{
	display:block;
	color:#333;
	font-size:14px;
	font-weight:normal;
	padding-left:10px;
}

h1,.h1{
	font-size:20px;
	color:#333;
	font-weight:normal;
	height:45px;
	line-height:44px;
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	background:url(../images/bg.title.gif);
}

.h1.chico{
	margin:0 0 10px 0;
}

.clear{ clear:both; }

.left{
	float:left;
}

.right{
	float:right;
}

.gris,
.form-contacto select.gris{
	color:#aaa;
}

.naranja{
	color:#EF7D00;
}

.padding10{
	padding:0 10px;
}

.cuerpo12{
	font-size:13px;
	line-height:18px;
}

.listado-2columnas{
	background:url("../images/bg.dos.columnas.gif") no-repeat scroll 15px -20px #FFFFFF;
}

.listado-2columnas li{
	display:block;
	float:left;
	width:300px;
	color:#666;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:22px;
}

.listado-2columnas li input[type="checkbox"]{
	margin-right:5px;
}

.btn-general,
.unsetCheckoutProduct{
  background: url("../images/bg.menu.gif") repeat scroll 0 0 #1E1E1E;
	border:0px;
	font:normal 13px 'Cabin',sans-serif;
	color:#ccc;
	padding:5px 8px;
	cursor:pointer;
}

.unsetInvoiceProduct{
  background: url("../images/bg.menu.gif") repeat scroll 0 0 #1E1E1E;
	border:0px;
	font:normal 13px 'Cabin',sans-serif;
	color:#ccc;
	padding:5px 8px;
	padding-top:9px;
	cursor:pointer;
}

.unsetCheckoutProduct{
	padding-top:8px;
	line-height:41px;
}

#setCheckoutProduct.btn-general{
	padding:0px 8px;
}

.btn-general:hover{
	color:#fff;
}

.btn-general img{
	margin-bottom:-2px;
}

.recuperar-contrasena{
	display:block;
	float:left;
	height:20px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	background:url(../images/button.right.off.png) no-repeat right top;
	padding-right:30px;
	line-height:16px;
	margin-top:5px;
	clear:both;
}

.recuperar-contrasena:hover{
	background-image:url(../images/button.right.on.png);
}
	
::-webkit-input-placeholder {
	color: #aaa;
}

:-moz-placeholder {
	color: #aaa;
}

.placeholder{
	color:#aaa;
}

#boxscroll {
	overflow: auto;
	height:150px;
	width:100%;
}

#loading {
	top:50%;
	left:50%;
	margin-top:-60px;
	margin-left:-60px;
	position:absolute;
	z-index:10002;
	display:none;
}

#popup{
	width:650px;
	height:auto;
	margin:0px auto;
	background:#fff;
	position:absolute;
	z-index:10001;
	top: 50%;
	left: 50%;
	margin-left: -345px;
	margin-top: -175px;
	padding:20px;
	display:none;
}


#mask { 
	height:100%;
	width:100%;
	position:absolute;
	z-index:10000;
	display:none;
	background-color:#000000;
}

#cabecera{
	padding-top:50px;
	position:relative;
}

.atencion-cliente{
	position:absolute;
	top:87px;
	right:0px;
	text-align:right;
}

.atencion-cliente ul{
	height:24px;
	margin-top:12px;
}

.atencion-cliente ul li{
	padding:0 15px 0 45px;
}

.atencion-cliente ul li,
.atencion-cliente ul li a{
	display:block;
	float:left;
	color:#ccc;
	text-decoration:none;
	font-size:15px;
	line-height:18px;
}

.atencion-cliente ul li.phone-top{
	background: url(../images/button.phone.png) no-repeat 15px center;
}

.atencion-cliente ul li.mail-top{
	background: url(../images/button.mail.png) no-repeat 15px center;
	border-right:1px solid #7d7d7d;
	border-left:1px solid #7d7d7d;
}

.atencion-cliente ul li.msn-top{
	background: url(../images/button.msn.png) no-repeat 15px center;
	padding-right:0px;
}

.atencion-cliente h4{
	font-size:18px;
	font-weight:normal;
	color:#666;
}

.main-menu{
	background:url(../images/bg.menu.gif);
	height:50px;
	margin-top:30px;
}

.main-menu li{
	padding:0 0 0 20px;
}

.main-menu li a{
	padding-right:20px;
}

.main-menu li,
.main-menu li a{
	display:block;
	float:left;
	text-decoration:none;
	color:#999;
	font-size:17px;
	font-weight:normal;
	line-height: 48px;
}

.main-menu li a:hover,
.main-menu li.selected a{
	color:#fff;
}

.wrapper{
	width:960px;
	margin:0px auto;
}

.contenido{
	background-color:#fff;
	padding:30px;
}

.contenido.sin-columnas{
	padding-bottom:20px;
	padding-top:20px;
}

	.contenido.sin-columnas h1{
		margin-bottom:10px!important;
	}

.banner-bottom{
	display:block;
	text-align:center;
	padding-top:11px;
	background:url(../images/bg.separador.gif) repeat-x top;
	margin:0 15px;
}

.dos-columnas{
	background: #fff url(../images/bg.dos.columnas.gif) no-repeat left top;
	padding:20px 20px 0px 20px;
}

.dos-columnas.contacto{
	background-position: 110px top;
}

.dos-columnas.detalle{
	background-position: 400px top;
}

.clear.white{
	background-color:#FFF;
	height:20px;
}

.columna-a{
	width:230px;
	float:left;
}

.columna-a .sin-desplegar h4{
	display:block;
	cursor:pointer;
	background:url(../images/button.up.off.png) no-repeat right center;
}

.columna-a .sin-desplegar h4:hover{
	background:url(../images/button.up.on.png) no-repeat right center;
}

.columna-a .sin-desplegar h4.desplegado{
	background:url(../images/button.down.off.png) no-repeat right center;
}

.columna-a .sin-desplegar h4.desplegado:hover{
	background:url(../images/button.down.on.png) no-repeat right center
}

.dos-columnas.contacto .columna-a{
	width:340px;
	color:#666;
}

.dos-columnas.contacto .columna-a .box-columna-a{
	padding-left:10px;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.dos-columnas.contacto .columna-a .box-columna-a .h1{
	margin:0 0 10px -10px;
}

.dos-columnas.contacto .columna-a .box-columna-a strong{
	display:block;
	font:normal 14px 'Cabin', sans-serif;
	padding-bottom:8px;
}
	
.dos-columnas.detalle .columna-a{
	width:630px;
	color:#666;
}

.dos-columnas.detalle .columna-a .box-columna-a{
	border-bottom:0px;
}

.dos-columnas.detalle .columna-a .h1{
	margin-right:0px;
	margin-left:0px;
}

.dos-columnas.detalle .columna-a .tag-naranja{
	position:relative!important;
	float:left;
	margin-right:10px;
}

.img-ppal-detalle{
	float:left;
}

.sub-img-detalle{
	float:right;
	margin-bottom:10px;
}

.titulo-detalle{
	display:block;
	position:relative;
	margin:10px 0 7px 0;
	color:#333333;
}
	
.columna-b{
	width:650px;
	float:left;
	margin-left:40px;
}

.columna-b h1{
	margin:0px;
	padding:0 10px;
}

.columna-b .separador,
.separador.linea{
	height:20px;
	background:url(../images/grey.gif) repeat-x 0 center;
}

.dos-columnas.contacto .columna-b{
	width:540px;
}

.dos-columnas.detalle .columna-b{
	width:250px;
	color:#666;
	font-size:12px;
	line-height:24px;
}

.dos-columnas.detalle .columna-b strong{
	color:#333;
	font-weight:normal;
	font-size:15px;
}

.dos-columnas.detalle .columna-b .box-columna-a{
	padding-left:10px;
	padding-right:10px;
}

.box-producto-listado{
	position:relative;
	padding: 0 10px;
}

.box-precio{
	text-align:right;
}

.botones-producto{
	position:absolute;
	bottom:0px;
	right:10px;
}

.botones-producto a,
.botones-especificaciones a{
	display:block;
	float:right;
	background:#1E1E1E url(../images/bg.menu.gif);
	color:#ccc;
	font-size:13px;
	height:26px;
	padding:0 10px;
	margin-left:10px;
	line-height:25px;
}

.botones-especificaciones a{
	float:left;
}

.botones-producto a:hover,
.botones-especificaciones a:hover{
	color:#fff;
}

.box-producto-a{
	width:150px;
	float:left;
	position:relative;
}

.tag-naranja{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FF6600;
	color:#333;
	padding:0 10px;
	height:26px;
	line-height:24px;
	font-size:12px;
}

.box-producto-b{
	float:left;
	width:280px;
	padding-right:10px;
}

.box-producto-b h2,
h2.titulo-listado-productos{
	font-size:13px;
	font-weight:normal;
	color:#333;
	margin-bottom:5px;
	margin-top:4px;
}

.box-producto-b .descripcion-list,
.box-producto-b .categorias-list,
.box-producto-b .categorias-list a{
	color:#666;
	font:normal 12px Arial, Helvetica, sans-serif;
}

	.box-producto-b .descripcion-list{
		padding-top:5px;
	}

.box-producto-b .categorias-list{
	margin-top:3px;
}

.box-producto-b .categorias-list a:hover{
	color:#000;
}

.box-producto-c{
	float:right;
	width:180px;
}

.box-producto-c .gris{
	font:normal 12px Arial, Helvetica, sans-serif;
}

.box-columna-a{
	border-bottom:1px solid #D7D7D7;
	padding-bottom:10px;
	margin-bottom:12px;
}

.form-contacto{
	padding:10px 10px 0px 10px ;
}

.form-contacto input[type="text"],
.form-contacto input[type="password"],
.form-contacto textarea,
.form-contacto select{
	padding-left:10px;
	width:98%;
	margin-bottom:10px;
	border:1px solid #ccc;
	font:normal 12px Arial, Helvetica, sans-serif;
}


.form-contacto input[type="text"],
.form-contacto input[type="password"]{
	height:26px;
}

.form-contacto select{
	height:28px;
	padding-top:4px;
    padding-bottom: 4px;
    padding-right: 10px;
	color:#666;
	width:102%;
}

.form-contacto textarea{
	padding-top:8px;
	height:70px;
}

.form-contacto .row input[type="text"],
.form-contacto .row input[type="password"]{
	float: right;
	width: 67%;
}

.cuadro-pedido{
	background: url("../images/bg.dos.columnas.gif") no-repeat scroll 48px -8px #FFFFFF
}

.cuadro-pedido .form-contacto.left,
.cuadro-pedido .form-contacto.right{
	width:285px;
}

.cuadro-pedido .form-contacto.right .row{
	margin-right:-5px;
}

.cuadro-pedido .form-contacto.right .row input[type="text"]{
	width:50%;
}

div.buscador{
	width:205px;
	height:30px;
	padding:5px 0 0 5px;
	overflow:hidden;
	border:1px solid #CCCCCC;
	margin-left:10px;
}

div.buscador input{
	float:left;
}

div.buscador input[type="text"]{
	width:170px;
	height:20px;
	margin-right:5px;
	border:0px;
}

div.buscador input[type="button"]{
	width:25px;
	height:25px;
	background:url(../images/button.search.off.png) no-repeat center;
	border:0px;
	overflow:hidden;
	text-indent:-9000px;
	cursor:pointer;
}

div.buscador input[type="button"]:hover{
	background:url(../images/button.search.on.png) no-repeat center;
}

.linea-filtro{
	clear:both;
	height:20px;
	background:url(../images/button.20.close.off.png) no-repeat left center;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 0 3px 10px;
}

.linea-filtro span{
	padding-left:5px;
}

.unsetAttribute img:hover{
	background:url(../images/button.20.close.on.png) no-repeat;
}

.content-box-columna-a{
	padding-left:10px;
	color:#666;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.content-box-columna-a a{
	color:#666;
	display:block;
	text-decoration:none;
}

.content-box-columna-a a:hover{
	color:#000;
}

.filtro-orden{
	height:30px;
	overflow:hidden;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:30px;
	padding:10px 10px 0 10px;
}

.filtro-orden .form-filtro-orden{
	float:right;
	border:1px solid #CCC;
	width:235px;
	height:28px;
	line-height:28px;
	padding:0 5px 0 10px;
}

.filtro-orden .form-filtro-orden select{
	width:140px;
	float:right;
	margin-top:4px;
	background:none;
	border:0px;
}

.codigo-prod{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
}


.listado-pedido tr td{
	color:#666;
}

.listado-pedido th{
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#aaa;
}

.listado-pedido tr{
	vertical-align:center;
	padding-left:10px;
}

.listado-pedido td,
.listado-pedido th{
	border-bottom:1px solid #d7d7d7;
	padding:10px 0;
}

#checkoutList.listado-pedido td{
	padding-bottom:0;
}

	#checkoutList.listado-pedido td h2.titulo-listado-productos{
		margin-top:-4px!important;
	}
	
	#checkoutList{
		margin-top:-10px;
	}

.listado-pedido.sin-bordes td,
.listado-pedido.sin-bordes th{
	border:0px;
}

.listado-pedido.sin-bordes-td td{
	border:0px;
}

.listado-pedido td .descripcion-list{
	font-size:11px;
	margin-top:-3px;
	font-family:Arial, Helvetica, sans-serif;
}

.listado-pedido input[type="text"]{
	width:50px;
	padding-left:10px;
	border:1px solid #ccc;
	color:#666;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.listado-pedido textarea{
	width:96%;
	border:1px solid #ccc;
	color:#666;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:10px;
	height:70px;
}

.listado-pedido tr td .btn-general{
	line-height:30px;
}

.listado-pedido strong{
	font-weight:normal;
	color:#333;
}

.listado-pedido .total{
	text-align:right;
}

.listado-pedido .total strong{
	font-size:16px;
}

.listado-pedido .total .gris{
	font:normal 12px Arial, Helvetica, sans-serif;
}
	
.aviso-naranja{
	border:1px solid #D7D7D7;
	color:#EF7D00;
	font-size:12px;
	padding:10px;
}

.aviso-naranja strong{
	font-size:15px;
	font-weight:normal;
}

.pasos{
	padding:10px 10px 5px 15px;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.pasos strong{
	display:block;
	margin-bottom:6px;
	font:normal 14px 'Cabin', sans-serif;
}

.pasos strong.naranja{
	color:#EF7D00!important;
}

.paginador{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
}

.paginador .gris{
	display:block;
	float:right;
}

.paginador ul{
	float:right;
	height:22px;
	overflow:hidden;
}

.paginador ul li,
.paginador ul li a{
	display:block;
	float:left;
	height:18px;
	width:18px;
	text-align:center;
	color:#666;
}

.paginador ul li{
	font-weight:bold;
	padding:0 3px;
	line-height:20px;
}

.paginador ul li a{
	font-weight:normal;
	border:1px solid #ccc;
	line-height:18px;
}

.paginador ul li a:hover{
	background-color:#333;
	border-color:#333;
	color:#fff;
}

.paginador ul li a.anterior,
.paginador ul li a.siguiente{
	border-color:#fff;
}

.paginador ul li a.anterior{
	background:url(../images/button.left.off.png) no-repeat left top;
}

.paginador ul li a.anterior:hover{
	background:url(../images/button.left.on.png) no-repeat left top;
}

.paginador ul li a.siguiente{
	background:url(../images/button.right.off.png) no-repeat left top;
}

.paginador ul li a.siguiente:hover{
	background:url(../images/button.right.on.png) no-repeat left top;
}

.btn-general.desactivado{
	color:#666;
	cursor:default;
}

.btn-general.desactivado:hover{
	color:#666;
}

.arial11{
	font:normal 11px Arial, Helvetica, sans-serif;
}

.arial12{
	font:normal 12px Arial, Helvetica, sans-serif;
}

#footer{
	color:#666;
	border-top:1px solid #D7D7D7;
	font:normal 11px Arial, Helvetica, sans-serif;	
	margin-top:10px;
	padding:5px 0;
}

.fdo-blanco{
	background-color:#fff;
}