@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=Fira+Sans+Condensed:300,400,500,700");
@import url("http://fonts.googleapis.com/css?family=Titillium+Web:400,700,600");

* {
  margin: 0;
  padding: 0;
}

body{margin:0; background-image:url(images/bg.png);}

p {font-family: 'Fira Sans Condensed', Tahoma; font-weight:400; color:#333; font-size:14px;}
p a {font-family: 'Fira Sans Condensed', Tahoma; font-weight:400; color:#333; font-size:14px; text-decoration:none;}
p a:hover {color:#053876; }

.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:#f36c23;}

h1 {font-family: 'Fira Sans Condensed', sans-serif; font-weight:400; color:#B51C1C; font-size:24px; }
h1 a {font-family: 'Fira Sans Condensed', sans-serif; font-weight:400; color:#B51C1C; font-size:24px; text-decoration:none;}
h1 a:hover {font-family: 'Fira Sans Condensed', sans-serif; font-weight:400; color:#B51C1C; font-size:24px;}

h2 {font-family: 'Titillium Web', sans-serif; font-weight:700; color:#000; font-size:22px;}

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

.enc_derecho h1 {font-family: 'Titillium Web', sans-serif; font-weight:700; color:#000; font-size:18px;}
.enc_derecho h1 a {font-family: 'Titillium Web', sans-serif; font-weight:700; color:#000; font-size:18px; text-decoration:none;}
.enc_derecho h1 a:hover {font-family: 'Titillium Web', sans-serif; font-weight:700; color:#B51C1C; font-size:18px;}
.azul {color:#B51C1C;}

.contenidos {max-width:1300px; margin-left:auto; margin-right:auto;}
.contenidos2 {width:98%; padding:1%;}

.abajo {margin-bottom:15px;}

.barra_superior { width:100%; background-color:#000; text-align:right;}
.bs_int {height:30px;  padding-top:10px; padding-right:25px;}
.bs_int a { font-family:'Fira Sans Condensed', Tahoma; font-size:15px; color:#FFF; text-decoration:none;}
.bs_int a:hover {color:#CFE5EB; text-decoration:none;}
.pull-right ul, li {list-style:none; list-style-type:none;}
.pull-right li {float:left; padding-left:25px; }

.barra_inferior { width:100%; height:10px; background-color:#F7F7F7; border-bottom:solid; border-bottom-color:#FFF; border-bottom-width:1px;}

.encabezado {width:100%; height:auto; background-image:url(images/background_top.jpg);}
.encabezado h1 {color:#000; /* background: rgba(255, 255, 255, 0.4); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:6px;*/ width:100%; font-size:22px;}
.encabezado h1 a {color:#000; }
.encabezado h1 a:hover {color:#000; }
.enc_izquierdo {width:100%; text-align:center; height:auto;}
.enc_izquierdo img {width:100%; max-width:484px;}
.enc_derecho {width:100%; text-align:center; height:auto;}
.clear {clear:both;}

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

#buscador_izq {width:75%; float:left; text-align:right; padding-top:6px;}
#buscador_izq input {width:100%; height:31px; border:solid; border-width:1px; border-color:#B8B8B8;-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;}
#buscador_der {width:25%; float:left; text-align:left; padding-top:6px;}

#menu_lateral_cat {
	background-color:#ba0001;
	height:34px;
	font-family: 'Fira Sans Condensed', sans-serif; 
	font-weight:700; 
	color:#FFF;
	font-size:24px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-left:10px;
    padding-top:4px;
}

#menu_lateral_tit {
	background-color:#ba0001;
	height:34px;
	font-family: 'Fira Sans Condensed', sans-serif; 
	font-weight:700; 
	color:#FFF;
	font-size:24px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-left:10px;
    padding-top:4px;
	border-bottom:5px #053877 solid;
    text-transform:uppercase;
}

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

#menu_lateral_cat_int {
	background-color:#053877;
	height:34px;
	font-family: 'Fira Sans Condensed', sans-serif; 
	font-weight:700; 
	color:#FFF;
	font-size:24px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-left:10px;
    padding-top:4px;
}

#menu_lateral {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-weight:300;
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	border:solid;
	border-color:#ba0001;
	border-width:1px;
	display:none;
}

#menu_lateral a {
	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size: 18px;
	color: #000;
	text-decoration:none;
	display:block;
	text-transform: uppercase;  
}

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

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

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

#contenido {max-width:1300px; margin-left:auto; margin-right:auto; background-color:#FFF;}
#contenido_izq {width:98%; padding:1%;}
#contenido_der {width:98%; padding:1%;}

#destacados {width:98%; margin-left:2%}
#destacado_prod {width:98%; margin-right:2%; float:left;}
#destacado_prod_int {width:100%; border:solid; border-color:#ba0001; border-width:1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px;}
#destacado_imagen {width:98%; padding-left:1%; padding-right:1%;}
#destacado_imagen img {width:100%; max-width:400px;}
#destacado_titulo {width:98%;height:50px; overflow:hidden; padding-left:1%; padding-right:1%;}
#destacado_titulo h1 {font-family: 'Fira Sans Condensed', sans-serif; font-weight:400; color:#031c3b; font-size:18px; }
#destacado_precio {width:98%; text-align:right; padding-bottom:15px; padding-left:1%; padding-right:1%;}
/*#destacado_boton {width:50%; float:left; text-align:right; font-family:'Titillium Web', sans-serif; font-weight:700; color:#053876; font-size:16px;}
#destacado_boton  a {font-family:'Titillium Web', sans-serif; font-weight:700; color:#053876; font-size:16px; text-decoration:none;}
#destacado_boton  a:hover {color:#bf093c;}*/
#destacado_boton {width:98%; text-align:center; font-family:'Titillium Web', sans-serif; font-weight:700; color:#FFF; font-size:16px; background-color:#ba0001; padding:1%;}
#destacado_boton a {font-family:'Titillium Web', sans-serif; font-weight:700; color:#FFF; font-size:16px; text-decoration:none;}
#destacado_boton a:hover {color:#CCC;}
#destacado_boton2 {width:50%; float:left; text-align:left; font-family:'Titillium Web', sans-serif; font-weight:700; color:#053876; font-size:16px;}
#destacado_boton2  a {font-family:'Titillium Web', sans-serif; font-weight:700; color:#053876; font-size:16px; text-decoration:none;}
#destacado_boton2  a:hover {color:#bf093c;}

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

.btn-primary{background-color:#B51C1C; padding:10px 30px 10px 30px; font-family:'PT Sans', Tahoma; font-weight:400; color:#FFF; font-size:14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none;-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);} 
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#601010;}

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

#detalle_der {width:90%; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#detalle_der h1 {font-family: 'Titillium Web', sans-serif; font-weight:700; color:#B51C1C; font-size:24px; text-transform:uppercase;}

.fotitos {
	width:31%;
	float:left;
	height:145px;
	overflow:hidden;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;
	border:solid; border-color:#666; border-width:1px; text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.fotitos2 {
	width:18%;
	float:left;
	height:145px;
	overflow:hidden;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;
	border:none;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom:20px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



#descripcion {
	width:100%;
	padding-top:10px;
	margin-top:20px;
	margin-bottom:20px;
	border-top:1px solid #000;
}

#descripcion label {
	display:block;
	text-align:left;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 14px;
	color:#333;
	margin-left:10px;
}

#descripcion input {
	width:90%;
	margin-bottom:15px;
	margin-left:10px;
	height:30px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	border: 1px solid #666666;
	padding-left:5px;
}

#descripcion select {
	width:90%;
	margin-bottom:15px;
	margin-left:10px;
	height:30px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	border: 1px solid #666666;
	padding-left:5px;
}


#descripcion textarea {
	width:90%;
	margin-bottom:15px;
	margin-left:10px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	border: 1px solid #666666;
	padding-left:5px;
}

#btnsubmit {
	border:none;
	background-color:#ba0001;
	color:#FFF;
	cursor:pointer;
	padding:10px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#descripcion2 {
	width:96%;
	padding:2%;
	margin-bottom:20px;
	margin-top:20px;
	background-color:#F4F4F4;
}

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

}

#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:#053876;
	float:left;
	padding-top:7px;
	text-align:center;
}

#categorias_texto {
	width:80%;
	height:29px;
	background-color:#000000;
	float:left;
	padding-top:15px;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:700;
	text-decoration:none;
} 





#footer { width:100%; height:auto; background: #ba0001; color: #FFF; margin-top:10px; }
#footer_cont {width:96%; height:auto; padding:2%;}
.footer1 {width:96%; height:auto; padding-right:2%; text-align:center;font-family:'Fira Sans Condensed', Tahoma; font-size:16px; color:#FFF; text-decoration:none;line-height:24px; font-weight:400;}
.footer1 a{font-family:'Fira Sans Condensed', Tahoma; font-size:16px; color:#FFF; text-decoration:none;line-height:24px;}
.footer1 a:hover{color:#267bbc;}
.footer2 {width:96%; height:auto; padding-right:2%; text-align:center; font-family:'Fira Sans Condensed', Tahoma; font-size:16px; color:#FFF; text-decoration:none;line-height:24px; display:none;}
.footer2 a{font-family:'Fira Sans Condensed', Tahoma; font-size:16px; color:#FFF; text-decoration:none;line-height:24px;}
.footer2 a:hover{color:#267bbc;}

#footer3 { width:98%; height:auto; background: #000; color: #FFF; padding:1%; text-align:right; font-family:'Fira Sans Condensed', Tahoma; font-size:16px; color:#FFF; text-decoration:none; }
#footer3 a{font-family:'Fira Sans Condensed', Tahoma; font-size:16px; color:#FFF; text-decoration:none;}
#footer3 a:hover{color:#053877;}

.izquierda {width:100%;}
.derecha {width:100%; margin-top:20px;} 

/*td {
 display:block; para colocoar los datos uno debajo del otro
}*/

td {
 display:table-cell;
}


@media screen and (min-width:34.375em){
#destacado_prod {width:48%; margin-right:2%; float:left;}
#destacado_imagen {height:285px; overflow:hidden;}	
}

@media screen and (min-width:48.75em){
.enc_izquierdo {width:98%; margin:1%; text-align:left; height:auto;}
.enc_derecho {width:48%; margin:1%; float:left; text-align:right; height:auto;}

#menu_top_izq {width:80%; text-align:left; float:left;}
#menu_top_der {width:20%; text-align:right; float:left ;margin-left:0; margin-right:0;}

#contenido_izq {width:23%; padding:1%; float:left;}
#contenido_der {width:74%; padding-top:1%; padding-bottom:1%; padding-right:1%; padding-left:0; float:left;}
#contenido_der2 {width:98%; padding:1%; position:relative;}

#detalle_izq {width:40%; float:left; text-align:left; margin-left:0; margin-right:0;}
#detalle_der {width:65%; float:left; margin-left:5%;  margin-right:0;}
#a_derecha { width:100%; text-align:right; margin-top:30px;}

.footer1 {width:38%; height:auto; padding-right:2%; float:left; text-align:left;}
.footer2 {width:58%; height:auto; padding-right:2%; float:left; text-align:right;}

#menu_lateral_cat {
	display:block;
}

#menu_lateral {
	display:block;
}

#cssmenu2 {
	display:none;
}

.footer2 {
	display:block;
} 

.izquierda {width:45%; float:left;}
.derecha {width:50%; margin-top:0px; margin-left:5%; float:left;} 	


	
}


@media screen and (min-width:75em){
#destacado_prod {width:31%; margin-right:2%; float:left;}	
.encabezado h1 {width:80%;}
}