@charset "utf-8";
/* CSS Document */
/*--------------------RESET--------------------*/ 

body{ padding:0; margin:0; 
      font-size:12px;
      font-family: 'Muli', sans-serif;
      color:#474747;
}

/**************************MODIFICAR COLORES*****************************/

.color1{color:#b45b5f}
.color2{color:#b62834}
.bgcolor1{background-color:#b45b5f !important;color:#fff !important}
.bgcolor2{background-color:#b62834 !important;color:#fff !important}

a.color1{color:#b45b5f}
a.color1:hover{color:#b62834}
a.color2{color:#b62834}
a.color2:hover{color:#b45b5f}

.bgcolor1 a{color:#fff}
.bgcolor1 a:hover{color:#fff}
.bgcolor2 a{color:#fff}
.bgcolor2 a:hover{color:#fff}


#content h1{color: #b45b5f}
#content h2{color: #b45b5f;/*background:#dedede */}

#producto h1, #producto h2, #producto h3{background-color:#b62834 !important;color:#fff !important}

#ruta a{ color:#b62834 }
#ruta a:hover{ color:#b45b5f}

#menutop>div>div a {color:#b62834}
#menutop div a:hover{color:#eaeaea}
#menutop>div>div>div:hover{background-color:#b62834;color:#eaeaea !important}

#menutop2{background:#eaeaea}

#content #menu li li{background-color:#b62834}
#content #menu li li li{background-color:#b62834}
#content #menu li a{ color:#474747; border-bottom:solid 1px #b45b5f; }
#content #menu li a:hover{ background:#b62834;color:#eaeaea }
#content #menu li li a{ color:#fff}
#content #menu li li a:hover{ background:#b45b5f;color:#eaeaea}
#content #menu li li li a{ color:#b62834;background:#eaeaea; }
#content #menu li li li a:hover{ background:#fff; color:#b62834}
#content #menu li a.active{ background:#CCC;}

#content h2 a{ color:#b45b5f; }
#content h2 a:hover{ color:#b62834;}

#content h2 a.verTodas{ color:#b45b5f; }

a{color:#474747}
button{color:#474747}

input, textarea, select, checkbox{background-color:#efefef;border:1px solid #ccc;color:#474747}
input[type=text]{padding:2%;border-radius: 3px}
input[type=submit]{padding:2%;border-radius: 3px;background:#23539f;color:#fff;border:none}
.botones input{background:#23539f}

a.boton{padding:1% 1.5%;border-radius: 3px;background:#23539f;color:#fff;border:none;text-decoration:none;margin-right:0.5%}


#VerCar table tr.total{background-color:#b62834;color:#fff}
#VerCar table tr.subtotal{background-color:#b45b5f;color:#fff}
#VerCar table th{background-color:#b62834;color:#fff}

.tituloPaginador{background:#b45b5f;color:#fff}

#menuDepartamentos2{background:#b45b5f;}


/*************************************************************************/

#logo-header{width:90%;max-width: 276px;}
#logo-header2{/*display:none;*/height:40px;}


div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{ padding:0; }
.spacer{ clear:both; font-size:0; line-height:1; }
img { border:none; }

h1, h2, h3, h4{margin:0/* 0 1% 0*/}
/*-------------------------		header		--------------------*/
#header { /*width:970px; margin:auto;*/background-color:#efefef}

/*-------------------------		MENU		--------------------*/

ul#menutop { 
	clear:both; 
	width:970px; 
	margin:0 auto; 
	padding-left:0;
	background:#204990;
	text-align: center;
	position: relative;
    /*-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.68);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.68);*/
} 
ul#menutop li{ display: inline-block;}
ul#menutop li a {
    color: White;
    display: block;
    margin-left: 3px;
    padding: 22px 10px;
    text-decoration: none;
    /*text-shadow: 0.1em 0.1em #8c8c8c;*/
    text-transform: uppercase;
}
ul#menutop li a:hover{
	background: #176ee4;
    -webkit-box-shadow: 3px 3px 4px -4px black;
    -moz-box-shadow: 3px 3px 4px -4px black;
	box-shadow: 3px 3px 4px -4px black;
}

/************MENU DIV*****************/
#menutop { 
	clear:both; 
	margin:0 auto; 
	background:#eaeaea;
	text-align: center;
	position: relative;
    /*-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.68);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.68);*/
} 
#menutop>div>div a {
    display: block;
    text-decoration: none;
    font-weight: 900;
    /*text-shadow: 0.1em 0.1em #8c8c8c;*/
    text-transform: uppercase;
    padding:15px 10px;
    /*font-weight:bold*/
}
#menutop>div>div>div:hover{
    -webkit-box-shadow: 3px 3px 4px -4px black;
    -moz-box-shadow: 3px 3px 4px -4px black;
	box-shadow: 3px 3px 4px -4px black;
}

/*	#body		--------------------*/
#body{ width:970px; margin:auto; }
#wrapper{
	/*background: Red*/
}
/*		#body > #sidebar		--------------------*/
#rightBar{ float:right;}
#leftBar{ float:left; margin-left: 10px;}
#leftBar, #rightBar, .lateral  { padding-bottom: 32768px; margin-bottom: -32768px;background:#252525} /*HACK COLUMNAS 100% ALTAS*/
#body{ /*overflow:hidden;*/}/*HACK COLUMNAS 100% ALTAS*/


.lateral { float:right; width:232px; min-height:1000px; _height:1000px; padding:0 0 0 12px;}
.lateral form{ margin:0;}
.lateral label{ margin:10px 0 0 20px;color:#333; }
.lateral input{  margin:0 0 0 20px; width:175px; border:solid 1px #999; padding:0 5px; color:#999; }
/*
.lateral input[type=submit]{ float:right; width:76px; height:26px; background:url(/Content/imagenes/boton_1.png) no-repeat; margin:5px 28px 0 0;
 border:none; font-size:10px; 
color:white; font-size:13px}*/
.lateral input[type=submit]:hover {color:#000;}

/*		#body > #sidebar > .search		--------------------*/
.lateral .search{ clear:both; margin:10px 0 0 0; }

/*		#body > #sidebar > .cart		--------------------*/
.lateral .cart { background:url(/Content/imagenes/cart.png) 0 20px no-repeat; width:210px; height:55px;
 /*margin:0 0 0 20px;*/ padding:60px 0 0 15px; 
font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#0069b4;font-weight:bold}
.lateral .cart a{ float:right; height:40px; width:70px; display:block; text-indent:-5000px; margin: 0 10px 0 0; outline:none;}
.lateral .title { background:url(/Content/imagenes/barra_azul.jpg) no-repeat; color:#CCC; height:29px; margin:10px 0 0 19px; padding:5px 0 0 10px; font-size:11px; }
p.usuario{ margin:10px 0 0 30px;}
p.UsuarioOpciones{ text-align:right; margin:10px 0 0 30px; padding:5px 30px 0 0; display:block}
p.UsuarioOpciones a{color:#666; margin:5px 10px 0 0 ;}

/*		#body > #sidebar > .cart		--------------------*/
.lateral .publi { margin:0 20px 0 8px;}
.lateral .publi a{ width:100%; display:block; margin:20px auto; text-align:center;}
.lateral .publi img{ border:none;}


/*		#body > #sidebar > .user		--------------------*/
.lateral .user {}
.lateral .user a { outline:none;}
.lateral .registro { background:url(/Content/imagenes/registro.png) no-repeat; clear:both;
 text-indent:-5000px; margin:-15px 0 0 -4px; }
.lateral .registro a{ width:191px; height:75px; display:block; margin:0; padding:0; outline:none; }

.lateral .user a{ text-decoration:none; color:#333; margin:10px 0 0 20px; display:block;}
.lateral .user a:hover{ color:#000;}

/*		#body > #content		--------------------*/
#content { background:white;display:table;width:100%;/*float:right;*/}
.unaColumna {width:710px;    margin-top: -9px; }
.dosColumnas {width:475px; }
.ceroColumnas {width: 100%; margin:1% 0}
#content .textoRelleno{ margin:0 20px}



#content h1 
{
    padding:2%; font-size:16px; width:96%;font-weight:normal
}

#content h2 
{
    /*padding:3%; font-size:16px;width:94%;*/
    padding: 2%;
    font-size: 16px;
    width: 96%;
    font-weight: normal;
}



#content h2 a{ text-decoration:none; display:block; outline:none;}
#content h2 a:hover{ }
#content a.rss{ background:url(/Content/imagenes/bot_rss.png) no-repeat; width:39px; height:41px; text-indent:-5000px; float:right; padding:0 0 0 10px; margin:22px 0;}
#content a.leer{ color:#333; text-decoration:none; background-color:#23539f;padding:1%;margin:2%; /*background:url(/Content/imagenes/boton_1.png) no-repeat; width:76px; height:26px;*/ float:right;
border:none; /*padding:7px 0 0 10px;*/color:white }
#content h2 a.verTodas { text-decoration:none; z-index:100; font-size:15px;font-weight:bold; float:right }

/*---- RUTA ------*/

#ruta {     
	float: right;
    min-height: 30px;
    width: 80%;
    background-color:#dedede;
}
#ruta a{ font-size:10px; text-decoration: none; padding: 0 5px 0 10px;font-weight:bold }
#ruta a:hover{ }
#ruta ul { list-style:none;  margin: 10px 0 10px 0; padding:0; float:left;}
#ruta ul li { float:left; display:block;}/*----------*/

/*		#body > #content > .Noticia		--------------------*/
#content .noticia {
    min-height: 150px;
    padding-top: 20px;
    width: 100%;
}
#content .noticia .foto{ float:left; width:150px; min-height: 50px;}
#content h3{ font-size:12px; margin:5px 0;}
#Noticia span.img { float: left; padding: 0 3% 3% 0; }
/*	Licencia	*/
#AvisoLicencia{ background:url(/Content/imagenes/avisoLicencia.jpg) no-repeat; width:585px; height:91px; text-align:left;
margin:20px 0 0 0; padding:15px 25px 10px 90px}
#AvisoLicencia h1{ background:none; margin:0; padding:0; height:auto;  } 
#AvisoLicencia p{ margin:0; padding:5px 0 0 0;  } 


/*		#body 	> #content	> ul.Destacados	--------------------*/
#destacados{margin:0 auto;display:table;width:95%}


ul#destacados{ margin:0; padding:0 0 0 2px;width: 525px; margin-bottom: 20px;}
ul#destacados li{ /*background:url(/Content/imagenes/recuadro.jpg) no-repeat; */width:515px; height:100px; list-style:none; margin:3px 5px 0 0; padding:10px 0 0 0; 
float:left; color:#003; }
ul#destacados li p{ margin:0 10px 0 15px; font-size:12px; color:#003;}
ul#destacados li p a{ text-decoration:none; color:#003;}

ul#destacados li p.title{ font-weight:normal; display:block; min-height:35px;font-weight:bold;padding-top:15px;}
ul#destacados li p.title a{ text-decoration:none; font-size:12px; color:#003;font-weight:bold}

ul#destacados li .image{     height: 140px;    margin-left: 30px;    text-align: left;} 
ul#destacados li p a.precio{ float:right;font-weight:bold}/* float:right OJO CON OFERTAS*/ 
ul#destacados li .OfertaArriba { left:165px; position:relative; top:-175px; z-index:1; }



/*		#body 	> #content	> .Productos >#menu	--------------------*/
#content #menu { float:left; /*background:url(/Content/imagenes/productos_botonera_centro.jpg) repeat-y;*/ width:19%; }
#content #menu ul { /*background:#204990;*/ margin:0; padding:3% }
#content #menu li {  list-style:none; margin:0; padding:0; }
#content #menu li a{ text-decoration:none; color:#474747; padding:5%; display:block; border-bottom:solid 1px #b45b5f; }
#content #menu li a:hover{ }
#content #menu li ul{ padding:0;background:none;}
#content #menu li li{ margin:0 3%; }
#content #menu li li a{ }
#content #menu li li a:hover{ margin:0; }
#content #menu li li ul{ padding:0; background:none;}
#content #menu li li li{ margin:0 0 0 0px; }
#content #menu li li li a{  }
#content #menu li li li a:hover{ }
#content #menu li.close { margin-top:20%}
#content #menu li a.active{ }

/*		#body 	> #content	> #Productos	--------------------*/
#productos {margin:0; float:right; width:80%; padding:0 0 0 1%;}
#productos ul.productosenc{ font-size:0;  margin:0; padding:0; }
#productos ul.productosenc li{ width:94%;display:block; margin:0 0 2% 0; padding:2%; list-style:none; float:left; border:1px solid #ccc}
#content #NoEncontro{ height:127px; width:100%;
 margin:0 0 0 0; padding-top:50px; text-align:center; display:block;}

#productos ul.productosenc li a.layout{ display:block; float:left; font-size:0; line-height:0; margin:0; text-align:center; width:90px;}
#productos ul.productosenc li span { padding:5px 0 0 0; height:35px; width:300px; }
#productos ul.productosenc li span.titulo { }
#productos ul.productosenc li span.titulo a{  text-decoration:none; color:#333; font:bold 12px "Lucida Grande", sans-serif;  }
#productos ul.productosenc li span.txt2{ color:#333333; font:normal 10px "Lucida Grande", sans-serif; 
display:block; padding:0; width:280px; float:right; }

#productos ul.productosenc li span.ver { float: left; background:url(/Content/imagenes/productos_lupa.png) no-repeat; width: 80px; }
span.encontrados { background-color:#F1EACD;}
#productos ul.productosenc li span.precio{ width: 43%; float: right; }
#productos ul.productosenc li.last2{  display:block; border:#EBF3F5 solid 4px; margin:0; padding:0 0 10px 0; width:145px; }

#productos ul.productosenc .ver{ margin:0 20px 5px 5px; padding:0; float: right; height:100%; width:108px; }
#productos ul.productosenc .ver p.oferta{ height: 40px; width:50px; float:right; background:url(/Content/imagenes/productos_oferta.jpg) no-repeat;}
#productos ul.productosenc .ver p.vacio{ height: 40px; width:50px; float:right; }

#productos ul.productosenc .ver p.destacado{ height: 40px; width:50px; /*float:right;*/ background:url(/Content/imagenes/productos_destacado.png) no-repeat;}
#productos ul.productosenc .ver p.acciones{ height:37px; width:110px; float:right; margin:5px 0 0;}
#productos ul.productosenc .ver a.mas{ background:url(/Content/imagenes/productos_lupa.png) no-repeat; display:block; width:53px; height:37px; margin:0; float:right}
#productos ul.productosenc .ver a.comprar{ background:url(/Content/imagenes/productos_comprar.png) no-repeat; display:block; width:54px; height:37px; margin:0; float:right; text-indent:-5000px;}
#productos ul.productosenc .ver p.precio{ background:none; width:100px; margin:5px; color:#000000; float:right; font:bold 12px "Lucida Grande", sans-serif; height:20px;
text-align:center;}




.ver{ /*width:106px;*/ }
.ver p.vacio{ height: 40px; /*width:70px;*/ float:right; }

.ver p.oferta{ height: 40px; width:70px; float:left;text-align:center /*background:url(/Content/imagenes/productos_oferta.jpg) no-repeat;*/}
.ver p.destacado{ height: 40px; width:70px; float:left; text-align:center/*background:url(/Content/imagenes/productos_destacado.png) no-repeat;*/}

.ver a.mas{ width:70px; height:40px; text-align:center;text-decoration:none; /*background:url(/Content/imagenes/productos_lupa.png) no-repeat; */display:block;  margin:0; float:left}
.ver a.comprar{width:70px; height:40px;text-decoration:none; /*background:url(/Content/imagenes/productos_comprar.png) no-repeat; */ text-align:center; display:block;  margin:0; float:left; /*text-indent:-5000px;*/}

.ver p.acciones{ height:40px; width:140px; float:left; /*margin:5px 0 0;*/}
.ver p.precio{ background:none;text-align:center; width:140px; margin:15px 5px 5px 5px; /*color:#b62834;*/ float:left; font-size: 20px;font-weight:bold;}



/*		#body 	> #content	> #PRODUCTO	--------------------*/

.cuadroListaProd{border-top:solid 1px #b45b5f;margin-bottom:1%;/*border-radius:3px;*/}

#producto {margin:0; float:right; width:80%; padding:0;}
#producto h1 {     
    margin: 0;
    width: 96%;
    }

#producto h3 {
    padding:1% 3%
}
#producto .imagenes{height:250px; margin:0 20px 0 50px; }
#producto .imagenes .thumbg{ float:left; display:block; margin:5px auto 0 auto; text-align:center; float:left; }
#producto .imagenes_scroll{ overflow:auto; overflow-x:hidden; width:100%; height: 250px; }
#producto .imagenes_scroll img{margin:2px 5px; }
#galeria a{text-decoration:none}

#producto .parte1{}
#paginador{ width:100%; margin:0 0 0 0;margin-bottom:2%;display:table}
.tituloPaginador{ /*border-bottom:solid 1px #DDD; */margin:0}
#paginador ul{ margin:0; padding:0}
#paginador li{ margin:0 2px; list-style:none; float:left; display:block; padding:2px 5px;}
#paginador a{ text-decoration:none; color:#333; font-weight:bold;}
#paginador a:hover{ }
#paginador li.actual{ background:#EEE; color:#000;  display:block;}
#paginador li:hover{ background:#EEE; color:#000;}




#producto .comentarioGlobo { background:url(/Content/imagenes/comentarios2.jpg) repeat-y; margin:0 0 0 0; width:100%;background-size:100% }
#producto .comentarioGlobo p.Comentario{ background:url(/Content/imagenes/comentarios1.jpg) no-repeat; margin:0; padding:2% 2% 0 2%;background-size:100% }
#producto .comentarioGlobo p.Firma{ background:url(/Content/imagenes/comentarios3.jpg) no-repeat #FFF; margin:0; padding:5% 0 0 3%; height:30px; font:bold 12px;background-size:100%}

/*- VALORACION	-*/
#producto .valor { font:normal 12px Verdana, Arial; margin:0 auto; padding:0 2.5%; clear:both}
#producto .valor a { height:18px; width:18px; display:block; float:left; background:url(/Content/imagenes/star1.jpg) no-repeat; cursor:pointer}
#producto .valor a.n { background:url(/Content/imagenes/star2.jpg) no-repeat; }
#producto .valor a:hover{ background:url(/Content/imagenes/star3.jpg) no-repeat;}
#producto h2 {
    clear: both;
    font-size: 14px;
    text-transform: uppercase;
    width: 94%;
    padding:1% 3%;
}
#producto ul h2{ background: #252525 none repeat scroll 0 0;
    clear: both;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    width: 94%;
    padding:1% 3%;
}
#producto h2.subH2{ background-image:url(/Content/imagenes/producto_barra_comentario.jpg); padding:0 0 10px 20px; height:17px; font-size:0.9em}

#producto .iconitos { width:60px; float:right; }
#producto p.destacado{ margin:0 0 20px 0; height:40px; width:70px; float:left; text-align:center/*background:url(/Content/imagenes/productos_destacado.png) no-repeat;*/}
#producto p.oferta{ margin:0 0 20px 0; height:40px; width:70px; float:left; text-align:center;/*background:url(/Content/imagenes/productos_oferta.jpg) no-repeat;*/}
#producto p.stock{ margin:0 0 20px 0; height:40px; width:50px; float:left; background:url(/Content/imagenes/producto_stock.jpg) no-repeat;}
#producto a.link{ margin:0 0 20px 0; width:70px; height:40px; display:block; float:left; text-align:center/*  background:url(/Content/imagenes/producto_link.png) no-repeat;background-position:center*/}

#producto .datos {  margin:0 auto; padding:0 2.5%;margin:5% 0;display:table;width:95%}
#producto .datos a{ /*background:url(/Content/imagenes/producto_consulta.png) no-repeat;*/ width:70px; /*height:40px;*/ margin:5px 2px; float:left;text-align:center;text-decoration:none}
#producto .datos a.consultar{}
#producto .datos a.cuotas{ /*background-image:url(/Content/imagenes/producto_cuotas.png);*/}
#producto .datos a.comprar{ /*background-image:url(/Content/imagenes/productos_comprar.png);*/}
#producto .datos a.imprimir{ /*background-image:url(/Content/imagenes/bt_print.png);*/}
#producto .datos a.etiqueta  
{
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #ccc;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 12px 0 0;
    text-align: center;
    min-width: 117px;
    display:table;
}


/*		#body 	> #content	> #Ubicacion	--------------------*/
#ubicacion {
    padding: 20px 0 0 10px;
    text-align: center;
}

/*--------------------		FORMULARIOS	--------------------*/

.boton_{background-color:#1997e1;padding:1% 2%;width:auto; /*background:url(/Content/imagenes/boton_1.png) no-repeat; width:76px; height:26px; */border:none; color:white }


form.normal{ margin:auto;}
form.normal p{/* margin:8px 5px 8px 10px; padding:0 33px 0 0; text-align:left;*/}
form.normal label{ float:left; width:140px;}
form.normal input { width:250px; padding:0.75% 1.5%;border-radius:3px }
form.normal select{ width:255px; padding:0.75% 1.5%;border-radius:3px}
form.normal textarea{ width:252px; padding:0.75% 1.5%;border-radius:3px}
form.normal input, textarea, select, checkbox{}
form.normal textarea{ overflow:auto; min-height:150px; padding:0.75% 1.5%;border-radius:3px}

form.normal p.botones{ padding:3% 0/*height:30px;*/}
form.normal p.botones input{padding:1% 1.5%;width:auto;border-radius:2px;text-transform: uppercase; /*background:url(/Content/imagenes/boton_1.png) no-repeat; width:76px; height:26px; */border:none; color:white }
form.normal .corto{ width:121px; }
form.normal select.corto{ width:126px; }
form.normal select{ font-family:Calibri;}
form.normal select option{ font-family:Calibri;}
form.normal select.iva{ width:252px; }
form.normal input[type=checkbox]{ width:15px;}
form.normal input.cv{ }
form.normal p.captcha img { margin-left:18%;}
.condiciones { background:#CCCCCC; height:150px; overflow:auto; padding:10px}
.condiciones h1{ font:bold 14px Verdana, Arial;}
form.normal .largo1{ width:124px;}
form.normal .largo2{ width:78px;}
form.normal .largo3{ width:93px;}
form.normal .largo4{ width:158px;}
form.normal p.nombre{/* width:400px; margin:5px auto*/}

form#formRegistro {padding:2%}
form#formRegistro p{ /*padding:0 0 0 130px;*/}
form#formRegistro p.editardatos{ padding:0;}
form#formRegistro p.botones{ padding:0 75px 0 0; clear:both  }
form#formRegistro label{ width:200px;}

form#formRRHH input{ }
form#formRRHH p.botones{ padding:0 137px 0 0; *padding-right:140px; margin:0;  }

form#reseteo{ padding:2%}
form#reseteo p.botones{ padding:0 130px 0 0;  }

form#formComentario  p.botones{/* padding:0 55px 0 0; width:auto*/}

form#cambioPassword {padding:2%}
form#cambioPassword  p.botones{ padding:0 65px 0 0;  }

form#formDatos input[type=submit]{margin-right:20px;  }/* Pedir cliente*/
form#formDatos {margin:0 0 0 95px;}
form#formDatos  p.botones{ padding:0 72px 0 0px; }

form#formLogin{padding:2%}
form#formLogin input[type=submit]{margin-right:39px;  }/* */
form#formLogin p{ /*padding:0 0 0 90px;*/}
form#formLogin p.botones{ padding:0 15px 0 0; }

form#formContacto{padding:2% /* margin:0 0 0 130px;*/} 
form#formContacto p.botones{ margin:0 auto; /*padding:0 50px 0 0; width:325px; *width:320px; */ }
form#formContacto label{ width:150px; }


form#ConsultarProd{ margin:0px;} 
form#ConsultarProd p.botones{ margin:0 auto; padding:0 40px 0 0; width:325px; *width:320px;  }
form#ConsultarProd label{ width:95px; }

form#formComentario{/* margin:0 0 0 37px*/}

form#formRRHH{ margin:40px 0 0 0}



.topRrhh{ background:url(/Content/imagenes/rrhh.jpg) no-repeat; width:750px; height:260px; display:block;margin-left: 16px;}
.topVigilancia{ background:url(/Content/imagenes/vigilancia.jpg) no-repeat; width:687px; height:247px; display:block}
.topEmpresa{ background:url(/Content/imagenes/laEmpresa.jpg) no-repeat; width:687px; height:237px; display:block}
.topServicio {
    background: rgba(0, 0, 0, 0) url("/Content/imagenes/servicioTecnico.jpg") no-repeat scroll 0 0;
    display: block;
    height: 281px;
    margin-left: 16px;
    width: 750px;
}
/*--------------------------- Repetir compra -------------------*/
table#repetirCompra{  width:100%; margin:0; padding:0; border-collapse: collapse; }
table#repetirCompra td,th{ text-align:left; margin:0; height:25px; padding:0 3px;}
table#repetirCompra th{ background:#CCC; border:solid 1px #CCC;}
table#repetirCompra td{ background:#FFF; border:solid 1px #CCC; }
table#repetirCompra a{ text-decoration:none; color:#999; display:block;}
table#repetirCompra a:hover{ color:#000; }

/*--------------------------- PLANES DE PAGOS -------------------*/
#planes table{ width:98%; border-collapse : collapse; margin:1%; border:#666666 solid 1px; padding: 0px;}
#planes table tr{ height:20px; text-align:left; text-transform:uppercase; padding: 0px; }
#planes table th{ background: black none repeat scroll 0 0; color: #fff; padding: 0px;}
#planes span{ padding:5px; margin:5x;}
#planes table td {}
#planes table td.ver{ background:url(/Content/imagenes/ver.png) no-repeat; width:50px; text-align:rights;}
#planes table td.ver a{ text-decoration:none; padding:5px; color:#000; display:block; font:bold 10px Verdana, Arial }
#planes table td.ver a:hover{ color:#FF0000;}


/*--------------------------- detalleCuotas-------------------*/
#detalleCuotas { margin:5px; width:100%; color:#000000}
#detalleCuotas h1{ font:bold 14px Verdana, Arial ;color:#000}
#detalleCuotas h2{ font:bold 14px Verdana, Arial; color:#000033}
#detalleCuotas h3{ background:Black none repeat scroll 0 0;
color:#FFF; font:bold 12px Verdana, Arial; height:18px; margin:10px 5px 5px 0; padding:3px 0 3px 5px; text-align:left;	 }
#detalleCuotas h4{ background:url(/Content/imagenes/glossyback2.gif) repeat-x; 
color:#FFF; font:bold 12px Verdana, Arial; height:18px; margin:10px 5px 5px 5px; padding:3px 0 3px 5px; }

/*--------------------------- Producto jquery-------------------*/
#detalleCuotas ul{ text-align:left; margin:0 5px; background:#CCCCCC;}
#detalleCuotas ul li{ font:bold 10px Verdana, Arial; color:#000000; padding:3px; margin:2px; list-style:none;}
#detalleCuotas a{ background:url(/Content/imagenes/arrow_pre.gif) 0 2px no-repeat; font:bold 10px Verdana, Arial; color:#000; margin:; padding:0 0 0 10px; text-decoration:none}
#detalleCuotas a:hover{ color:#FF0000;}
form.normal textarea#asunto{ min-height:30px; overflow:auto}
table#coutas{ width:390px;}
table#coutas th{ border-bottom:solid #999 1px;}
table#coutas th, td{ margin-left:20%; }
table#coutas th.CoutasNumero{ width:50px}
table#coutas th.CoutasTotal{ width:100px}


/*--------------------------- CONTACTO-------------------*/
#contactenos{ /*background:url(/Content/imagenes/contacto.jpg) no-repeat; min-height:290px; padding:10px 0 0 150px;*/ }
h4{ text-align:center; width:100%; font:normal 12px Calibri; margin:0 0 20px 0;}
#contactenos p.botones{ /*width:390px*/}
#contactenos label{ width:120px;}

.gente_txt{/*background:url(/Content/imagenes/gente1.jpg) repeat-y; width:500px*/max-width:500px}
.gente_pie{ background:url(/Content/imagenes/gente2.jpg) 1px 0 no-repeat; height:26px; }
.gente_cada{ /*height:127px; width:501px;*/ margin:0; padding:10px 0 0 15px; background:#FFF; }
.gente_cada h3{ font:bold 14px; margin:0 5px 5px 0;  }
.gente_cada p{ font:normal 10px; background: 120px 0 no-repeat;margin:0 0 0 10px; padding:5px 0 5px 0;}

.gente_cada p a{ text-decoration:none; color:#000033; padding-left:30px;}
.gente_cada p.mail{color:#000000; display:block; background:url(/Content/imagenes/contacto_mail.jpg) 0px 0 no-repeat; }
.gente_cada p.tel{color:#000000; display:block; background:url(/Content/imagenes/contacto_tel.jpg) 0px 0 no-repeat; 
background-position:0px 0; }
.gente_cada p.msn{ color:#000000; display:block; background:url(/Content/imagenes/contacto_msn.jpg) 0px 0 no-repeat;
 background-position:0px 0;}
.gente_thumb{ display:block; font-size:0;line-height:0;margin:2px 10px 10px 0;text-align: center;float: left; clear:both}

/*--------------------------- VER CART -------------------*/
.TituloTicket { height:58px; }

#VerCar { /*font:normal 10px Verdana, Arial; */border:#666666 solid ; border-width:1px; padding:3%; margin:3% auto;/* width:691px;*/max-width:850px}
#VerCar h1{ background:none;/* margin:0 0 0 20px;*/ padding:0; line-height:1em;font-size:16px}
#VerCar p{ /*margin:0 0 0 10px; padding:5px 10px;*/}
#VerCar>form>p>input[type=text]{width:250px}
#VerCar table{ width:100%; border-collapse:collapse; /*margin:10px 20px 10px 20px; */border:#666666 solid 1px;}
#VerCar table tr { height:15px; text-align:left; text-transform:uppercase; }

#VerCar table tr.subtotal { /*font:bold 12px Verdana, Arial;*/font-size:12px;font-weight:bold; height:25px; border-top:2px solid #333333;}
#VerCar table tr.total { /*font:bold 12px Verdana, Arial;*/font-size:12px;font-weight:bold; height:25px;}
#VerCar table th { /*background:url(/Content/imagenes/glossyback2.gif) repeat-x; */ padding:5px;}
#VerCar table th.cero { width:30px;}
#VerCar table th.uno { }
#VerCar table th.dos {  width:75px;}
#VerCar table th.tres { width:40px;}
#VerCar table th.cuatro { width:85px;}
#VerCar table th.cinco { width:20px;}
#VerCar span{ padding:5px; margin:5x;}
#VerCar table td { padding:0 5px;}
#VerCar table td a.quitar{ /*background:url(/Content/imagenes/quitar.jpg) no-repeat; width:33px; height:33px;*/ display:block; color:Red/*text-indent:-5000px;*/}


#VerCar input.numero { width:20px; margin:10px 0 0 0}
#VerCar table td.ver{ background:url(/Content/imagenes/cuotasVer.jpg) no-repeat; width:50px; text-align:right;}
#VerCar table td.ver a{ text-decoration:none; padding:5px; display:block; font:bold 10px Verdana, Arial }
#VerCar table td.ver a:hover{ color:#FF0000;}


#VerCar>p>label{width:150px;display:inline-block }

#VerRMA { border:#666666 solid ; border-width:1px; padding:3%; margin:3% auto;max-width:850px}
#VerRMA>p>label{width:150px;display:inline-block }


p.OpcionCarrito{ margin: 0 0 10px 30px; height:60px;}
p.OpcionCarrito a{ /*font:bold 12px; color:#000; text-decoration:none; width:137px; height:32px; float:left; padding:10px 0 0 25px; outline:none*/}
p.OpcionCarrito a:hover{ /*color:#666;*/}
p.OpcionCarrito a.seguir { /*background:url(/Content/imagenes/btSeguircompra.jpg) no-repeat; */ float:left; }
p.OpcionCarrito a.fin { /*background:url(/Content/imagenes/btFinCompra.jpg) no-repeat;*/float:left;}
p.OpcionCarrito input{border:none; font:bold 12px Arial; color:#000; text-decoration:none; width:137px; height:32px; float:left; padding:10px 0 0 25px; outline:none}
p.OpcionCarrito input.fin { background:url(/Content/imagenes/btFinCompra.jpg) no-repeat;}

p.OpcionCarrito a.Imprimir { background:url(/Content/imagenes/imprimir.jpg) 0 3px no-repeat; width:255px; float:right;  display:block; padding:20px 0 0 70px; font:normal 12px Arial; }


#registro { /*width:639px; margin:0 0 30px 0px;*/}
#registro p.olvido{ margin-bottom:5%;} 
.descripcion p{ /*margin:0 0 0 20px;*/} 
#registro h2{/* font:normal 16px "Lucida Grande"; background:none; height:auto;*/}
#registro p{ /*margin:0 20px 10px 40px;*/}
#registro > img {
    /*margin-left: -15px;*/
} 

/*-------- Confirmar*/
#registro .login{ /*width:600px; font:normal 10px Verdana, Arial;  */}
#registro p.logueate{ background:none; padding:0 2%; }/*url(/Content/imagenes/error1.jpg) no-repeat*/
#registro p.anonimo{ background:none; 
height:40px; margin:0; padding-left:70px;}

#registro .login form.contact { background:url(/Content/imagenes/llave.jpg) 5px 20px no-repeat; padding-left:60px; border:#CDDDED 1px solid;  margin:0 0 20px 90px; width:400px;} 
#registro .login form.contact label{ width:70px; background:none;}
#registro .errores { margin:2.5% 0}
.errores { margin:5% 0}

.ComentarioForm .errores{margin:5% 0 !important}

#registro .errores label.error { background:url(/Content/imagenes/unchecked.jpg) no-repeat; color:#CC0707; /*font:bold 11px Verdana, Arial;*/ padding:0 0 1% 35px; 
width:630px;  display:block;}
.errores label.error { background:url(/Content/imagenes/unchecked.jpg) no-repeat; color:#CC0707; /*font:bold 11px Verdana, Arial;*/ padding:0 0 1% 35px; 
width:630px;  display:block;}
#registro p.clear{ }
/*------------	PROMOCIONES	-------------------*/
#promociones h1{ text-align:left;/* margin:10px 0 40px 0;*/}
#promociones{ text-align:center} 
#promociones a{ margin:20px;}

/*-------- GRACIAS ----*/
.gracias{ background:url(/Content/imagenes/fon_gracias.jpg) no-repeat; width:400px; min-height:121px; 
font:normal 10px Verdana, Arial; padding:20px 30px 0 120px; margin:20px auto; display:block;}
.gracias span{ font:bold 12px Verdana, Arial; display:block;}
.gracias p{ float:right}

/*------------ MAPA del SITIO	-------------------*/
#registro ul{ margin:10px 0 0 10px; *margin:10px 0 0 50px;  }
#registro ul li{ margin-left:10px;}

/*--------------------------- registro OK -------------------*/	
.descripcion p.enviado{ background:url(/Content/imagenes/OkRegistro.jpg) no-repeat;  float:left;
	margin:20px 30px 50px; padding:20px 0 20px 70px; width:180px; }

/*--------------------------- LICENCIAS -------------------*/	
.descripcion p.advertencia{ background:url(/Content/imagenes/error.jpg) no-repeat; float:left;
	margin:20px 30px 50px; padding:20px 0 20px 70px; width:130px; height:130px; }	
.descripcion p.licenciaTitulo { font:bold 12px Verdana; text-transform:uppercase; }	
	

/*------------------------------------------------footer--------------------*/
#footer{ /*background:url(/Content/imagenes/foot.jpg) center no-repeat; height:124px; clear:both; margin:0 0 0 0;*/
/*width:970px;*/margin: auto auto;background-color:#353535; }

#tablePie{width:970px;margin:0 auto;padding:2% 0; color:#b62834;margin:0 auto}
#tablePie a{color:#b2b2b2;text-decoration:none;text-transform:uppercase}

/*#footer .text{ color:#CCC; width:870px; padding:4px 0 0 40px; *padding-top:12px; margin:auto; font-size:11px;  }*/
/*#footer a{ float:left;}*/
/*#footer a:hover{ color:#fff; }
#footer a.ges{  height:40px; float:right; text-indent:-5000px; _text-indent:; width:70px; }
#footer p{ float:left; }*/
/*------------------------------------------------footer--------------------*/

/*********************************************************************/
div.jGrowl {
	padding: 			10px calc(64px + 2.5% + 2.5%);
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

h2.oscuro {
    background: #252525 none repeat scroll 0 0 !important;
    color: #cecccc !important;
    margin-left: 15px !important;
    padding: 5px 5px 0 25px !important;
    text-transform: uppercase;
    width: 728px !important;
}

.detalleDescargas {
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}
.detalleDescargas a{text-decoration:none}


.table{display:table;width:100%}
.table>div{display:table-row}
.table>div>div{display:table-cell;vertical-align:middle}

.tableNR{display:table;width:100%}
.tableNR>div{display:table-row}
.tableNR>div>div{display:table-cell;vertical-align:middle}

/*--PRODUCTO DESTACADO---*/
a.title{ color:#474747 !important;font-weight:bolder !important;font-size:14px !important;text-decoration:none}
a.precio{ /*color:#a44389 !important;*/font-weight:bolder !important;font-size:14px !important;text-decoration:none}

a.todas {
    color: #204990;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    z-index: 100;
    display:inline-block;
}

.productosOferta{float: left;
width: calc(22% - 2px);
margin: 0.5%;
padding: 1%;
/*min-height: 315px;*/
display: block;
border: 1px solid #e2e2e2;
border-radius: 3px;
}

a.comprarNuevo {
    background: rgba(0, 0, 0, 0) url("/Content/imagenes/btn_comprarDestacado.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 37px;
    margin: 0;
    text-indent: -5000px;
    width: 85px;
}
        
a.verMasNuevo {
    background: rgba(0, 0, 0, 0) url("/Content/imagenes/btn_VerMasDestacado.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 37px;
    margin: 0;
    text-indent: -5000px;
    width: 85px;
}


.TextoNoticia{padding: 3%; font-size: 15px;}
.TextoNoticia img{max-width:100%;height:auto !important}

label.error{color:#CC0707;float:none !important;width:auto !important;display:inline-block}

#conmenu{margin:0 5% 5% 5%}

.save
{
    color: Green;
    display: block;
    float: none !important;
    width: auto !important;
    padding:2.5% 0;
}

#sectorUsuarios{/*background-color:#23539f;*/display:table;width:100%;/*color:#fff;*/font-size:13px}
#sectorUsuarios a{/*color:#fff;*/text-decoration:none}
#sectorUsuarios>div>div>div{padding:1%}
#sectorUsuarios label{font-size:12px;width:45px;margin-left:10px;margin-top:5px;color:#cecccc;}
#sectorUsuarios input{background-color:#6abdcd;border:none;border-radius:10px;padding:2% 5%;width:90%;margin:5% 0;color:#fff }
#sectorUsuarios p{margin:5px 0 0 0;}
#sectorUsuarios input[type=submit]
{
    width:30px;height:30px;background-image:url(/Content/imagenes/flecha.png);background-repeat:no-repeat;background-position:center;background-color:transparent;
}


#sectorUsuarios2{/*background-color:#23539f;*/display:table;width:100%;color:#fff;font-size:13px}
#sectorUsuarios2 a{/*color:#fff;*/text-decoration:none}
#sectorUsuarios2>div>div>div{padding:1%}
#sectorUsuarios2 label{font-size:12px;width:45px;margin-left:10px;margin-top:5px;color:#cecccc;}
#sectorUsuarios2 input{background-color:#cbcbcb;border:none;border-radius:5px;padding:5% 5%;width:90%;margin:5% 0;color:#fff }
#sectorUsuarios2 input::placeholder{color:#fff}
#sectorUsuarios2 p{margin:5px 0 0 0;}
#sectorUsuarios2 button[type=submit]
{
    width:30px;height:30px;background-color:transparent;border:none;
}


#menutop2{display:none;position: fixed;top: 0;z-index:99999/*;height:40px*/}
#menutop2>div>div{text-align:right}
#menutop2>div>div>a{}
#menutop>div>div a:hover{}


#menuDepartamentos2{display:none}
#menuDepartamentos2>div>div{text-align:right}
#menuDepartamentos2>div>div>a{color:#fff;text-decoration:none;font-weight:bold}


#olvidoContrasena{width:100%;text-align:right}

form#formRMA label{width:125px;display:inline-block}
form#formRMA h3{margin:3% 0;text-align:center}
#tablaRMA input{width:95%;padding:2.5%}
#tablaRMA2 input{width:99%;padding:0.5%}
.tablaRMAtd td{border:1px solid #ccc;}

.a_boton1{background:#2252a4;border-radius:5px;padding:2%;color:White;text-decoration:none;margin:0 2%;font-size:11px;font-weight:bold;}
.actualizacionImpositiva{margin-bottom:2%;
        background: #2252a4; 
        background: -moz-linear-gradient(left,  #2252a4 0%, #1380b4 100%); 
        background: -webkit-linear-gradient(left,  #2252a4 0%,#1380b4 100%); 
        background: linear-gradient(to right,  #2252a4 0%,#1380b4 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2252a4', endColorstr='#1380b4',GradientType=1 );}

#MensajeVotacion{color:Red}

@media screen and (max-width:970px)
{
    /*h1, h2, h3, h4{margin:0 0 2% 0}*/
    
    #menutop2{display:table;padding:5px !important;width:calc(100% - 10px) !important;height:40px;}
    #menutop2>div>div{padding:0 !important;}
    
    #menutop{display:none}
    #menutop{position: fixed;top: 50px;z-index:99999;}
    
    /*#logo-header{display:none}
    
    .search{margin-top:2.5%}*/
    
    #header{max-width:970px;width:100%;margin-top:50px}
    #header .table{width:99% !important;padding:0.5% !important}
    #header .table>div>div{width:99% !important;padding:0.5% !important}
    
    #menutop{max-width:970px;width:100%;/*top: 0;margin-top: calc(31px + 8%);position:fixed;z-index:999999*/}
    #body{max-width:970px;width:100%}
    #footer{max-width:970px;width:100%}
    .table{width:98% !important;padding:1% !important;text-align:center}
    .table>div>div{display:table;width:97% !important;padding:1.5% !important;text-align:center}
    
    #sectorUsuarios input{margin:0 !important}
    #sectorUsuarios2 input{margin:0 !important;padding:1.5%}
    #olvidoContrasena{text-align:center}
    
    a.verMasNuevo{float:none;margin:0 auto}
    a.comprarNuevo{float:none;margin:0 auto}
    .productosOferta{display:table;margin: 1% auto;}
    .productosOferta>div>div{min-height:auto !important;}
    #galeria{margin-bottom:0 !important}
    
    #menutop>div>div{padding:0%;width:100% !important}
    #menutop>div>div a{padding:2%;}
    
    #content{display:block}
    #content #menu{float:none;width:100%}
    #content #menu ul{padding:0}
    #content #menu li a{padding:3%}
    
    #producto{width:100%}
    #content #menu li.close{margin-top:1%}
    
    .cuadroListaProd{margin-bottom:0}
    .cuadroListaProd>div>div{padding:0!important;width:100% !important}
    
    #productos{float:none;width:98%;display:block;margin:0 auto}
    #producto .imagenes_scroll{height:auto}
    
    #menuDepartamentos2{display:table}
    #menuDepartamentos{display:none}
    
    /*.ver p.destacado{float:none}*/
    /*.ver p.oferta{float:right}*/
    .ver p.precio {float:right;text-align:right;margin-top:23px}
    
    #ruta{width:100%}
    
    div#carritoDolar.table>div>div{display:table-cell;width:50% !important}
    
    #cmos-altClie{display:none}
}