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

@import url("http://fonts.googleapis.com/css?family=PT+Sans:400,700");
@import url("http://fonts.googleapis.com/css?family=PT Sans:400,300,700");
@import url("http://fonts.googleapis.com/css?family=Titillium+Web:400,700,600");

* {
  margin: 0;
  padding: 0;
}

body{margin:0;}

p {font-family: 'PT Sans', Tahoma; font-weight:400; color:#333; font-size:16px;}
p a {font-family: 'PT Sans', Tahoma; font-weight:400; color:#333; font-size:16px; text-decoration:none;}
p a:hover {color:#0c347c;}

.categoria {font-family: 'PT Sans', Tahoma; font-weight:700; color:#FFF; font-size:14px;}
.texto {font-family: 'PT Sans', Tahoma; font-weight:400; color:#000; font-size:14px;}
.texto a {font-family: 'PT Sans', Tahoma; font-weight:400; color:#000; font-size:14px; text-decoration:none;}
.texto a:hover {color:#602e6d;}

h1 {font-family: 'PT Sans', sans-serif; font-weight:700; color:#000; font-size:30px; line-height:20px; text-align:center;}
h1 a {font-family: 'PT Sans',sans-serif; font-weight:700; color:#000; font-size:30px;text-decoration:none;}
h1 a:hover {font-family: 'PT Sans', sans-serif; font-weight:700; color:#000; font-size:30px; }

h2 {font-family: 'PT Sans', sans-serif; font-weight:700; color:#9b0909; font-size:20px;}
h4 {font-family: 'PT Sans', sans-serif; font-weight:700; color:#9b0909; font-size:48px;}

h3 {font-family: 'PT Sans', sans-serif; font-weight:700; color:#FFF; font-size:14px;}

.contenidos {max-width:1200px; margin-left:auto; margin-right:auto;}

.abajo {margin-bottom:15px;}
.costado_t_d {padding-left:80px;}
.costado_t {padding-left:20px;}

.barra_superior { width:98%; padding:1%; text-align:left; font-family:'PT Sans', Tahoma; font-size:18px; color:#FFF; text-decoration:none; }
.barra_superior2 { width:98%; padding-left:1%; padding-right:1%; text-align:left; font-family:'PT Sans', Tahoma; font-size:18px; color:#FFF; text-decoration:none; }
.barra_superior a { font-family:'PT Sans', Tahoma; font-size:18px; color:#FFF; text-decoration:none; text-decoration:none;}
.barra_superior a:hover {color:#CCC;}
.negro_top {background-color:#595a5a; border-bottom:#0e337a 4px solid;}
.negro_top2 {background-color:#000;}
.gris_top2 {background-color:#979898;}
.alinear {text-align:center;}
.gris_top {background-color:#333; padding-top:10px; padding-bottom:10px;}

#banderas {width:96%; margin-left:2%; margin-right:2%; text-align:center; display:block; margin-bottom:15px;}
#logos_otros {width:96%; margin-left:2%; margin-right:2%; text-align:center; display:block; margin-bottom:10px;}

.violeta {color:#602e6d; font-weight:bold;}
.grisb { background-color:#a09e9e;}
.violetab { background-color:#602e6d;}

#logo {text-align:center; padding-top:8px; padding-bottom:8px;}
#logo img {width:100%; max-width:553px; max-height:91px;}


#fotos_home {width:90%; margin-left:5%; margin-right:5%; margin-bottom:15px;} 
#fotos_home img {width:100%; max-width:600px; max-height:556px;}     

.encabezado {width:100%; background-color:#FFF;}
#enc_izquierdo {width:100%; text-align:center; height:auto;}
#enc_derecho {width:100%; text-align:center; height:auto; font-family:'PT Sans', Tahoma; font-size:14px; color:#FFF; text-decoration:none;}
#enc_izquierdo2 {width:100%; text-align:center; height:auto;}
#enc_izquierdo2 img {width:100%; max-width:164px; max-height:104px;}
#enc_derecho2 {display:none;}
.clear {clear:both;}

#menu_top_izq {width:100%;}
#menu_top_der {width:95%; margin-left:5%;}

#buscador_izq {width:80%; float:left; text-align:center;}
#buscador_izq input {width:90%; background-color:#FFF;height:22px;border:none;}
#buscador_der {width:20%; float:left; text-align:left;}

#menu_lateral_cat {
	display:none;
 background-image:url(images/fondo-menu.jpg);
 background-position:center;
 background-repeat:no-repeat;
	height:138px;
	font-family: 'PT Sans', sans-serif; 
	font-weight:400; 
	color:#FFF;
	font-size:30px;
 text-align:center;}

select {
	width:80%;
	height:30px;
	margin-left:20px;
	margin-bottom:10px;
}

.lineab{
	border-bottom:solid;
	border-bottom-color:#b51c1c;
	border-bottom-width:1px;
	border-top:solid;
	border-top-color:#b51c1c;
	border-top-width:1px;
}
	

#menu_lateral_cat_int {
	
	
	font-family: 'PT Sans', sans-serif; 
	font-weight:400; 
	color:#000;
	font-size:24px;
     margin-bottom:5px;
     padding-bottom:3px; 
     padding-top:3px; 
     border-bottom: 1px solid #000;
}



#menu_lateral {
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 16px;
	color: #666;
    display:none;}

#menu_lateral a {
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 16px;
	color: #666;
	text-decoration:none;
	display:block;
 }

#menu_lateral a:hover {
	color: #333;
}

#menu_lateral ul {
	list-style-type: none;
}

#menu_lateral li {
	padding-left:10px;
	
}

#contenido {width:96%; margin-left:auto; margin-right:auto; background-color:#FFF; margin-top:25px; margin-bottom:25px;}
#contenido_izq {display:none;}
#contenido_der {width:98%; padding:1%; position:relative;}
#contenido_der h1 {text-align:left;}
#contenido_der2 {width:98%; padding:1%; position:relative;}

#destacados {width:98%; margin-left:2%}
#destacado_prod {width:98%; margin-right:2%; float:left; margin-bottom:25px;}
#destacado_prod_int {width:100%; margin-bottom:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-bottom:10px; border-bottom:1px solid #CCC;}
#destacado_imagen {width:96%; margin-left:auto; margin-right:auto; text-align:center; height:218px;}
#destacado_imagen img {max-width:90%; text-align:center; max-height:218px;}
#destacado_titulo {width:96%;height:45px; overflow:hidden; padding-left:4%; padding-top:10px;}
#destacado_titulo h1 {font-family: 'PT Sans', sans-serif; font-weight:700; color:#000; font-size:16px; text-align:center;}
#destacado_titulo h1 a {font-family: 'PT Sans', sans-serif; font-weight:700; color:#000; font-size:16px; text-align:center; text-decoration:none;} 
#destacado_titulo h1 a:hover {color:#0c347c;} 
#destacado_precio {width:35%; padding-bottom:10px; float:left;}
#destacado_boton {width:65%; text-align:center; font-family: 'PT Sans', sans-serif; font-weight:700; color:#333; font-size:14px; padding-bottom:10px; float:left; padding-top:7px;}
#destacado_boton a {font-family: 'PT Sans', sans-serif; font-weight:700;color:#333; font-size:14px; text-decoration:none;}
#destacado_boton a:hover {color:#9b0909;}

.numerador {padding:5px 10px 5px 10px; border:solid; border-color:#b6b6b6; border-width:1px; background-color:#FFF; text-decoration:none; font-family:'PT Sans', sans-serif; font-weight:700; color:#333; font-size:16px;}
.numerador_a {text-decoration:none; font-family:'PT Sans', sans-serif; font-weight:700; color:#333; font-size:16px;}
.numerador_a:hover {text-decoration:none;}

#boton_fondo {background-color:#eeeeee; width:95%; text-align:center; padding-top:5px; padding-bottom:5px; margin-left:5%;}
.btn-primary{background-color:#eeeeee; padding-top:5px; padding-bottom:5px; font-family:'PT Sans', Tahoma; font-weight:400; color:#666; font-size:14px; text-align:center; text-decoration:none;}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#000;}

#titulo_producto {background-color:#e6e3e3; width:92%; text-align:left; margin-left:5%; padding-left:3%;  font-family:'PT Sans', Tahoma; font-weight:700; color:#666; font-size:18px; padding-top:5px; padding-bottom:5px;}
#detalle_producto {background-color:#eeeeee; width:92%; text-align:left; margin-left:5%; padding-left:3%;padding-top:5px; padding-bottom:5px;}

#detalle_izq {width:80%; text-align:center; margin-left:auto; margin-right:auto;}
#detalle_izq img {width:100%; max-width:480px;}

#detalle_der {width:90%; float:left; margin-left:auto; margin-right:auto; margin-bottom:20px; box-sizing:border-box;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#detalle_der h1 {font-family: 'PT Sans', sans-serif; font-weight:700; color:#B51C1C; font-size:24px; text-transform:uppercase;}

#fomas {width:100%; margin-left:auto; margin-right:auto;}
#formas img { width:100%; max-width:900px; text-align:center;}

.fotitos {
	width:23%;
	float:left;
	overflow:hidden;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;}


#descripcion {
	width:100%;
	padding-top:10px;
	margin-bottom:20px;

 margin-top:10px;
}

#descripcion_izq {
	width:100%;
}

#descripcion_der {
	width:98%; padding:1%; border:1px dashed #a09e9f; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:50px;
}

#descripcion2 {
	width:100%;
	padding-top:10px;
	margin-bottom:20px;
}




#descripcion2 label {
	display:block;
	text-align:left;
	font-family: 'PT Sans', Tahoma;
	font-weight:400;
	font-size: 16px;
	color:#333;
	
}

#descripcion2 input {
	width:90%;
	margin-bottom:20px;
	
	height:30px;
	
  webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  border: solid 1px #CCC;
}


#descripcion2 textarea {
	width:90%;
	margin-bottom:15px;
	
  webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   border: solid 1px #CCC;
}

#descripcion2 select {
	width:91%;
	height:30px;
	
	margin-bottom:20px;
}

#descripcion3 {
	width:100%;
	padding-top:10px;
	margin-bottom:20px;
}

#descripcion3 textarea {
	width:90%;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}

.btnsubmit {
	width:100px!important;
	height:35px!important;
	border:none;
	background-color:#9b0909;
	color:#FFF;
	cursor:pointer;
	padding:10px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin-left:20px;
	margin-bottom:20px;
}

.btnsubmit2 {
	width:200px!important;
	height:35px!important;
	border:none;
	background-color:#9b0909;
	color:#FFF;
	cursor:pointer;
	padding:10px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin-left:20px;
	margin-bottom:20px;
}


#footer {width:100%; height:auto; background: #000; color: #FFF; margin-top:10px;}
#footer_cont {width:96%; height:auto; padding:2%;}
.footer1 {width:100%; height:auto; text-align:center;  font-family:'PT Sans', Tahoma; font-size:16px; color:#FFF; text-decoration:none; text-decoration:none;line-height:24px; margin-bottom:20px;}
.footer1 a{ font-family:'PT Sans', Tahoma; font-size:16px; color:#FFF; text-decoration:none; text-decoration:none;line-height:24px;}
.footer1 a:hover{color:#CCC;}
.footer2 {width:96%; height:auto; padding-right:2%; text-align:center; text-align:center; font-family:'PT Sans', Tahoma; font-size:14px; color:#FFF; text-decoration:none; line-height:24px; display:none;}
.titulo_footer {font-family:'PT Sans', Tahoma; font-size:24px; color:#4a4949; padding-bottom:10px;}
.gris-oscuro {color:#4a4949;}
.footer2 a{ font-family:'PT Sans', Tahoma; font-size:14px; color:#FFF; text-decoration:none; line-height:24px;}
.footer2 a:hover{color:#9b0909;}
.footer4 {width:96%; height:auto; padding-right:2%; text-align:center; font-family:'PT Sans', Tahoma; font-size:14px; color:#FFF; text-decoration:none; line-height:24px; display:none;}
.footer4 a{ font-family:'PT Sans', Tahoma; font-size:14px; color:#FFF; text-decoration:none;}
.footer4 a:hover{color:#9b0909;}

#footer3 { width:98%; height:auto; background:#0e337a; color:#FFF; padding:1%; text-align:right; font-family:'PT Sans', Tahoma; font-size:13px; color:#FFF; text-decoration:none; }
#footer3 a{font-family:'PT Sans', Tahoma; font-size:13px; color:#FFF; text-decoration:none;}
#footer3 a:hover{color:#ccc;}

#categorias_boton2 {
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
}

#categorias_icono {
	width:20%;
	height:37px;
	background-color:#9b0909;
	float:left;
	padding-top:7px;
	text-align:center;
}

#categorias_texto {
	width:80%;
	height:29px;
	background-color:#000;
	float:left;
	padding-top:10px;
    padding-bottom:5px;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
} 


#derecha {
	width:96%;
	max-width:960px;
	padding-left:2%;
}

#derecha img {
	width:100%;
	max-width:960px;
}

#ubicacion {width:96%; height:auto; padding:2%; background-color:#9b0909; font-family: 'PT Sans', Tahoma; font-weight:400; color:#FFF; font-size:14px;}
#ubicacion a {font-family: 'PT Sans', Tahoma; font-weight:400; color:#FFF; font-size:14px; text-decoration:none;}
#ubicacion a:hover {color:#333;}
#ofertas {display:none;}

#detalle_color {width:100%;}

#campania {width:93%; margin-right:3%; margin-left:3%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #dbdbdb; -webkit-box-shadow: 5px 5px 5px 0px rgba(102,102,102,1); -moz-box-shadow: 5px 5px 5px 0px rgba(102,102,102,1); box-shadow: 5px 5px 5px 0px rgba(102,102,102,1); margin-bottom:3%; padding:5px;}
#campania img {width:100%;}

#nosotros {width:80%; padding:10%;}
#nosotros01 {display:none;}
#nosotros02 {width:100%;}
#nosotros02 p {font-size:18px; line-height:18px;}

#categorias {width:92%; margin:4%; text-align:center;}
#categorias_detalle {width:100%; margin-bottom:25px;}
#categorias_detalle img {width:100%;}
#categorias p {font-size:18px; color:#666;}
#categorias p a {font-size:18px; color:#666; text-decoration:none;}
#categorias p a:hover {color:#333;}

#contactenos {width:92%; padding:4%; margin-bottom:25px; background-color:#cecece;}
#contactenos p {line-height:24px;}
#contactenos01 {width:100%;}
#contactenos02 {width:100%;}
#contactenos_input {width:100%;}
#contactenos_i {width:100%; margin-bottom:25px;}
#contactenos_i p {line-height:24px;}
#contactenos01_i {width:100%; text-align:left;}
#contactenos01_i img {width:100%; text-align:left; max-width:500px;}
#contactenos02_i {width:100%;}

#contactenos02 input {
	width:90%;
	margin-bottom:20px;
	height:40px;
   webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none;
}

#contactenos02_i input {
	width:90%;
	margin-bottom:20px;
	height:40px;
   webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none;
   border:1px solid #CCC;
}

#contactenos02 textarea {
	width:95%;
	margin-bottom:20px;
  webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  border:none; font-family: 'PT Sans', Tahoma; font-weight:400; font-size: 14px;
	
}

#contactenos02_i textarea {
	width:95%;
	margin-bottom:20px;
  webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  border:none; font-family: 'PT Sans', Tahoma; font-weight:400; font-size: 14px;
	border:1px solid #CCC;
}

#contactenos02 label {
	display:block;
	text-align:left;
	font-family: 'PT Sans', Tahoma;
	font-weight:400;
	font-size: 14px;
	color:#333;
}

.btnsubmit3 {
	width:150px!important;
	height:35px!important;
	border:none;
	background-color:#333333;
	color:#FFF;
	cursor:pointer;
	padding:10px;
	/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
	margin-bottom:20px;
}

#planos {width:100%; text-align:center;}
#planos img {width:100%; max-width:800px;}



@media screen and (min-width:50em){
    
.fondo_servicio {background-image:url(images/servicio_tecnico.jpg); background-position:right top; background-repeat:no-repeat;}    
.fondo_envios {background-image:url(images/fondo_envios.png); background-position:right top; background-repeat:no-repeat;}  

.fondo_servicio_ing {background-image:url(images/servicio_tecnico_ing.jpg); background-position:right top; background-repeat:no-repeat;}    
.fondo_envios_ing {background-image:url(images/fondo_envios_ing.png); background-position:right top; background-repeat:no-repeat;}  

.fondo_servicio_por {background-image:url(images/servicio_tecnico_por.jpg); background-position:right top; background-repeat:no-repeat;}    
.fondo_envios_por {background-image:url(images/fondo_envios_por.png); background-position:right top; background-repeat:no-repeat;}   
    
    

#destacado_prod {width:48%; margin-right:2%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#detalle_color {width:48%; margin-right:2%; float:left;}
#buscador_izq {width:85%;}	
#buscador_der {width:15%;}

#menu_lateral_cat_int {
	font-size:24px;
	padding-top:3px;
}

#nosotros {width:92%; padding:4%;}
#nosotros01 {display:block; width:18%; padding-right:2%; float:left; font-size:150px; color:#9f9f9f;}
#nosotros02 {width:80%; float:left;}
#nosotros02 p {line-height:30px;}

#categorias_detalle {width:23%; margin-left:1%; margin-right:1%; float:left; margin-bottom:0; height:275px; overflow:hidden;}

#contactenos01 {width:42%; text-align:left; float:left;  padding-right:3%;}
#contactenos01 h1 {text-align:left;}
#contactenos02 {width:55%; float:left;}
#contactenos_input {width:50%; float:left;}

#contactenos01_i {width:42%; text-align:left; float:left;  padding-right:3%;}
#contactenos02_i {width:55%; float:left;}
#contactenos_input_i {width:50%; float:left;}


 #buscador_izq {text-align:right;}
.alinear {text-align:left;}
    
#fotos_home {width:31%; margin-left:1%; margin-right:1%; margin-bottom:15px; float:left;}  
 
#descripcion_izq {width:50%; float:left;}

#descripcion_der {width:43%; float:left; margin-left:5%;}	
	
#menu_top_izq {width:100%; text-align:left; float:left;}
#menu_top_der {width:20%; text-align:right; float:left ;margin-left:0; margin-right:0;}

#contenido_izq {width:22%; padding-right:3%; float:left; display:block;}
#contenido_der {width:74%; padding-top:0; padding-bottom:1%; padding-right:1%; padding-left:0; float:left;}

#detalle_izq {width:50%; float:left; text-align:center; margin-left:0px; margin-right:0px;}
#detalle_der {width:42%; float:left; margin-left:5%; padding-left:2%; margin-right:0px; }
#a_derecha { width:100%; text-align:right; margin-top:30px;}

.footer1 {width:23%; height:auto; padding-right:2%; float:left; text-align:left;}
.aliniacion {text-align:right;}
.footer2 {width:21.33%; height:auto; padding-right:2%; float:left; text-align:left;display:block;}
.footer4 {width:18%; height:auto; padding-right:2%; float:left; text-align:left;display:block;}

#menu_lateral_cat {
	display:block;
}

#menu_lateral {
	display:block;
}

#cssmenu2 {
	display:none;
}

.enc_derecho {font-size:18px;}

#buscador_izq {width:92%; text-align:right;}	
#buscador_izq input {width:60%;}
#buscador_der {width:8%; text-align:left; }

.corrido60 {padding-left:60px;}
#ofertas {display:block;}

#campania {width:47%; margin-right:3%; margin-left:0;}

}

@media screen and (min-width:64em) {
#enc_izquierdo {width:60%; float:left; text-align:left; height:auto;}
#enc_derecho {width:40%;float:left; text-align:right; height:auto;}
#enc_izquierdo2 {width:30%; float:left; text-align:left; height:auto;}
#enc_derecho2 {width:70%;float:left; text-align:right; height:auto; display:block;}

#banderas {display:none;}
#logos_otros {display:none;}
}

@media screen and (min-width:71.875em) {
 
#destacado_prod {width:31%; margin-right:2%; float:left;}
#detalle_color {{width:23%; margin-right:2%; float:left;}
}