@import url('blueprint/screen.css');
@import url('960.css');

body {
	font-size: 81%;
    background: #666 url('../img/fondo_body.gif');
}

a{
	color: #06F;
	text-decoration: none;
}

h1{
	position: absolute;
	z-index: 9;
	left: 335px;
	top: 3px;
}

h2{
    font-weight: 700;
}

button{ cursor:pointer; }
.ui-icon{ float: left; }
.ui-spinner {position: relative}
.ui-spinner-buttons {position: absolute}
.ui-spinner-button {overflow: hidden}
.ui-widget { font-size: 1em !important; }

/*--- form ---*/
form .errors, form .errors li{
    color: #f00;
}

form label.required:before{
    content: "*";
    color: #f60;
}
form dt label:after{ content: ":"; }


#seccion{
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
	font-weight: bold;
}


/*--- Etiquetas que definen la estructura de la p�gina --- 
--------------------------------------------------------------------------------------------------------------------*/

#pagina{
	background: #fff;
    position:relative;
}
/*------------------------------------------------Cabecera------------------------------------------------------*/
#cabecera{
	background: #cadfff;
	height: 119px;
	}
/*------------------------------------------------Contenido-------------------------------------------------------*/

.img_h2{
	background: #fff url('../img/img_h2.gif') no-repeat top right;
	height: 20px;
	margin: 2px;
}

/*------------------------------------------------Lateral-------------------------------------------------------*/

#lateral{
       background: url('../img/fondo_lateral.png') no-repeat;
       margin-left: 0  !important;
       width: 200px;
    }

/*todos*/
#lateral ul{
	list-style:none;
	margin: 5px 0;
        padding: 0;
}
#lateral li{
        padding: 2px 0;
}
#lateral a{
    display: block;
    font-weight: bold;
    padding: 10px 0;
}
#lateral a:hover{
	color: #000;
}

/*primer nivel*/
#lateral ul li a{
    color: #000;
    padding: 5px 3px;
    text-transform: uppercase;
}

/*segundo nivel*/
#lateral ul li ul li a{
    border-bottom: 1px solid #C7C757;
    color: #787814;
    padding: 1px 0;
    text-transform: none;
}

/*tercer nivel*/
#lateral ul li ul li ul{
    margin-left: 7px;
    display: none; /*ocultos*/
}

#lateral ul li ul li ul li a{
    font-weight: normal;
    color: #000;
    border: 0;
    padding-right: 5px;
}

/*niveles activos*/
#lateral ul li ul li.active > ul{
    display: block;
}


/*----------------Lateral-derecha---------------------*/

#lateral_dch{ background:url('../img/fondo_lateral_dch.png') no-repeat;
       margin-right: 0  !important;
       width: 200px;
}


/*------------------------------------------------ Menu ----------------------------------------------------------*/
#menu{
    padding: 4px 0;
    background: #ccc url('../img/fondo_menu.png') no-repeat;
}

#menu #tabs{
    margin: 6px 0;
}

#menu a:hover, #menu .ui-tabs-selected a{
    color: #996600;
}

#menu li a{
    font-weight: bold;
    padding: 2px 20px;
}
#menu #tabs{
    padding: 0;
}

#caja_busqueda{
    text-align: right;
}
#caja_busqueda input{
    padding: 3px;
}
#caja_busqueda button{
    background: transparent;
    border: none;
}


/*-------------------------------------------------Pie---------------------------------------------------------------*/
#pie {
	clear:both;
	color: #fff;
	background-color: #919191;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding: 5px 10px;
}
#pie a {
	color: #fff;
}

/*-------------------------------------------------P�gina principal---------------------------------------------------------------*/
.portada_titulo {
	width:100%;
	background-color:#2B80FF;
	height:21px;
	color:#fff;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	margin:20px 0;
}
.portada_caja {
	margin-top:30px;width:165px;border:1px solid #666;height:200px;display:block;float:left;margin-left:29px;text-align:center;
}
.portada_caja_titulo {
	height:17px;border-bottom:1px solid #666;font-size:11px;text-align:center;padding-top:5px;font-weight:bold;background-repeat:no-repeat;
}

#noticias{
margin:0px 0px;
}

#noticias .caja{
margin-top:0px;
margin-bottom:30px;
}

#noticias .titulo{
background-image:url('../img/newspaper.gif');
background-repeat:no-repeat;
padding-left:18px;
font-size:14px;
color:#06F;
text-decoration:none;
}

#noticias .fecha{
font-size:10px;
color:#666;
margin-top:2px;
font-style: italic;
margin-bottom:10px;
}

#noticias .noticia{
margin-bottom:20px;
}



/*------------------------------------------------ M�dulos ---------------------------------------------------------*/
#caja_usuario {
	border-left: 1px solid #2b80ff;
        margin-left: -1px;
	height: 118px;
}
#caja_usuario td, #caja_usuario th{
    padding: 2px;
}
#caja_usuario p{
	background-color: #2b80ff;
	margin: 0;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}
#caja_usuario th{
	text-align: right;
}
#caja_usuario input{
	width: 90px;
	font-size: 10px;
}


#buscar{
display:inline;
padding-right:3px;
}

#buscar button{
background:none;
border:0px;
}

#buscar input{
border:1px solid #999;
margin-right:3px;
}

#buscar input:hover, #buscar input:focus{
border:1px solid #666;
}

#buscar button img{
	background-color:transparent;
	vertical-align: top;
}

#paginas{
text-align:center;
margin-bottom:30px;
}

#paginas a{
text-align:center;
border:1px solid;
padding:2px 4px;
}

#paginas .seleccionada{
padding:2px 4px;
}

#paginas .anterior a,#paginas .siguiente a{
border:0px;
}

#paginas .total{
display:block;
margin-top:10px;
}


/* ----------------------------------------- Productos -------------------------------------------------------------*/
.producto{
	margin-bottom: 50px;
	border-bottom: 1px solid #000;
}
.producto a{
	text-decoration: none;
}
.producto h2{
	font-size: 17px;
	margin: 20px 0;
	color: #960;
}
.producto h2 a{
    color: #960;    
}
.producto .img{
	float: right;
	margin: 20px 0 10px 10px;
}
.producto .pie_producto{
	background: #fff url('../img/degradado.gif') repeat-x bottom;
	margin-top: 20px;
}

.producto .pie_precio{
	float:right;
	text-align: right;
}
.pie_producto .enviofree{
       float:right;
       margin-top: -20px;
       margin-right: 20px;
}
.pie_precio .precio{
	font-size: 18px;
}

#productos_relacionados{
margin:20px 0;
}

#productos_relacionados table{
padding:0px;
margin:0px;
border:0px;
border-spacing: 0px;

}

#productos_relacionados table tr{
padding:0px;
margin:0px;
}



#productos_relacionados td{
padding:0px;
margin:0px;
border-bottom:1px solid #ccc;
}


#producto_carro{
	border-collapse: collapse;
	font-size: 13px;
	}
#producto_carro a{
	color: #000;
	}
#producto_carro tr{
	background-color: #DDD;
	border-bottom: 2px solid #FFF;
}
#producto_carro td{
	padding:3px;
}
#producto_carro .eliminar{
	float: right;
	color: #f00;
	margin-left:10px;
}

#carrito_compra .subtotal{
	background-color: #AAA;
	text-align: right;
	}
#carrito_compra .total{
	font-size: 18px;
	background-color: #FFF;
	text-align: right;
}
#carrito_compra .arterisco{
	font-size: 12px;
	text-align:left;
}

#carrito_compra td{
	vertical-align:middle;
}
#carrito_compra .td_opc{
	border-left: 2px solid #D6D6D6;
	text-align: right;
	vertical-align:middle;
}
#carrito_compra .precio{
	color: #06F;
	font-weight: bold;
	}
#carrito_compra .num{
	background-color: #FFF;
	padding: 5px 10px;
	margin: 5px
	}
#carrito_compra .unid{
	font-weight: bold;
	font-size: 12px;
	}
#pasos{
	font-weight: bold;
	font-size: 12px;
	height: 50px;
}
#pasos ul{
	list-style: none;
	}
#pasos li{
	background-color: #fff;
	opacity:0.50;
	filter:alpha(opacity='50');
	-moz-opacity:0.50; 
	float: left;
	margin-right: 10px;
	}
#pasos span{
	background-color: #ccc;
	border: 1px solid #a3a3a3;
	color: #fff;
	padding: 7px 10px;
	margin-right: 5px;
	font-weight: bold;
	font-size: 12px;
	}

#pasos .act{
	opacity:1;
	filter:alpha(opacity='100');
}

/* ----------------------------------------- Ofertas -------------------------------------------------------------*/
.producto_oferta{
margin-left:12px;
padding-top:5px;
text-align:center;
width:90%;
margin-bottom:20px;
}

.producto_oferta img{
width:85px;
padding-left:35px;
padding-right:35px;
}

.producto_oferta img:hover{
opacity: .8;
filter: alpha(opacity=80);
}

.producto_oferta a{
color: #000;
text-decoration:none;
}

.producto_oferta_cuadro{
cursor:pointer;
font-size:16px;
width:163px;
text-align:center;
border:1px solid #666;
background-color:#fff;
padding:3px;
}

.producto_oferta_cuadro:hover{
font-size:16px;
width:163px;
text-align:center;
border:1px solid #f66;
background-color:#fff;
}

.producto_oferta_precio{
width:100%;
font-size:13px;
margin-top:5px;
width:163px;
font-weight:bold;
color:#f00;
text-align:center;
}

.producto_oferta_precio a{
    color:#000;
}



/*-------------------------------- Carrito ---------------------------------*/
/*.transp {
	/-* Mozilla ignores crazy MS image filters, so it will skip the following *-/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='trans60.png');
	}
	/-* IE ignores styles with [attributes], so it will skip the following. *-/
	.transp [class] {
	background-image:url('img/trans60.png');
}
*/
#compras{
    padding-bottom:10px;
}
#compras .ui-widget-content{
     background: url('../img/trans60.png');
}
#compras h3{
	background: url('../img/carrito.gif') no-repeat left;
	padding-left: 30px;
}
#compras input{
    width:35px;
}
#compras tr{
    border-bottom: 1px solid #999;
}
#compras .precio{
    font-weight:bold;
    text-align:right;
}
#compras #botones{
    text-align: right;
    padding-top: 10px;
}



/* -------------------- Botones ---------------- */

.formulario_botones{
	padding: 10px 130px;
}

#buscador{
	display: inline;
}

/* google */


#google_buscar{
    padding: 25px;
    text-align: center;
}

/*--- Topnav ---*/
#topnav{
    background-color: #fff;
    border-bottom:1px solid #666;
    text-align:right;
    padding:2px 12px;
}
#topnav a{
    text-decoration:underline;
}
#topnav .izq{
    float:left;
}
#topnav .dch{
}

/*--- PORTADA ---*/
#menuimagen{
    margin:0 auto;
    padding-bottom:20px;
    width:450px;
    text-align:center;
}

#menuimagen .menumodulo{
    float:left;
    margin: 5px;
    width: 140px;
    height: 160px;
}

#menuimage .ui-button{
    width:100%;
    height:140px; 
}

#menuimagen .img100x100{
    background: #fff;
    height:100px;
    width:100px;
    line-height: 100px;
}

#menuimagen .img100x100 img{
    vertical-align:middle;
}

#menuimagen .menumodulo a{
    text-decoration:none;
}

#menuimagen .menumodulo a .menutexto{
    display:block;
    height: 35px;
}

#mycarousel{

    text-align: center;
    font-weight: bold;
}

/* --- Pagination --- */

#paginationControl{
    text-align:center;
    padding: 15px 0;
}

#paginationControl a, #paginationControl span {

    padding: 3px;
    text-align: center;
}

.selected{

    background-color: #ff0;
}