/* CSS Document */

html, body{
    color: #333333;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: left;
}

*{
	padding:0px;
	margin:0px;
}

a:link, a:visited{
    color: #006BC1;
    text-decoration: none;
}

a:hover{
    color: #006BC1;
    text-decoration:underline;
}

body{
background-color:#f3f3f3;
}

#wrap{
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:980px;
margin-bottom:10px;
background-color:#FFFFFF;
}

#cab{
	height:140px;
	background-image: url(../img/res/cabecera.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#cab .logo{
padding-left:10px;
float:left;
}

#cab .menu{
float:right;
}

#cab .menu .nav{
float:right;
height:30px;
}

#cab .menu  .nav ul{
list-style-type:none;
padding-top:5px;
}

#cab .menu  .nav li.sep{
float:left;
margin-left:10px;
padding-right:10px;
border-right:1px solid #999999;
}

#cab .menu  .nav li{
float:left;
margin-left:10px;
}

#cab .menu  .nav a.green:link, #cab .menu  .nav a.green:visited{
    color: #FFF;
    text-decoration: none;
}

#cab .menu  .nav a.green:hover{
    color: #FFF;
    text-decoration:underline;
}

#cab .menu  .nav a span{
	padding-top: 5px;
	padding-bottom: 5px;
}

#cab .menu  .nav a.green span{
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-color:#248eda;
	background-image: url(../img/res/cart.jpg);
	background-repeat: no-repeat;
	background-position: 8px center;
}

#cab .menu .phone{
margin-top:5px;
margin-right:10px;
	float:right;
	height:40px;
	color:#FFFFFF;
	
}

#cab .buscador{
margin-left:20px;
margin-top:50px;
	float:left;
	width:420px;
	height:60px;
	background-image: url(../img/res/bg_buscador.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	color:#FFF;
}

#cab .buscador .text{
padding-left:10px;
}

#cab .buscador .form{
padding-top:9px;
}

#cab .buscador .form .input{
float:left;
padding-top:6px;
padding-left:15px;
}

#cab .buscador .form .input input{
color:#666666;
border:none;
width:320px;
font-size:14px;
}

#cab .buscador .form .cmd{
float:right;
padding-right:10px;
}

#ad{
padding-top:10px;
padding-bottom:10px;
}

#ad a.gry:link,#ad a.gry:visited{
color:#999999;
text-decoration:none
}

#ad a.gry:hover{
color:#999999;
text-decoration:underline;
}

#ad .line{
border-bottom:1px dotted #CCCCCC;
text-align:right;
padding-bottom:10px;
color:#999999;
padding-right:10px;
}

#ad .linesub{
padding-top:10px;
border-bottom:1px dotted #CCCCCC;
}

#ad .oferta{
float:left;
width:31%;
margin-left:1%;
margin-right:1%;
}

#ad .oferta .last{
float:left;
margin-right:0px;
}

#ad .oferta .imgl{
float:left;
margin-right:10px;

}



#central{
padding-top:10px;
}

#central #menu{
float:left;
width:220px;
margin-right:20px;
}

#central #menu .categorias{
    background-color: #F5F5F5;
}

#central #menu .categorias .titulo{
border-bottom:1px solid #D2DCE7;
padding:8px;
background-color: #157BC3;
}

#central #menu .categorias h1{
font-size:13px;
color:#FFF;

}

#central #menu .categorias a:link,#central #menu .categorias a:visited{
    color: #006BC1;
    text-decoration: none;
}

#central #menu .categorias a:hover{
    color: #006BC1;
    text-decoration: none;
}

#central #menu .categorias ul{
list-style-type:none;
}

#central #menu .categorias li{
border-bottom:1px dotted #CCCCCC;
}

#central #menu .categorias a span{
	padding:8px;
	display:block;

}

#central #menu .categorias a:hover span{
padding:8px;
display:block;
background-color:#999999;
color:#FFFFFF;
	background-image: url(../img/res/bullet_menu.jpg);
	background-repeat: no-repeat;
	background-position: 208px center;
}

#central #menu .categorias a span.sub_sel{
	padding:8px;
	display:block;
	background-image:none;

}

#central #menu .categorias a:hover span.sub_sel{
padding:8px;
display:block;
background-color:#999999;
color:#FFFFFF;
background-image:none;
}

#central #menu .categorias .sub{
	position: absolute;
	visibility: hidden;
	width: 220px;
	margin-top: -30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 220px;
	background-color: #E6E9EA;
	border:1px solid #157BC3;
}

#central #menu .categorias .sub a:link, #central #menu .categorias .sub a:visited{
    color: #006BC1;
    text-decoration: none;
}

#central #menu .categorias .sub a:hover{
    color: #006BC1;
    text-decoration: none;
}

#central #menu .categorias .sub ul{
list-style-type:none;
}

#central #menu .categorias .sub a span{
	padding:8px;
	display:block;
	background-image:none;
}


#central #menu .marcas{
    border-top: 2px solid #157BC3;
}

#central #menu .marcas .titulo{
border-bottom:1px solid #D2DCE7;
padding:8px;
background-color: #157BC3;
}

#central #menu .marcas h1{
font-size:13px;
color:#FFF;

}

#central #menu .marcas .contenedor{
padding-left:3px;
border-bottom:1px dotted #CCCCCC;
}

#central #menu .marcas .contenedor img{
border:0px;
margin-left:1px;
}

#central #menu .marcas .plus{
padding:10px;
text-align:left;

}


#central #contenido{
float:left;
width:480px;
}

#central #contenido #tool_show_order{

}

#central #contenido #tool_show_order .open_button{
	float:right;
}


#central #contenido #tool_show_order .open_button a:link, #central #contenido #tool_show_order .open_button a:visited{
	background-image:url(../img/res/cmd-show-order-link.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	background-position: left top;
	width:15px;
	height:15px;
	display:block;
}

#central #contenido #tool_show_order .open_button a:hover{
	background-image:url(../img/res/cmd-show-order-hover.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	margin:0px;
	padding:0px;
	width:15px;
	height:15px;
	display:block;
}


#central #contenido #tool_order{

}

#central #contenido #tool_order .close_button{
	float:right;


}

#central #contenido #tool_order .close_button a:link, #central #contenido #tool_order .close_button a:visited{
	background-image:url(../img/res/cmd-close-order-link.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	background-position: left top;
	width:15px;
	height:15px;
	display:block;
}

#central #contenido #tool_order .close_button a:hover{
	background-image:url(../img/res/cmd-close-order-hover.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	margin:0px;
	padding:0px;
		width:15px;
	height:15px;
	display:block;
}

#central #contenido #tool_order .title{
	float:left;
	padding-bottom:5px;
	margin:0px;
}

#central #contenido #tool_order .div_select{
	height:24px;
	background-image: url(../img/res/select.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:245px;
}

#central #contenido #tool_order .div_select .texto span{
	display:block;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	color:#666;
	cursor:pointer;
}

#central #contenido #tool_order #div_list_order{
	background-color:#FFF;
	width:243px;
	border:1px solid #888888;
	margin-top:-2px;
	position:absolute;
}

#central #contenido #tool_order #div_list_order ul{
	list-style-type:none;
}

#central #contenido #tool_order #div_list_order li{

}

#central #contenido #tool_order #div_list_order ul a:link, #central #contenido #tool_order #div_list_order ul a:visited{
	text-decoration:none;
	color:#666;	
}

#central #contenido #tool_order #div_list_order ul a:hover{
		text-decoration:none;
}

#central #contenido #tool_order #div_list_order ul a span{
	padding:5px;
	background-color:#FFF;
	display:block;
}

#central #contenido #tool_order #div_list_order ul a:hover span{
	padding:5px;
	background-color:#F3f3f3;
	display:block;
}

#central #contenido #tool_order #span_tit_order{
	
}

#central #contenido .producto{
	padding-bottom:10px;
	 border-bottom: 1px dashed #CCCCCC;
	 margin-bottom:20px;
}

#central #contenido .producto .nombre{
	font-size:13px;
	font-weight:bold;
	padding-bottom:5px;
}

#central #contenido .producto .nombre .stock{
	float:right;
}

#central #contenido .producto .referencia{
	font-size:10px;
	color:#666;
	padding-bottom:4px;
}

#central #contenido .producto .lpi{

	padding-bottom:4px;
}

#central #contenido .producto .precio{
	font-size:13px;
	padding-bottom:4px;
	font-weight:bold;
}

#central #contenido .producto .imagen{
	border: 1px solid #CCCCCC;
    float: left;
	width:120px;
	height:90px;
}

#central #contenido .producto .botones{
	padding-top:4px;
}

#central #contenido .producto .botones a.comprar:link, #central #contenido .producto .botones a.comprar:visited{
	color:#FFF;
	text-decoration:none;
}

#central #contenido .producto .botones a.comprar:hover{
	color:#FFF;
	text-decoration:none;
}

#central #contenido .producto .botones a.comprar span{
    background-color: #248EDA;
    background-image: url("../img/res/cart.jpg");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding: 5px 7px 5px 25px;
	display:block;
	float:left;
}

#central #contenido .producto .botones a.detalles:link, #central #contenido .producto .botones a.detalles:visited{
	color:#FFF;
	text-decoration:none;
}

#central #contenido .producto .botones a.detalles:hover{
	color:#FFF;
	text-decoration:none;
}

#central #contenido .producto .botones a.detalles span{
	background-color: #248EDA;
    background-image: url("../img/res/info.jpg");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding: 5px 7px 5px 25px;
	display:block;
	float:left;
	margin-right:5px;
}

#central #contenido .producto .botones a.comprar:hover{
	color:#FFF;
	text-decoration:none;
}

#central #contenido .producto .imagen .pad{
	padding-left:10px;
	padding-top:10px;	
}

#central #contenido .producto .desc{
	float:right;
	width:340px;
}

#central #contenido .producto_detalles{
		
}

#central #contenido .producto_detalles .imagen{
    border: 1px solid #CCCCCC;
    float: left;
    height: 120px;
    width: 160px;
}

#central #contenido .producto_detalles .imagen .pad{
	padding-left:10px;
	padding-top:10px;
}

#central #contenido .producto_detalles .caracteristicas{
	padding-top:10px;
}

#central #contenido .producto_detalles .caracteristicas .titulo{
	padding-bottom:10px;	
}



#central #contenido .producto_detalles .legal{
	padding-top:10px;
	color:#999;
}



#central #contenido .producto_detalles .datos{
	float:right;
	width:300px;
}

#central #contenido .producto_detalles .datos .referencia {
    color: #666666;
    padding-bottom: 4px;
}

#central #contenido .producto_detalles .datos .marca{
    color: #666666;
    padding-bottom: 4px;
}

#central #contenido .producto_detalles .datos .precio {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 4px;
}

#central #contenido .producto_detalles .datos .stock{
	float:right;
}


#central #contenido .producto_detalles .datos .botones{
	padding-top:4px;
}

#central #contenido .producto_detalles .datos .botones a.comprar:link, #central #contenido .producto_detalles .datos .botones a.comprar:visited{
	color:#FFF;
	text-decoration:none;
}

#central #contenido .producto_detalles .datos .botones a.comprar:hover{
	color:#FFF;
	text-decoration:none;
}

#central #contenido .producto_detalles .datos .botones a.comprar span{
    background-color: #248EDA;
    background-image: url("../img/res/cart.jpg");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding: 5px 7px 5px 25px;
	display:block;
	float:left;
}

#central #auxiliar{
float:right;
width:240px;
}


#central #auxiliar .categorias{

    border-top: 2px solid #157BC3;
}

#central #auxiliar .categorias .titulo{
border-bottom:1px solid #D2DCE7;
    background-color: #E3F0E3;
padding:8px;
}

#central #auxiliar .categorias h1{
font-size:13px;
color:#006BC1;

}

#central #auxiliar .categorias a:link,#central #auxiliar .categorias a:visited{
    color: #006BC1;
    text-decoration: none;
}

#central #auxiliar .categorias a:hover{
    color: #006BC1;
    text-decoration: none;
}

#central #auxiliar .categorias ul{
list-style-type:none;
}

#central #auxiliar .categorias li{
border-bottom:1px dotted #CCCCCC;
}

#central #auxiliar .categorias a span{
	padding:8px;
	display:block;
}

#central #auxiliar .categorias a:hover span{
padding:8px;
display:block;
background-color:#F5F5F5;
}


#central #auxiliar .banners{

}



#central #auxiliar .banners ul{
list-style-type:none;
}

#central #auxiliar .banners li{
padding-bottom:10px;
}

#central #auxiliar .lastpost{
    border-top: 2px solid #157BC3;
}

#central #auxiliar .lastpost img{
float:left;
margin-right:10px;
margin-bottom:5px;
}

#central #auxiliar .lastpost .titulo{
border-bottom:1px solid #D2DCE7;
    background-color: #E3F0E3;
padding:8px;
}

#central #auxiliar .lastpost h1{
font-size:13px;
color:#006BC1;

}



#pie{
padding-top:20px;
}

#pie .links{
    background-color: #FFF;
    border-top: 1px dotted #CCCCCC;;
	padding:15px;
}

#pie .links h1{
font-size:13px;
}

#pie .links .block{
width:24%;
margin-right:1%;
float:left
}

#pie .links .block ul{
list-style-type:none;
padding-top:10px;
}

#pie .links .block li{
padding-top:1px;
padding-bottom:6px;
}

#pie .links .block .last{
float:left;
width:24%;
margin-right:0px;
}

#pie .links .block .last ul{
list-style-type:none;
padding-top:10px;
}

#pie .links .block .last li{
padding-top:1px;
padding-bottom:6px;
}


#pie .links .block  li.facebook{
padding-left:23px;
background-image:url(../img/res/facebook.png);
background-repeat:no-repeat;
background-position:left top;
}

#pie .links .block  li.twit{
padding-left:23px;
background-image:url(../img/res/twitter.png);
background-repeat:no-repeat;
background-position:left top;
}

#pie .links .block  li.feed{
padding-left:23px;
background-image:url(../img/res/rss.png);
background-repeat:no-repeat;
background-position:left top;
}

#pie .links .block  li.blog{
padding-left:23px;
background-image:url(../img/res/blogger.png);
background-repeat:no-repeat;
background-position:left top;
}

#pie .links .block  li.mail{
padding-left:23px;
background-image:url(../img/res/mail.png);
background-repeat:no-repeat;
background-position:left top;
}

#pie .legal{
background-color:#157BC3;
padding:15px;
color:#FFFFFF;
}

#pie .legal a:link,#pie .legal a:visited{
color:#FFFFFF;
text-decoration:underline;
}

#pie .legal a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#pie .sellos{
float:right;
}

#pie .sellos img{
margin-left:5px;
}

#pie .alert{
color:#666666;
background-color:#f3f3f3;
padding-top:10px;
padding-bottom:10px;
}

.padding_phone{
	padding-top:17px;
	padding-left:26px;
	padding-right:8px;
	background-image: url(../img/res/phone.gif);
	background-repeat: no-repeat;
	background-position: 6px 16px;
}

.padding_10px{
padding:10px;
}

.clear{
clear:both;
}

h2{
font:bold 2.7em/40px Century Gothic,Arial,sans-serif;
}

.pad_navegador{
	
	background-color:#F5F5F5;
	padding:8px;
}

.pad_navegador_inf{
	
	background-color:#F5F5F5;
	padding:8px;
}

.pad_navegador_inf ul{
	list-style-type:none;	
}
.pad_navegador_inf li{
	display:inline;
}

.tip{
background-color:#FFFFCC;
border:1px solid #F6DB5A;
padding:10px;
}

.marcas_listado{
		
}

.marcas_listado ul{
	list-style-type:none;
}

.marcas_listado li{
	float:left;
	text-align:center;
	padding:2px;
	border:1px solid #CCC;
	margin:2px;
}

.marcas_listado li img{
	border:none;
}

.steps{
	border:1px solid #CCC;	
}

.steps a.nosel:link,.steps a.nosel:hover, .steps a.nosel:visited{
	color:#333333;
	text-decoration:none;
}

.steps .normal{
	border-left:1px solid #CCC;
	padding:6px;
	background-color: #F5F5F5;
}

.steps .first{
	padding:6px;
	background-color: #F5F5F5;
}

.steps .sel{
	color:#006BC1;
}

.carrito{
	border:1px solid #CCC;	
}

.carrito .normal{
	border-left:1px solid #CCC;
	padding:6px;
	background-color: #F5F5F5;
}

.carrito .first{
	padding:6px;
	background-color: #F5F5F5;
}

.carrito .last{
	border-left:1px solid #CCC;
	padding:1px;
	background-color: #F5F5F5;
	text-align:center;
}

.carrito .rowlast{
	border-left:1px solid #FFF;
	padding:6px;
	text-align:center;
}

.carrito .rowprecio{
	padding:6px;
	text-align:right;
}

.carrito .row{
	padding:6px;
}

.carrito .input_unidades{
	 font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
	width:20px;
	text-align:center;
	border:1px solid #CCC;
}

.carrito_legal{
	padding-top:10px;
	color:#999;
}

a.nextstep:link, a.nextstep:visited{
	color:#FFF;
	text-decoration:none;
}

a.nextstep:hover{
	color:#FFF;
	text-decoration:none;
}

a.nextstep span{
    background-color: #248EDA;
    background-image: url("../img/res/next.gif");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding: 5px 7px 5px 25px;
	display:block;
	float:right;
}

.datos_cliente .input{

border: 1px solid #CCC;
padding:2px;
    color: #333333;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
	margin-bottom:5px;
	margin-top:5px;
	width:200px;
	float:left;

}

.datos_cliente .check{

border: 1px solid #CCC;
padding:2px;
    color: #333333;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
}

.datos_cliente .area{

border: 1px solid #CCC;
padding:2px;
    color: #333333;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
	margin-bottom:5px;
	width:100%;

}

.datos_cliente .form_div_err {
    background-color:#F03;
    float: left;
    margin-left: 6px;
    padding: 3px;
    visibility: hidden;
		margin-top:5px;
		color:#FFF;
		
}

.compra_lateral{	
	border:1px solid #CCC;	
	
}
.compra_lateral .titulo{	
	padding:5px;
	background-color: #F5F5F5;
}

.compra_lateral .resumen{	
	padding:5px;
	text-align:left;
}

.compra_lateral .input{
	border: 1px solid #CCC;
padding:2px;
    color: #333333;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
	margin-bottom:5px;
	margin-top:5px;
	width:160px;
}

.galeria{
	margin-top:10px;	
		padding:10px;
	background-color: #F5F5F5;
}
