@import url(fonts/icomoon/style.css);
@import url(fonts/font-awesome.css);


@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),
 url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),
 url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),
 url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
 url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'fasolid';
src: url('fonts/fa-solid-900.eot?v=4.5.0');
src: url('fonts/fa-solid-900.eot?#iefix&v=4.5.0') format('embedded-opentype'),
 url('fonts/fa-solid-900.ttf?v=4.5.0') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
    font-family: 'normal';
    src: url('fonts/Effra_Trial_Lt.eot');
    src: url('fonts/Effra_Trial_Lt.eot?#iefix') format('embedded-opentype'),
         url('fonts/Effra_Trial_Lt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'normalbold';
    src: url('fonts/Effra_Trial_SBd.eot');
    src: url('fonts/Effra_Trial_SBd.eot?#iefix') format('embedded-opentype'),
        url('fonts/Effra_Trial_SBd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'medium';
    src: url('fonts/Effra_Trial_Md.eot');
    src: url('fonts/Effra_Trial_Md.eot?#iefix') format('embedded-opentype'),
        url('fonts/Effra_Trial_Md.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'titulo';
    src: url('fonts/Effra_Trial_Bd.eot');
    src: url('fonts/Effra_Trial_Bd.eot?#iefix') format('embedded-opentype'),
        url('fonts/Effra_Trial_Bd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




@font-face {
font-family: 'thiner';
src: url('fonts/Effra_Trial_Hair.eot?#iefix') format('embedded-opentype'), 
url('fonts/Effra_Trial_Hair.ttf')  format('truetype');
text-rendering: optimizeLegibility;
}


/************/
/*Resets*/
body, 
button, 
input, 
textarea {
font-smoothing: antialiased;
}


body { 
margin: 0; 
padding: 0; 
font-size: 16px; 
font-family:normal;

}


* { 
margin: 0;
padding: 0;
box-sizing:border-box; 
outline:none;
font-weight:300;
}


li { list-style: none;}


.todotexto ul li{
list-style: inherit;
}


button { cursor: pointer;}

img { border:none;}


/*****/
h1{
font-size:52px;
line-height:52px;
margin-bottom:30px;
}


h2{
font-size:45px;
}


h3{
font-size:36px;
}


h4{
font-size:25px;
}


p{
line-height: 1.3em;
}


body, html {height: 100%;}


:before{
font-family: "FontAwesome"
}


/* iconos en before/after */
.down:before{
content: "\f107";
}


/*Generales, reutilizables*/
.hidden{
display: none!important;
}


.hr{
text-align: center;
margin: 40px 0;
}


.hr img{
max-width: 20em;
}




strong, b, .bold{
font-family: "medium", sans-serif;
}


.mt50 {
margin-top: 50px !important;
}


.gris10 {
background-color:#F5F5F5;
}


.contenedor {
width: 100%;
clear: both;
position: relative;
}


.wrap {
width: 95%;
max-width: 1300px;
margin: auto;
position: relative;
overflow:hidden;
}


.contenido {
overflow: hidden;
width: 100%;
min-height: 500px; 
position: relative;
}


.col-2 { width: 50%; float: left;}


.col-3 {width: 33.33333%; float: left;}


.t-r{ text-align: right;}


.t-c {text-align: center;}


.boton {
display:inline-block;
  text-decoration: none;
  text-transform: uppercase;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
padding: 15px 25px;
 line-height:22px;
  font-size:16px;
  letter-spacing:1px;
  color: #fff;
  font-family:"normalbold", sans-serif;
  font-weight:300;
  margin-top:60px;
text-align: center;
background-color: #ee0c0d;
border: none;
z-index:2;
position:relative;
border-radius:3px;

}


.boton:hover {
background-color: #ee0c0d;
color:#fff!important;
}


.boton:before{
content: "";
border: 2px solid #ee0c0d;
width: 95%;
height: 90%;
z-index: -1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
position:absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
opacity:0;
border-radius:3px;

}


.boton:hover:before{
width: 105%;
height: 120%;
border: 2px solid #ee0c0d;
opacity:1;

}


.boton:after{
content: "";
background-color: rgba(181, 155, 119, 0.5);
height:80%;
width:100%;
z-index: -1;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
position:absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
display:none;
}


.boton:hover:after{
width: 130%;
}



.link, p a { 
text-decoration: none;
color: #ee0c0d;
transition:all 0.3ms linear;
border: none;
border-bottom:solid 1px transparent;
background: none;
}


.link:hover, p a:hover { 
color: #ee0c0d;
}

.texto .boton{margin-top:0;}

/*.link:hover, p a:hover {border-bottom-color:#2A2B2F;}

*/










@media only screen and (max-width:700px) {


.boton {

padding: 13px 23px;
 line-height:21px;
  font-size:13px;
  font-family:normal;
   margin-top:40px;


}

}







.loading {
display: inline-block;
width: 30px;
height: 30px;
background-position: center !important; 
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}


.loading.azul {background: url(SVimagenes/loading_azul.GIF) no-repeat;}


.loading.amarillo {background: url(SVimagenes/loading_amarillo.GIF) no-repeat;}


@media only screen and (max-width:800px){
h1{
font-size:42px;
margin-bottom:25px;
}


h3{font-size:26px;}


h4{font-size:18px;}





}


/*Mensaje de error del form-validator*/
span.help-block.form-error {
font-size: 12px;
padding-bottom: 10px;
display: block;
margin-top: -7px;
color: rgb(200, 0, 0);
font-family: arial;
text-transform: initial;
}


/*///////////////////////////////////*/
/*******/
body {color:#3c3c3c;}


a { color:#009ee0;}  
a:hover{ color:#02bdff;}
a:active{ color:#930;}








/*HEader ************************************************/
header { 
z-index: 99999; 
background-color: rgba(0,0,0,.7);
position:fixed!important;
top:0;
left:0;
width:100%;
padding: 15px 20px;
overflow:hidden;


}



body header.scrolleado{box-shadow:0 2px 3px rgba(0,0,0,0.25);
background-color:#f5f5f5;
transition:all 0.6s ease-in-out;}


header .logo {
float: left;
display: inline-block;

}


header .logo img {
height: 60px;
}



@media only screen and (max-width:380px) {

header .logo img {
height: 40px;
}

}

body .logonegro,
body header.scrolleado .logoblanco
{display:none;}

body header.scrolleado .logonegro
{ display:inline-block;}


header nav {
	position:absolute;
	top:50%;
	right:40px;
	transform:translate(0,-55%);
font-family: "normal";
}

/*Estilos del item de menu*/

header nav > a,
header nav .sub-menu a  {
text-decoration: none;
display: inline-block;
font-size: 12px;
/*line-height:80px;*/
letter-spacing: 2px;
margin-left: 20px;
transition: all 0.2s ease;
box-sizing: border-box;
font-family: "normalbold", sans-serif;
text-transform: uppercase;
color: #fff;
text-shadow:1px 1px 0 rgba(0,0,0,.8);
}

body.index header nav > a{ color:#fff;}

body header.scrolleado nav > a,
body.landing header nav > a
{ color: #000; 
text-shadow:1px 1px 0 rgba(0,0,0,0);}



header nav a:last-child{
margin-right: 0;
}



header nav a:hover {
color:#ee0c0d!important;
}





/* Menu hamburguesa */
header a.mantener.abrir-menu-responsive {
position:absolute;
top:50%;
right:20px;
font-size: 25px;
color: #fff;
display:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
transform:translate(0,-50%);
}


header a.mantener.abrir-menu-responsive:hover { color: #ee0c0d;
}


body.index header a.mantener.abrir-menu-responsive { color: #fff; }
body header.scrolleado a.mantener.abrir-menu-responsive,
body.landing header a.mantener.abrir-menu-responsive { color: #1c1b1c; }






/*Resolucion a la que se muestra o esconde el nav  de PC y el menu responsive , alternadamente*/

@media only screen and (max-width:1474px){ 
header nav{
display: none;
}


header a.mantener.abrir-menu-responsive{
display: block;
}


}










/*Fin nav version*/








/*menu responsive*/
.menu-responsive {
display: none;
background: #0A2945;
text-align: center;
position: fixed;
left: 0;
top: 80px;
width: 100%;
z-index: 100000;
}


.menu-responsive a {
display: block;
color: rgba(255,255,255,1.00);
border-top: 1px solid rgba( 255, 255, 255, 0.1 );
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
text-decoration: none;
padding: 15px 5%;
font-family: "normal", sans-serif;
text-transform: uppercase;
letter-spacing:2px;
font-size:13px;
}


.menu-responsive a:hover{
color: #ee0c0d;
}


@media only screen and (min-width:1474px){ 
.menu-responsive {
opacity: 0;
}


}


/*Fin menu responsive*/











/* vcabeza  *************************************/


/*el vcasep es el separador que mantiene la  videocabeza en la posicion que yo quiera*/
#vcasep{
	height:0px;}
	
	
	@media only screen and (max-width:814px) {#vcasep{height:93px;}}
	@media only screen and (max-width:368px) {#vcasep{height:74px;}}
	

#vcabeza{ overflow:hidden;
position:relative;
background-color:#000;
background-position:center center;
background-size:110% auto;
box-shadow:0 5px 20px rgba(0,0,0,.5);
z-index:500;
}




#vcabeza:after{top:0;
left:0;
width:100%;
height:100%;
position:absolute;
display:block;
content:"";
background-color: #0D4159;
opacity:0.0;
z-index:2;}



#vcabeza video{ width:100%;
display:block;
z-index:1;}



#vcabeza #pantalla{ background-image:url(video/video.jpg);
background-size:auto 100%;
height:400px;
position:relative;
background-position:center center;
z-index:1;}






#vcabeza #slogan{
position:absolute;
width:90%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color:#fff;
text-align:center;
z-index:3;
max-width:800px;
font-size:35px;
letter-spacing:0.03em;
}





#vcabeza #slogan img{ transition:all 0.8s linear 1s;
margin-bottom:25px;
max-width:300px;}




#vcabeza #slogan h2{ font-family:bold;
font-size:30px;
margin-bottom:20px;}


#vcabeza #slogan h2 em{ display:block;
font-size:70px;
text-transform:uppercase;}




#vcabeza #slogan p{ font-size:23px;
}



@media only screen and (max-width:650px) {

#vcabeza #slogan img{ max-width:250px;}



#vcabeza #slogan h2 em{ 
font-size:50px;
}



}






@media only screen and (max-width:420px) {

#vcabeza #slogan img{ max-width:150px;}



#vcabeza #slogan h2{ 
font-size:15px;
}



#vcabeza #slogan h2 em{ 
font-size:30px;
}



}



body:hover #vcabeza #slogan img{ -webkit-transform: perspective(100) /*cercano al 0 y al 1000  se movera mas normal . Se multiplica por el perspective del parent*/
 translate3d(0,0,0) /*Las medidas deben ser con unidades*/
 scale3d(1,1,1)  /*A value of 1 will preserve the original value*/
 rotate3d(0, 1, 0, 359.9deg); /* (x, y, z, angle) Esto lo rota en el  eje de las Y*/

transform: perspective(300px) /*firefox necesita que sea en px o em*/
 translate3d(0,0,0)
 scale3d(1,1,1)  
 rotate3d(0, 1, 0, 359.9deg); }



#vcabeza a.ir{ color:#fff;
font-size:50px;
width:50px!important;
display:inline-block;
position:absolute;
bottom:30px;
left:30px;
z-index:3;
transition:bottom 0.5s linear, color 0.3s linear;
display:none;}



#vcabeza a.ir:hover{ color:#092c30;}



#vcabeza:hover a.ir{ bottom:20px;}















/*Index*/



.arrow{

bottom:20px;

left:50%;

transform:translate(-50%,0);

position:absolute;
 
z-index:13;
}











/*******************************infoindex*/
#infoindex{
padding: 110px 0;
overflow:hidden;
position:relative;
margin:0 auto;
overflow:hidden;
background-image:url(SVimagenes/fondo-infoindex.jpg);
background-size:auto 100%;
background-position:right center;
background-attachment:fixed;
background-repeat:no-repeat;
 background-color: #f2f2f2;

}

#infoindex #texto{
width:45%;
margin:0 auto 0 12%;
position:relative;
z-index:2;
max-width:600px;
}




#infoindex #texto h1{
font-family:titulo;
margin-bottom:25px;
color:#1c1b1c;
font-size:2.8em;
line-height:1em;
}


#infoindex p{
font-family: "normal", sans-serif;
color: #151515;
font-size: 23px;
margin-bottom:20px;
line-height:1.3em;
}

#infoindex p:nth-of-type(1){
	font-size: 29px;}

#infoindex p:last-child{
	margin-bottom:0}
	
	
#infoindex .boton{ margin-top:10px;}

#infoindex p a{color: #009ee0;}
#infoindex p a:hover{color: #ee0c0d;}













@media only screen and (max-width:1368px) {

#infoindex #texto{
width: 50%;
}

#infoindex p{
font-size: 20px;
}
}

@media only screen and (max-width:1104px) {



#infoindex p{
font-size: 22px;
}
}

@media only screen and (max-width:1025px) {
	#infoindex{
padding: 80px 0 80px 0;


}

#infoindex #texto{
width: 90%;
margin: 0 auto;
}

#infoindex p{
font-size: 21px;
}

#infoindex #pslider2{
position:relative;
right: auto;
top: auto;
transform: translate(0, 0);
display:block;
width:100%;
margin:0 auto;

}


}



@media only screen and (max-width:892px) {
	#infoindex{
background-image: none;

}

}





/*cierra infoindex* **********************************************/





/*Abre titulotes ****************************************************/

.titulote,
.detalle-articulo .texto h2.titulote{
	font-family:titulo;
	font-size:3em;
	text-align:center;
	color:#1c1b1c;
	position:relative;
	margin:65px auto 20px auto;
	line-height:1.1em;
	max-width:900px;}
	
.detalle-articulo .texto h2.titulote{
	font-size:3em;
		}
	

	
	.titulote em,
	body.lprcameras #infoindex #texto h1 em,
	body.anprcameras #infoindex #texto h1 em{
		font-style:normal;
		color:#ee0c0d}
		
			.titulote.specialized em,
			body.lprcameras #infoindex #texto h1 em,
			body.anprcameras #infoindex #texto h1 em{
				font-size:2em;}
		
		.resumensote{ font-size:23px;
		max-width:850px;
		margin:60px auto 0 auto;
		text-align:center;}
		
		@media only screen and (max-width:578px) {


			.titulote.specialized em,
			body.lprcameras #infoindex #texto h1 em,
			body.anprcameras #infoindex #texto h1 em{
				font-size:1.8em;}
}
	
	
	@media only screen and (max-width:504px) {

.titulote{
	font-size:2em!important;
	line-height:1.2em;
	margin-top:50px;
	padding:0 20px;
	}
.titulote:after{
bottom:-30px;
height:7px;
width:70px;
border-radius:7px;
}
			.titulote.specialized em,
			body.lprcameras #infoindex #texto h1 em,
			body.anprcameras #infoindex #texto h1 em{
				font-size:1.6em;}
}

	@media only screen and (max-width:380px) {

.titulote{
	font-size:2em;
	margin-top:40px;
	}
.titulote:after{
bottom:-20px;
height:5px;
width:50px;
border-radius:5px;
}
			.titulote.specialized em,
			body.lprcameras #infoindex #texto h1 em,
			body.anprcameras #infoindex #texto h1 em{
				font-size:1em;}

}

/*Cierra titulotes ****************************************************/








/*portfolio*/
#portfolio{
padding:100px 20px;
clear: both;
display: flex;
    flex-wrap: wrap;
justify-content: center;
align-items:stretch;
max-width:1200px;
margin:0 auto;
}


#portfolio a{
background-color: #B9B9B9;
width: 32%;
text-decoration:none;
margin: 0 2% 2% 0;
border-radius:10px;
overflow:hidden;
}

#portfolio a:nth-of-type(3n){
margin-right:0;

}
/*Título de Lista de Portafolio*/



/*Elemento de Lista de Portafolio*/
#portfolio .port_item{
background-color: #B9B9B9;
font-family: "titulo", sans-serif;
text-transform: uppercase;
position: relative;
background-position: center;
background-size: auto 100%;
overflow:hidden;
transition: all 0.4s ease;
}


#portfolio .port_item:hover{
background-size: auto 110%;
}


.port_item img{
width: 100%;
}

/*tapa de color*/
.port_item:after{
content: "";
width:100%;
height:100%;

background-color: rgba(9,62,121,0.3);
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}

/*rayita*/
.port_item:before{
content: "";
width:100%;
height:100%;
border: 2px solid transparent;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 3;
}


.port_item:hover:after{
background-color: rgba(9,62,121,0.8);
}


.port_item:hover:before{
width:90%;
height:80%;
border: 2px solid #fff;
border-radius:10px;
}


#portfolio a .port_item i.fa{
position: absolute;
bottom: 35px;
right: 35px;
font-size: 25px;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 3;
color: #fff;
display:none;


}


#portfolio a:hover .port_item i.fa{
opacity: 1;
}


/*Texto de elemento Lista de Portafolio*/
#portfolio .port_item h3{
color: #ffffff;
position:absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 1.4em;
text-align: center;
padding: 16px 30px;
border: 2px solid #fff;
z-index:3;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
text-shadow:1px 1px 0px rgba(0,0,51,.3);
border-radius:10px;
background-color:rgba(0,0,51,.2)
}


#portfolio .port_item:hover h3{
padding: 20px 30px;
border: 2px solid transparent;
color: #fff;
background-color:rgba(0,0,51,0)
}


#portfolio .port_item h3:before{
content: "";
height: 90%;
width: 120%;
background-color: rgba(255,255,255,0.65);
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: -1;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
display:none;
}


#portfolio .port_item:hover h3:before{
background-color: rgba(255,255,255,0);
}


@media only screen and (max-width:770px){ 


#portfolio a{
background-color: #B9B9B9;
width: 45%;
text-decoration:none;
margin: 0 2% 2% 0;
border-radius:10px;
overflow:hidden;
}

#portfolio a:nth-of-type(3n){
margin-right: 2%;

}

#portfolio a:nth-of-type(2n){
margin-right:0;

}



}


@media only screen and (max-width:550px){ 

#portfolio a{
    width: 100%;
margin: 0  0 20px 0;
}


#portfolio{
padding:50px 30px;

}




#portfolio .port_item h3{
font-size: 1.2em;
}



}


/*cierra portfolio*/






















/*servicios*/
#servicios{
padding: 110px 0 280px;
}


#servicios h2{
text-align: center;
color: #ee0c0d;
font-family: "titulo", sans-serif;
text-transform: uppercase;
font-size: 2.3em;
margin-bottom: -20px;
}


#servicios #enlaces{
overflow:hidden;
display: flex;
justify-content:space-around;
flex-wrap: wrap;
margin: 0 auto;
max-width: 1100px;
width:95%;
}


#servicios #enlaces .service_item{
width: 166px;
text-align: center;
color: #ee0c0d;
text-decoration: none;
padding: 30px 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}


#servicios #enlaces .service_item:hover{
background-color: #f6f6f6;
}


#servicios #enlaces .service_item img{
width: 90%;
margin: 0 auto;
max-width: 120px;
    margin-bottom: 20px;
}


#servicios #enlaces .service_item h3{
font-family: "thiner", sans-serif;
font-size: 14px;
text-transform: uppercase;
}


@media only screen and (max-width: 600px){
#servicios {
padding: 60px 0 180px;
}


}


/*cierra servicios*/











/*mapa*/
#map{
position: relative;
font-family: "titulo";
color: #00a0e3;
height:400px;
font-size: 22px;
cursor: pointer;
}


#map iframe{
width: 100%;
height: 400px;
margin-bottom: -5px;
}


#map #tapamapa:before{
position:absolute;
content:"";
background-color: rgba(255,220,0,0.70);
background-image: url(SVimagenes/tapa_map.png);
background-position: center;
background-repeat: no-repeat;
width:100%;
height:100%;
top: 0;
left:0;
padding: 150px;
box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}


#map:hover #tapamapa:before{
background-color: rgba(255,220,0,0.50);
}


#map #tapamapa:after{
content:"Haz clic para ver el mapa";
opacity: 0;
position: absolute;
left: 50%;
bottom: 20px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}


#map:hover #tapamapa:after{
opacity: 1;
}


/*ciera mapa*/









.categorias-link {
background: #FCFCFC;
padding: 20px 0 15px 0;
text-align: center;
}


.categorias-link a {
display: inline-block;
font-size: 12px;
text-decoration: none;
color: dimgray;
text-transform: uppercase;
  transition:all 200ms linear;
margin: 0px 5px 10px 0;
border: solid 1px #EAEAEA;
background: transparent;
padding: 5px 12px;
border-radius: 40px;
}


.categorias-link a:hover {background: #EAEAEA;}


.section-home{
position:relative;
display:block;
float:left;
width:100%;
}


/*featured*/
#featured{
clear: both;
}


.featured-cont{
height:200px;
    width: 100%;
    color: white;  
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center;
display:block;
float:left;
position: relative;
}


.featured-cont .wrap{
width:85%;
position:absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}


#busqueda #featured .featured-cont h1{
text-transform:uppercase;
}


#busqueda #featured .featured-cont .resumen-producto {
text-transform:capitalize;
}


#featured .featured-cont .resumen-producto {
    width: 100%;
    padding-left: 50px;
    font-family: "thiner", sans-serif;
    font-size: 20px;
margin-top: 10px;
}


#featured .featured-cont h1{
display:block;
margin-bottom:0px;
width:100%;
height:42px; 
font-size: 42px;
    line-height: 42px;
    font-family: "titulo", sans-serif;
text-transform:uppercase;
}


#featured .featured-cont .wrap{
overflow:visible;
}


#featured .featured-cont h3{ 
display:block; 
margin-bottom:10px;
font-size:25px; 
}


#featured .featured-cont p{
font-size:20px;
width:40%;
}


.p_detalles{
width: 70%;
margin: 50px auto;
text-align: center;
font-family: "normal", sans-serif;
font-size: 20px;
}


/*fin Listado de articulos*/














/*Listado de productos*/
h2.titulo {
width: 100%;
font-size: 30px;
padding: 8px;
text-align: center;
border-top: 2px solid #303030;
border-bottom: 2px solid #303030;
margin: 7% 0;
letter-spacing: 2px;
text-transform: uppercase;
}


h3.resumen {
  margin-top: -70px;
  text-align: center;
  font-size: 26px;
}


body.listado .contenido{
background-color:#E8E8E8;
}


.productos {
font-size: 0;
text-align: center;
width: 100%;
clear: both;
margin:0 auto 30px auto;
max-width:1200px;
float:none!important;
padding:0 20px;
}


.productos .mt50{
display: flex;
    align-items: stretch;
justify-content: center;
flex-wrap: wrap;
}

/*Listados principales*/
.productos a {
display: inline-block;
text-decoration: none;
position: relative;
width: 350px;
background:#f9f9f9;
vertical-align: top;
margin-right:15px;
margin-bottom:15px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
height:460px;
text-align:left;
border:1px dotted rgba(0,0,51,.3);
 border-radius: 10px;
}


.productos a:hover {
/*background: #F4F4F4;*/
box-shadow: 3px 3px 5px #CDCDCD;
}


.productos a .img {
overflow: hidden;
height: 200px;
position: relative;
margin-bottom:20px;
}


.productos a .img img {
position: absolute;
left: 50%;
top: 50%;
transform:translate(-50%,-50%);
height: 115%;
opacity: 1;
transition:all 0.2s ease-in-out;

}


.productos a:hover .img img {
height: 130%;
}



.productos a h3 {
color: #1c1b1c;
font-size: 20px;
line-height:1.2em;
margin: 10px 20px;
font-family:"titulo", sans-serif;
transition: all 0.3s ease;
}


.productos a:hover h3,
.productos a:hover .precio{
color: #ee0c0d;
}


.productos a p {
font-size: 18px;
font-family:"normal", sans-serif;
padding:0 20px 20px 20px;
color: #151515;
}




/*Productos Listados First Child*****************/ 

.productos.blogg a:first-child {
	display:block;
	width:100%;
	margin:0 0 20px 0;
	border:none;
	height:460px;
	position:relative;
}




.productos.blogg a:first-child .img {
overflow: hidden;
height: 460px;
position: relative;
width:100%;
z-index:1;
}

.productos.blogg a:first-child .img:before {
height: 100%;
width:100%;
display:block;
content:"";
position: absolute;
top:0;
left:0;
background-color: rgba(0,19,94,.65);
z-index:3;
transition:all 0.2s ease-in-out;
}

.productos.blogg a:first-child:hover .img:before {
background-color: rgba(0,19,94,.55);

}


.productos.blogg a:first-child .img:after {
height: 40px;
width:85px;
display:block;
content:"Leer Más";
font-family:normal;
font-size:14px;
color:#fff;
position: absolute;
bottom:20px;
right:20px;
z-index:4;
border:solid 1px #fff;
line-height:40px;
text-transform:uppercase;
text-align:center;

}


.productos.blogg a:first-child .img img {
position: absolute;
left: 50%;
top: 50%;
transform:translate(-50%,-50%);
width: 100%;
opacity: 1;
transition:all 0.2s ease-in-out;
z-index:2;

}


.productos.blogg a:first-child:hover .img img {
width: 110%;
opacity: 1;
}



.productos.blogg a:first-child h3 {
color: #fff;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size: 45px;
line-height:.9em;
z-index:3;

}


.productos.blogg a:first-child:hover h3,
.productos.blogg a:first-child:hover .precio{
color: #fff;
}


.productos.blogg a:first-child p {
	display:none;

}



@media only screen and (max-width:700px) {

.productos.blogg a:first-child {
		height:360px;
	position:relative;
}




.productos.blogg a:first-child .img {
overflow: hidden;
height: 360px;
position: relative;
z-index:1;
}

.productos.blogg a:first-child .img img {
width: auto;
height:100%;
opacity: 1;
}


.productos.blogg a:first-child h3 {
font-size: 40px;


}
}


@media only screen and (max-width:400px) {


.productos.blogg a:first-child h3 {
top:40%;
transform:translate(-50%,-50%);
font-size: 30px;
}

.productos.blogg a:first-child .img:after {
right:auto;
left:50%;
transform:translate(-50%,0);
}


}






@media only screen and (max-width:400px) {

.productos a {
height:auto;
width:100%;
margin:0 0 20px 0;

}


}











.vertodo {
width: 100%;
height: 30px;
float: left;
clear: both;
border-bottom: solid 1px #3e3e3e;
position: relative;
}


.vertodo a {
position: absolute;
left: 50%;
transform:translateX(-50%);
bottom: -15px;
padding: 5px 10px;
background: white;
color: dimgray;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
border: solid 1px;
width: 230px;
}


.vertodo a:hover {background: #F5F5F5;}


#titulolistados{
font-family: "titulo", sans-serif;
color: #b3b3b3;
}


/*Fin Listado de productos*/
/*Productos destacados (carrusel)*/
.destacados {
width: 100%;
float: left;
clear: both;
position: relative;
border-bottom: solid 1px #EAEAEA;
margin-bottom: 50px;
}


/*Fin Productos destacados*/
/***Fin index***/



/*Abre blog ****************************************************/

.blog{ max-width:1000px;
overflow:hidden;
margin:60px auto 0 auto;}

.blog a{
	float:left;
	width:32%;
	margin:0 2% 2% 0;
	height:410px;
	padding:20px;
	background-color:#fff;
	border:dotted 1px rgba(0,0,0,.2);
	text-decoration:none;
	display:block;
	transition:all 0.15s ease-in-out;
}

.blog a:hover{

	background-color:#f9f9f9;
	border:dotted 1px rgba(0,0,0,.6);

}

.blog a:nth-of-type(3n){margin-right:0;}

.blog a .img{ height:150px;
position:relative;
overflow:hidden;
margin-bottom:20px;}

.blog a .img img{ position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
height:100%;}

.blog a h3{
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:10px;
	color:#1c1b1c;
	
	font-family:normalbold;}
	
.blog a p{ font-size:1em;
line-height:1.3em;
font-family:normal;}



@media only screen and (max-width:800px) {

.blog a{
	float:left;
	width:48%;
	margin:0 2% 2% 0;
	height:410px;
	padding:15px;
	
}

.blog a:nth-of-type(3n){margin-right:2%;}
.blog a:nth-of-type(2n){margin-right:0;}

.blog a .img{ height:200px;
}


}


@media only screen and (max-width:600px) {

.blog a{
	float:none;
	width:80%;
	margin:0 auto 30px auto;
	height:410px;
	padding:15px;
	
}

.blog a:nth-of-type(3n){margin-right:auto;}
.blog a:nth-of-type(2n){margin-right:auto;}

.blog a .img{ height:220px;
}

.blog a .img img{
height:120%;}


}




@media only screen and (max-width:430px) {

.blog a{
	height:440px;
	
	
}




}

/*Cierra blog ****************************************************/










.paddingleft{
padding-left: 20px;
}












/*Fin Detalle del producto*/
/* galeria producto*************************************/
#galeria{
overflow:hidden;
display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
margin:0 0 30px 0;
display:none;}


#contenido.cerrado #galeria{
display:none;
}


#galeria a{
/*display:block;
float:left;
width:20%;*/
position:relative;
overflow:hidden;
cursor:pointer;
border: 3px solid #fff;
}


#galeria a img{
/*width:100%;*/
display:block;
height:250px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}


#galeria a:hover img{
opacity: 0.6;
}



.articulo249 #galeria,
.articulo246 #galeria,
.articulo247 #galeria{display:none;}


/*cerro galeria **********************************/
/* caja  *************************************/
#caja{ height:400px;
position:relative;
overflow:hidden;
transition:all 0.3s linear;
 
}


#caja.cajacategoria{
background-position:center center;
background-repeat:no-repeat;}


#caja img#pimagen{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
cursor: pointer;
display: block;
transition: all 0.3s linear;
}








@media only screen and (max-width:760px){



.featured-cont{
height:150px;
padding:100px 0 0 0 ;
}








#featured .wrap{padding-right:40%;}


#featured .featured-cont h3 {
    font-size: 20px;
}


.login {    
    padding: 10px;
}


#featured .featured-cont h1 {
font-size:30px;
}


}





@media only screen and (max-width:380px){
.detalle-producto button {
   padding:15px 10px !important;
}


}


/*Listado de articulos*/
.articulos {
text-align: center;
font-size: 0;
}


.articulos a {
width: 31.3333333%;
height: 450px;
margin: 1%;
vertical-align: top;
text-decoration: none;
background: white;
display: inline-block;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}


.articulos .img {
width: 100%;
height: 155px;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat;
}


.articulos .texto  {
padding: 30px;
text-align: left;
}


.articulos h1 {font-size: 30px; line-height: 30px; margin-bottom: 10px;}


.articulos p {
font-size: 19px;
color: #757575;
}


/*Detalle articulo*/
.detalle-articulo .col-2 {
float: left;
margin-bottom: 80px;
}


.detalle-articulo .col-2 img{
margin-bottom: 20px;
max-width:270px;
}


.detalle-articulo .col-2.a {
position: fixed;
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
left: 0;
top: 35px;
}


#svg-filter { display: none; }


.detalle-articulo .col-2.a .imagen_filtro {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
transform: translate(-50%, -50%);
z-index: -1;
  -webkit-filter: url(#svg-blur) sepia();
}


.detalle-articulo-img{
height: 650px;
max-height:650px;
width:100%;
display:block;
overflow:hidden;
position:relative;
background-blend-mode: multiply;
background-size: cover;
background-position: center center;
 box-shadow: 0 2px 7px rgba(0,0,0,.5);
}





.detalle-articulo-img .cont-titulo{
	width:90%;
	max-width:900px;
z-index:10;
position:absolute;
top: 50%;
left:50%;
transform: translate(-50%, -50%);

}



.detalle-articulo-img .cont-titulo .breadcrumbs{
	margin:0 auto 20px 10px;


}

.detalle-articulo-img .cont-titulo .breadcrumbs a{
	color:#fff;
	font-family:normalbold;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:5px;


}

.detalle-articulo-img .cont-titulo .breadcrumbs a:hover{


}


.detalle-articulo-img .titulo {
margin-bottom:30px;
color: #fff;
font-size:70px;
line-height:.8em;
font-family: "titulo", sans-serif;
text-shadow:1px 1px 0 rgba(0,0,0,.7);

}


.detalle-articulo-img .resumen {
font-family: "normal", sans-serif;
font-size: 23px;
color:white;
letter-spacing: 1px;
max-width: 850px;
line-height: 1.3em;
margin:0 auto 0 10px;
text-shadow:1px 1px 0 rgba(0,0,0,.4);
}


.detalle-articulo-img .resumen span {
font-size:30px;
color:white;
}


.detalle-articulo-img img{
width: 100%;
opacity:0.5;
}


.detalle-articulo .todotexto {
width:80%;
max-width:900px;
display:block;
margin:40px auto;
padding:25px;
background-color:rgba(255,255,255,0.5);
border-radius:10px;
}




























.detalle-articulo .texto p {
font-size:23px;
margin-bottom:25px;
line-height:1.37em;
font-family: "normal", sans-serif;
}

.detalle-articulo .texto strong, .detalle-articulo .texto b{
	color:#000;}
	
	#lpr.detalle-articulo .texto strong, #lpr.detalle-articulo .texto b{
	color:#fff;}


.texto p.especial{ font-size:30px;
color:#1c1b1c;
line-height:1.3em;}



p.conimagen{ text-align:center;
margin:20px 0 40px  0;
}


p.conimagen img{ 
 display:block;
 width:100%;
 border-radius:10px}
 
 
 .texto p.caption{ font-size:19px;
 font-family:normalbold;
color:#1c1b1c;
line-height:1.3em;
margin:0 0 30px 30px;
padding-left:30px;
border-left:solid 5px #ee0c0d}
 
 
 
img.square{ float:left;
width:40%;
margin:0 20px 10px 0;
border-radius:10px;
padding:15px;
border:dotted 1px #ccc;}




blockquote{
	border-radius:10px;
	background-color:#f9f9f9;
	padding:25px;
	border:dotted 1px #ccc;
	margin:0 0 25px 0;
	}
	
.detalle-articulo .texto blockquote p{
	margin-bottom:25px;
	font-size:1.4em;
	line-height:1.5em;
	color:#000;
}
	.detalle-articulo .texto blockquote p:last-child {
	margin-bottom:0;
}
	
	
	
	/*estimated reading time*/
.detalle-articulo	.texto p.eta{ font-size:.9em;}
	
	
	
	


p.t-center{text-align:center;}


.fecha_publicacion {
font-size: 14px;
padding-top: 40px;
font-family: "titulo", sans-serif;
color: #848484;
text-transform: uppercase;
letter-spacing: 1px;
max-width: 900px;
margin:0 auto;
margin-bottom: 80px;
}


.detalle-articulo .fecha_publicacion {margin-top: 10px;}


.enlaces {
margin-top: 30px;
text-align: center;
max-width: 900px;
margin: 0 auto;
margin-bottom: 80px;
}


.enlaces a {
margin-right: 10px;
}


.enlaces .boton{
margin: 0 20px 20px 0;
position: relative;
/*transform: none;*/
}
.detalle-articulo .texto h1,
.detalle-articulo .texto h2,
.detalle-articulo .texto h3,
.detalle-articulo .texto h4,
.detalle-articulo .texto h5,
.detalle-articulo .texto h6 {
font-family: "titulo", sans-serif;
color: #1c1b1c;
margin-bottom:15px;
max-width:700px;
line-height:1.1em;
}

.detalle-articulo .texto h2 em,
.detalle-articulo .texto h3 em,
.detalle-articulo .texto h4 em,
.detalle-articulo .texto h5 em {
font-style:normal;
color: #ee0c0d;

}

.detalle-articulo .texto h1:first-child,
.detalle-articulo .texto h2:first-child,
.detalle-articulo .texto h3:first-child,
.detalle-articulo .texto h4:first-child,
.detalle-articulo .texto h5:first-child,
.detalle-articulo .texto h6:first-child {
margin-top:0;

}


.detalle-articulo .texto h1,
.detalle-articulo .texto #camaradescontainer h2 {
margin:0 auto 35px auto!important;
font-size: 45px;
position:relative;
text-align:center;
font-family: "titulo", sans-serif;

}




.detalle-articulo .texto h2 {
 margin-top:50px;
font-size: 38px;
position:relative;
color: #1c1b1c;
font-family: "titulo", sans-serif;
}



.detalle-articulo .texto h3{
 margin-top:50px;
position: relative;
font-size: 28px;
}



.detalle-articulo .texto h4{
font-size: 23px;
}


.detalle-articulo .texto h5{
font-size: 20px;
}


.detalle-articulo .texto h6{
font-size: 16px;
}


.texto ul, .texto ol {
   margin:0 auto 30px 25px;
   font-family: "normal", sans-serif;
   max-width:780px;
}


.texto ul li,
.texto ol li{
font-family: "normal", sans-serif;
font-size: 23px;
line-height:1.4em;
list-style-position:outside;
margin:0 0 20px 0;
}

.texto ul li{
list-style-type:circle;
 
}

.texto ol li{
list-style-type: decimal;
 
}

.texto ul li:last-child,
.texto ol li:last-child{
	margin-bottom:0;}





.detalle-articulo table {
  width: 100%!important;
  background-color: #FFFFFF;
  border-collapse: collapse;
  border-width: 0;
  color: #000000;
		margin:40px 0;
}

.detalle-articulo table td, .detalle-articulo table th {
  border-width: 0;
  padding: 12px;
}

.detalle-articulo table tr:nth-of-type(even) {
	background-color:#f5f5f5;}

.detalle-articulo table thead {
  background-color: #7EA8F8;
		text-align:left;
		font-family:normalbold;
}
















@media only screen and (max-width:800px){ 
.detalle-articulo-img{max-height:525px;}


.detalle-articulo-img img {
height: 500px;
width:auto;
}


.detalle-articulo-img .titulo {
margin-bottom: 20px;
font-size: 50px;
line-height:50px;
}



.detalle-articulo .col-2 {width: 100%;}


.detalle-articulo .col-2.a {display: block; position: inherit; height: inherit; top: 0;}


.detalle-articulo .col-2.a .imagen_filtro {display: none;}






img.square{ float:none;
width:100%;
margin:0 0 20px 0;}
 
 
 
}


@media only screen and (max-width:700px){ 
.detalle-articulo-img .resumen{
margin-left:0;
}


}


@media only screen and (max-width:600px){ 

.detalle-articulo-img .cont-titulo .breadcrumbs{
	margin-left:5px;


}

.detalle-articulo .todotexto {
width:90%;
margin:40px auto;
padding:0;

}
.detalle-articulo-img .cont-titulo{
top:59%;
}


.detalle-articulo-img .titulo {
margin-bottom: 15px;
font-size: 36px;
line-height:35px;
}


.detalle-articulo .texto h1 {
   
font-size: 25px;
line-height:1em;

}


.detalle-articulo .texto h2 {
       
font-size: 27px;
position:relative;
color: #1c1b1c;
font-family: "titulo", sans-serif;
}






.detalle-articulo .texto h3{
font-size: 21px;
margin: 50px 0 15px!important;
position: relative;

}




.detalle-articulo-img .resumen {font-size: 19px;}


.detalle-articulo-img .resumen span {font-size: 22px;}


.detalle-articulo .texto p {
font-size: 18px;
margin-bottom: 30px;
}

.detalle-articulo .texto p.especial {
font-size: 22px;
font-family:normal;

}
.texto ul li, .texto ol li{
font-size: 16px;
}

.detalle-articulo .texto blockquote p{font-size: 18px;}
}


@media only screen and (max-width:450px){
.detalle-articulo-img .resumen {
font-size: 19px;
}


}


/*Fin Detalle articulo*/





/*Listado de las categorias*/
.imagen-categoria .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #25272B;
opacity: .4;
z-index: 2;
}


.imagen-categoria {
width: 100%;
height: 550px;
position: relative;
z-index: 99;
background-blend-mode: multiply;
background-size: cover;
background-position: center center;
}


.imagen-categoria .cont-titulo {
   padding:0 20px;
z-index:10;
position:absolute;
top: 60%;
left:50%;
transform: translate(-50%, -50%);
 max-width: 900px;
	width:100%;
}


.imagen-categoria .cont-titulo h1{
	
margin-bottom: 10px;
color: #fff;
font-size: 55px;
line-height:55px;
font-family: "titulo", sans-serif;
text-align: center;
text-shadow:1px 1px 0px rgba(0,0,0,.5);
}


.imagen-categoria .cont-titulo p{
color: #fff!important;
font-size: 23px;
font-family: "normalbold", sans-serif;
max-width: 900px;
text-align:center!important;
line-height:1.3em;
text-shadow:1px 1px 0px rgba(0,0,0,.5);
}


.titulo-categoria p {
text-align: justify;
}


.titulo-categoria-art {
text-align: center;
width: 100%;
padding: 5% 0;
}


.titulo-categoria-art h1 {
font-size: 40px;
width: 100%;
max-width: 800px;
margin: auto;
margin-bottom: 20px;
color: #2A2B2F;
}


.titulo-categoria-art p {
font-size: 24px;
width: 100%;
max-width: 800px;
margin: auto;
color: #333;
}


.categorias {
font-size: 0;
text-align: center;
}


.cat-item {
width: 25%;
display: inline-block;
padding-right: 20px;
padding-bottom: 20px;
vertical-align: top;
}


.cat-item :last-child {padding-right: 0;}


.cat-item h1 {
float: left;
  width: 100%;
  padding-bottom: 10px;
  font-size: 16px;
  text-align: left;
  text-transform: uppercase;
  color: #404040;
}


.cat-item .img {
position: relative;
width: 100%;
float: left;
height: 150px;
background-position: center !important;
background-size: cover !important;
background-color: #F5F5F5;
}


.cat-item .img .overlay {
width: 100%;
height: 100%;
position: relative;
background: rgba(0,0,0,.5);
opacity: 0;
transition:opacity 200ms linear;
}


.cat-item .img .overlay:hover {
opacity: 1;
}


.cat-item .img .overlay i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 30px;
opacity: .6;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
}


@media only screen and (max-width:800px){ 
.imagen-categoria{max-height:450px;}


.imagen-categoria .cont-titulo{
margin-bottom: 20px;
font-size: 50px;
line-height:50px;
}
ol#lprfases li{
		width:100%;
	margin:0 0 20px 0;
		height:auto;
}

}


@media only screen and (max-width:700px){ 
.imagen-categoria .cont-titulo p{
padding-left:0;
}

.imagen-categoria .cont-titulo h1{
   
  
    font-size: 40px;
line-height:40px;

}


}


@media only screen and (max-width:600px){ 
.detalle-articulo-img .cont-titulo{
top:59%;
}


.imagen-categoria .cont-titulo h1 {
margin-bottom: 15px;
font-size: 30px;
line-height:30px;
}


.imagen-categoria .cont-titulo p {font-size: 20px;}


}


@media only screen and (max-width:450px){
.imagen-categoria .cont-titulo p {
font-size: 19px;
}


}


/*Fin Listado de las categorias*/
/*varios*/
.titulo-solo {
text-align: center;
padding: 50px 0 30px 0;  
  font-size: 50px;
line-height:50px;
position:relative;
font-family: "titulo", sans-serif;
}


.titulo-solo::after {
    width: 50px;
    height: 3px;
    margin-left: -25px;
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    background-color: #91268e;
}













/*cierra widget redes*/


/*Footer**************************************************************/
footer {
color: #fff;
background-color: #1c1b1c;
padding:60px 40px;
font-family: "normal";
overflow:hidden;
}
 
	
	

footer #logo{ width:80%;
max-width:300px;
}

footer .block{ float:left;
position:relative;
overflow:hidden;}

footer #one{ width:33%;}
footer #two{width:46%}
footer #three{width:20%}

footer h2,
footer h3{
color: #fff;
font-family: "titulo", sans-serif;
display:block;
max-width:400px;
text-transform:capitalize;
}

footer h2{font-size:21px;
margin:0 auto 20px 0;}

footer h3{
font-size:19px;
margin:30px auto 10px 0;
}


footer p,
footer a{font-size:17px;
 color:#fff;
  margin:0 0 13px 0;
		line-height:1.4em;}
 
 footer p{ line-height:1.4em;
	max-width:380px;}

footer a{ 
text-decoration:none!important;

	}

footer a.item{
	margin-bottom:17px;
	transition:all 0.2s ease-in-out;
	display:block;
	max-width:270px;
	}
	
footer a.item:hover{
	color:#ee0c0d;
	}


footer a.item:before{ font-family:FontAwesome;
letter-spacing:10px;
content:"\f0da";}

footer a.isologo:before{display:none}

footer .redes{
	margin:30px 0 0 15px}
	
	footer .redes h3{ margin-bottom:20px;}
	
	footer .redes a {display:inline-block;
		height:25px;
		width:25px;
		font-size: 25px;
	text-align:center!important;
 margin-right: 40px;
  color:#fff;
		overflow:hidden;

		  
}

footer .redes a span{
	text-indent:-5000px;
	display:inline-block;}


footer .redes a:before{font-family:'FontAwesome';
letter-spacing:0;}

footer .icon-instagram:before {content:"\f16d";}
footer .icon-facebook:before {content:"\f09a";}
footer .icon-twitter:before {content:"\f099";}
footer .icon-youtube:before {content:"\f167";}
footer .icon-linkedin:before {content:"\f08c";}
footer .icon-whatsapp:before {content:"\f232";}




footer .boton{background-color: #ee0c0d;}


@media only screen and (max-width:900px){
footer{
background-size: cover;
}


footer .block {
width: 100%!important;
max-width:300px;
margin:0 auto 40px auto;
float:none;
}


}






@media only screen and (max-width:360px) {

	footer .redes a {
 margin-right: 25px;
  
}


}










/*Formulario ************************************************/


/* formulario de contacto*/
#formulario {
margin: auto;
width: 100%;
overflow: hidden;
padding-bottom:20px;
}


#formulario label{
max-width: 80%;
display: block;    
box-sizing: border-box;   
margin: 0 auto 0 0;
padding: 10px 0;
font-size:13px;
font-weight:500;
font-family: "titulo", sans-serif;
text-transform: uppercase;
color: #ffffff;
}


#formulario input,
#formulario textarea,
#formulario select {
display: block;
width: 100%;
padding: 10px 15px;
font-size: 17px;
line-height:16px;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
text-transform:none;
font-weight:300;
border: none;
border-bottom: solid 1px rgba(255,255,255,0.2);
background: rgba(255,255,255,0);
font-family: "normal", sans-serif;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}




#formulario input[type="checkbox"]{
	display:inline;
	width:inherit;}

::-webkit-input-placeholder,
:-ms-input-placeholder,
:-moz-placeholder{
   color: #fff;
   
}



#formulario select option{ background-color: #1c1b1c!important;
color:#fff;}




#formulario textarea{
height:60px;
font-family: "normal", sans-serif;
}


#formulario input:focus,
#formulario textarea:focus,
#formulario select:focus,
#formulario input:hover,
#formulario textarea:hover,
#formulario select:hover {
background: rgba(255,255,255,0.1);
}



#formulario a{ color:#ee0c0d}
.boton.enviar{
margin:40px auto;
}










 /*Separador *******************************/
 
 
 #seps{ border-top:solid 1px #1D3240;
 position:relative;
 height:1px;
 z-index:1000;
 float:none;
 clear:both;
 width:100%;}


 
 #seps:before{
 position:absolute;
 left:50%;
 top:50%;
 width:50px;
 height:50px;
 transform:translate(-50%,-50%);
 background-image:url(SVimagenes/logo2.png);
 background-position:center center;
 background-size:100% 100%;
 background-repeat: no-repeat;
 content:"";
 }


 
 

 
 

 
 
 /*Banner*/
 
 
 
 
 
 .banner1{ margin:0 40px 40px 40px;
 position:relative;}
 
.banner1 .titulote{
	position:relative;
	z-index:2;}
	
	.banner1 .titulote:after{ bottom:auto; top:-30px;}

.banner1 p{ text-align:center;
font-size:19px;
line-height:1.3em;
position:relative;
z-index:2;
font-family:normal;
max-width:700px;
margin:0 auto;}


 .banner1 a{ display:block;
 position:relative;
 margin:-70px auto 0 auto;
 z-index:1;
 max-width:1000px;}
 
 
 


 
 .banner1 a img{ display:block;
 width:100%;
 }


 
 
 


@media only screen and (max-width:800px) {
	
.banner1{ margin:0 25px 40px 25px;
}

.banner1 .titulote{
	position:relative;
	z-index:2;
	font-size:35px;}
	
	.banner1 .titulote:after{ bottom:auto; top:-30px;}

.banner1 p{ 
font-size:15px;
}


 .banner1 a{ 
 margin:-25px auto 0 auto;}


}
 

@media only screen and (max-width:400px) {

.banner1 a{ 
 margin:-10px auto 0 auto;}

.banner1{ margin:0 25px 40px 25px;
}

.banner1 .titulote{
	font-size:30px;
	padding:0 20px;}
	
	.banner1 .titulote:after{ display:none;}

.banner1 p{ 
font-size:15px;
padding:0 20px;
}
}

 
 

 
 

 
 





















/*VideoWrapper ************************************/
		.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow:hidden;
	border-radius:10px;
	display:block;
}

.texto .videowrapper{ margin-bottom:25px;}

.videowrapper640{padding-bottom: 80%!important; /* 16:9 */}


.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius:10px;
}

.detalle-articulo .videowrapper { margin-bottom:40px;}



#youtube{ margin:60px auto 120px auto;
max-width:1200px;
text-align:center;}


#youtube .videowrapper {
margin: 60px 25px 10px 25px;
}

#ytbotonera{ text-align:center;
padding:10px 0 15px 0;
float:none;
width:100%;
overflow:hidden;}

@media only screen and (max-width:568px) {

		.videowrapper {
	
	padding-bottom: 46.25%; /* 16:9 */
	padding-top: 25px;
	
}



}
@media only screen and (max-width:388px) {

		.videowrapper {
	
	padding-bottom: 42.25%; /* 16:9 */
	padding-top: 25px;
	
}



}









/*Abre papa hijo ****************************************************/

.papa{ text-transform:none!important;
cursor:pointer;
transition:all 0.2s ease-in-out;
padding:0 20px 10px 0;
border-bottom:dotted 1px #ccc;
position:relative;}

.papa:after{ position:absolute;
top:50%;
right:0;
transform:translate(0,-50%);
display:inline-block;
font-family:FontAwesome;
content:"\f0da";
font-size:13px;
color:#999;}

.papa.abierto:after{
content:"\f0d7";
color:#ee0c0d;
}

.papa:hover{ color:#ee0c0d!important}

.texto .abierto{ font-size:1.7em!important;}

.hijo{display:none;}

/*Cierra papa hijo ****************************************************/

















/*Banner Contact******************************/

#contactbanner{
	position:relative;
	background-color:#cbd2da;}
	
	#contactbanner img{ 
width:100%;
display:block;
}

#contactbanner #texto{
	position:absolute;
	top:50%;
	left:30px;
	transform:translate(0,-50%);
	width:60%;
	max-width:700px;}
	
	#contactbanner #texto p{ color:#000;
	font-size:29px;
}
	
	#contactbanner #texto h3{ color:#ee0c0d;
	margin-bottom:25px;
	font-size:3.6em;
	font-family:titulo;}
	
	#contactbanner #texto .boton{
}

@media only screen and (max-width:1266px) {

	#contactbanner #texto p{
	font-size:24px;
	}
	
	#contactbanner #texto .boton{
		margin-top:30px;}		


}

@media only screen and (max-width:1049px) {

	#contactbanner #texto p{
	font-size:23px;
	}
	
	#contactbanner #texto .boton{
		margin-top:30px;}
				
	#contactbanner #texto h3{ 
	margin-bottom:20px;
	font-size:3em;
	}

}

@media only screen and (max-width:901px) {

	#contactbanner #texto p{
	font-size:19px;
	}
	
	#contactbanner #texto .boton{
		margin-top:20px;}
				
	#contactbanner #texto h3{ 
	margin-bottom:10px;
	font-size:2em;
	}

}

@media only screen and (max-width:676px) {

	#contactbanner #texto p{
	font-size:17px;
	}
	
	#contactbanner #texto .boton{
		margin-top:10px;}
				
	#contactbanner #texto h3{ 
	font-size:1.3em;
	}

}

@media only screen and (max-width:597px) {
#contactbanner{
	position:relative;
	height:270px;
	overflow:hidden;
}
#contactbanner img{ 
position:absolute;
width:100%;
right:0;
bottom:0;
top:auto;
z-index:1;
}

#contactbanner #texto{
	z-index:2;
	}


}

@media only screen and (max-width:597px) {
#contactbanner{
	position:relative;
	height:270px;
	overflow:hidden;
}
	
#contactbanner img{

position:absolute;
width:140%;
right:-80px;

}


	#contactbanner #texto p{	font-size:15px;	}

}


@media only screen and (max-width:499px) {	#contactbanner #texto p{	font-size:13px;	}}

@media only screen and (max-width:442px) {	#contactbanner #texto p{	font-size:13px;	}}

@media only screen and (max-width:371px) {
	#contactbanner img{right:-30px;}
	#contactbanner #texto p{	font-size:13px;	}
}

@media only screen and (max-width:346px) {#contactbanner img{right:-30px;}}
@media only screen and (max-width:315px) {#contactbanner img{right:-30px;}}







		
		
		
		
		
		#ascrail2000-hr{display:none!important;}