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

/*French fonts are the same but separated for security reasons. the updates made here in this section of the  css must be  repeated in  fonts.css of the french site*/
@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/AvenirNextLTPro-Regular.eot');
    src: url('fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


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

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


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




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


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


body { 
margin: 0; 
padding: 0; 
font-size: 16px; 
/*user-select:none;*/
background-image:url(SVimagenes/fondo2-min.jpg);
background-size:100% auto;
background-position:center bottom;
background-attachment:fixed;
background-repeat:no-repeat;
font-family:normal;

}

/*Body LPI*/
body.lpi { 
background-image:none;


}


* { 
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;
}

/*excepcion para la tabla de comparacion*/
body.articulo1679 .contenido,
body.articulo3009 .contenido{
overflow: scroll;
}


.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: #1e2a5a;
border: none;
z-index:2;
position:relative;
border-radius:3px;

}


body.lpi .der .boton{margin-top:30px;}

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


.boton:before{
content: "";
border: 2px solid #FF0B63;
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 #FF0B63;
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,h2 a,h3 a { 
text-decoration: none;
color: #0F6AD0;
transition:all 0.3ms linear;
border: none;
border-bottom:solid 1px transparent;
background: none;
}

h2 a,h3 a {
 color: #FF0B63;
}
.link:hover, p a:hover { 
color: #FF0B63;
}

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


header { 
z-index: 99999; 
background-color: #f5f5f5;
position:fixed!important;
top: 0px;
padding: 7px 30px;
overflow:hidden;


}


body.index header{ background-color:transparent;}


body header.scrolleado,
body.lprcameras header,
body.anprcameras header,
body.guard header,
body.movi header,
body.services header{
background-color:#fff;
transition:all 0.6s ease-in-out;}


header .logo {
margin-top:5px;
float: left;
display: inline-block;

}


header .logo img {
height: 40px;
}



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

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


header nav {
float: right;
font-family: "normal";
}


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: #1D3240;
padding: 17px 0 14px 0;
}

body.index header nav > a{ color:#fff;}
body header.scrolleado nav > a,
body.landing header nav > a
{ color: #1D3240;}



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



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



header nav a.item352,
header nav a.item353,
.menu-responsive a.item352,
.menu-responsive a.item353{display:none;}


header a.mantener.abrir-menu-responsive {
line-height: 60px;
float: right;
font-size: 25px;
color: #1e2a5a;
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;
}


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


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





/*Idiomas */
#idiomas {
font-family: "titulo", sans-serif;
   color: #BEBEBE;
   font-size: 14px;
position:absolute;
z-index:100;
top:80px;
right:20px;
/*transform:translate(-50%,0);*/
display:inline-block;
padding:10px;
background-color:#fff;
}


body.frenchsite#categoria25 #idiomas{display:none;}


#idiomas a {
color: #0A2945;
 cursor: pointer;
text-decoration: none;
font-size:1em;
}


#idiomas a:hover{
color: #FF0B63;
}

/*Aqui  es donde se decide el ancho de panbtalla donde se muestra el menu responsive*/
@media only screen and (max-width:3000px){ 
header nav{
display: none;
}


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


}










/*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: #FF0B63;
}


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


}


/*Fin menu responsive*/
.buscador {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(249,249,249,0.95);
z-index: 1000;
display: none;
}


.buscador .wrap {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}


.buscador .cerrar-buscador {
float: right;
margin-bottom: 20px;
font-size: 35px;
cursor: pointer;
font-family: "titulo", sans-serif;
}


.buscador .cerrar-buscador{
color: #1e2a5a;
}


.buscador .cerrar-buscador:hover {
color: #FF0B63;
}


.buscador form {
width: 100%;
}


.buscador form input {
width: 100%;
border: solid 2px #eee;
padding: 16px 20px;
font-size: 20px;
font-family: "thiner", sans-serif;
}


.buscador form button {
position: absolute;
top: 0;
right: 0;
width: 45px;
height: 45px;
background: #f9a026;
color: white;
border:none;
overflow: hidden;
}


.buscador form button:hover i {color: black;}










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

#vcabeza{ height:100%;
overflow:hidden;
position:relative;
background-color:#000;
background-position:center center;
background-size:110% auto;
}




#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%;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
z-index:1;}



#vcabeza #pantalla{ background-image:url(video/video.jpg);
background-size:auto 100%;
height:100%;
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;}












/* formulario de contacto*/
#formulario {
margin: auto;
width: 100%;
overflow: hidden;
 max-width: 400px;

}


#formulario label{
 display: block;
box-sizing: border-box;   
margin: 30px auto 10px 0;
font-size:15px;
font-weight:500;
font-family: "normalbold", sans-serif;
color: #1e2a5a;
}


#formulario input,
#formulario textarea,
#formulario select {
 margin-top: 10px;
display: block;
width: 100%;
padding: 10px 15px;
font-size: 17px;
line-height:16px;
color: #888888;
-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: solid 2px rgba(0,0,0,0.2);
background: rgba(255,255,255,0);
 border-radius: 10px;
font-family: "normal", sans-serif;
-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: #ccc;
   
}



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




#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(225,240,255,1.00);
}



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


/*formulario registro*/
.registro {margin-top:80px;}


.registro .boton{
margin-bottom: 70px;
}


/**/
header .grupo .buscador {
position: absolute;
bottom:10px;
right: 0;
width: 100%;
max-width: 600px;
}


header .grupo a.c,
header .grupo span.c {
float: right;
text-transform: uppercase;
color: #454545;
text-decoration: none;
  transition:all 200ms linear;
  border-bottom:solid 1px transparent;
margin-top: 25px;
margin-right: 20px;
font-size: 13px;
}


header .grupo a.c:hover {border-bottom-color:#454545;}


.slider img {
width: 100%;
}


/*Index*/
/*top*/
#top{
width: 100%;
height: 100%;
background-image: url(SVimagenes/top.jpg);
background-position:center;
background-size: cover;
position:relative;
overflow: hidden;
}


#carrusel{
width: 100%;
/*height: 100%;*/
position:relative;
overflow: hidden;
}


.arrow{

bottom:20px;

left:50%;

transform:translate(-50%,0);

position:absolute;
 
z-index:13;
}


#carrusel:before{
content: "";
height: 100px;
width: 100%;
background-color: rgba(255,255,255,0.50);
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%);
animation-duration: 2s;
animation-name: width;

z-index:8;
display:none;
}


#topmenu{
position:absolute;
left: 50%;
top: 25px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
width: 80%;
text-align:center;
}


#topmenu a{
color: #fff;
font-family: "thiner", sans-serif;
text-decoration: none;
text-transform: uppercase;
margin-right: 30px;
position: relative;
font-size: 0.9em;
}


#topmenu a:hover{
color: #1e2a5a;
}


#topmenu a:hover:before{
color: #fff;
}


#topmenu a:before{
content: "\f111";
position: absolute;
right: -20px;
font-size: 3px;
line-height: 20px;
}


#topmenu a:nth-child(6),
#topmenu a:nth-child(7),
#topmenu a:nth-child(8){
font-size: 1.1em;
}

 
#topmenu a:nth-child(5):before,
#topmenu a:nth-child(6):before,
#topmenu a:nth-child(7):before,
#topmenu a:nth-child(8):before{
display: none;
font-size: 1em!important;
}

 
#topmenu a.mantener.abrir-login {
margin-left: -10px;
}


#top img{
width: 350px;
position:absolute;
left: 50%;
bottom: 10%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}


#textotop{
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%);
width: 630px;
font-size: 3em;
font-family: "normal", sans-serif;
color: #1e2a5a;
overflow: hidden;
text-align: center;
z-index: 9;
box-shadow: inset 0 0 0 2px #F6F6F6;
padding: 30px 40px;
box-sizing: border-box;
display:none;
}


#textotop:before, #textotop:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  /*width: 100%;
  height: 100%;*/
}


/*animacion de borde*/
.draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}


.draw:before, .draw:after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}


.draw:before {
  top: 0;
  left: 0;
}


.draw:after {
  bottom: 0;
  right: 0;
}


.draw:hover {
  color: #0A2945;
}


.draw:hover:before, .draw:hover:after {
  width: 100%;
  height: 100%;
}


.draw:hover:before {
  border-top-color: #0A2945;
  border-right-color: #0A2945;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  animation: 2s before;
}


.draw:hover:after {
  border-bottom-color: #0A2945;
  border-left-color: #0A2945;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}



.meet:hover {
  color: #0A2945;
}


.meet:after {
  top: 0;
  left: 0;
}


.meet:hover:before {
  border-top-color: #0A2945;
  border-right-color: #0A2945;
}


.meet:hover:after {
  border-bottom-color: #0A2945;
  border-left-color: #0A2945;
  -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}


/*cierra animacion de borde*/
#textotop b{
font-family: "titulo", sans-serif;
}


#top:before{
content: "";
height: 100px;
width: 100%;
background-color: rgba(255,255,255,0.50);
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%);
animation-duration: 2s;
animation-name: width;
}


@keyframes width {
  from {
width: 0;
  }


  to {
width: 100%;
  }


}


.down{
font-size: 35px;
color: #FF0B63;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position:absolute;
margin-left:-20px;
left: 50%;
bottom: 25px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
cursor: pointer;
}


.down:hover{
color: #1D3240;
}


@media only screen and (max-width: 1360px){
#top img{
width: 220px;
bottom: 15%;
}


}


@media only screen and (max-width:650px){
#textotop{
width: 370px;
}


#top:before{
height: 150px;
}


}


@media only screen and (max-width:400px){
#top:before {
height: 95px;
}


#textotop{
font-size: 2em;
padding: 20px 10px;
width:270px;
}


}


/*cierra top*/





/*******************************infoindex*/
#infoindex{
padding: 180px 0 110px 0;
overflow:hidden;
position:relative;

}

#infoindex #texto{
max-width:800px;
margin: 0 auto 0 30px;
width: 60%;
position:relative;
z-index:2;
}

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

body.lprcameras #infoindex #texto h1,
body.anprcameras #infoindex #texto h1{
font-size:3.6em;

}


#infoindex p{
font-family: "normal", sans-serif;
color: #1d1d1b;
font-size: 26px;
margin-bottom:20px;
}

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

#infoindex p a{color: #000;}
#infoindex p a:hover{color: #FF0B63;}







/*Abre slider NUEVO con banners de productos en el infoindex ****************************************************/

#infoindex #pslider2{
position:absolute;
right: 40px;
top: 50%;
transform: translate(0, -50%);
display:inline-block;
width:35%;
max-width:500px;
overflow:hidden;
}

#pslider2 .item{ position:absolute;
top:0;
left:0;
width:100%;
left:500px
}

#pslider2 #item1{ left:0;}

/*internas del item*/

#pslider2 .item img,
#pslider2 img{ width:100%;
display:block;
position:relative;}

#pslider2 .item .ptext{
position:absolute;
left: 50%;
bottom: 20px;
transform: translate(-50%, 0);
width:100%;
}

.ptext h3{ font-family:titulo;
font-size:35px;
text-align:center;
margin-bottom:10px;
color:#FF0B63;
text-transform:uppercase;}

#pslider2 .item .ptext p{ font-size:16px;
text-align:center;
max-width:350px;
margin:0 auto;}










/*Cierra slider  de productos ****************************************************/



























































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

#infoindex #texto{
width: 50%;
}

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

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

#infoindex #texto{
width: 40%;
}

#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;

}

#pslider .item .ptext p{ padding:0 15px;}
}

@media only screen and (max-width:645px) {
body.lprcameras #infoindex #texto h1,
body.anprcameras #infoindex #texto h1{
font-size:2em;

}
}

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

}
}





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





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

.titulote,
.detalle-articulo .texto h2.titulote{
	font-family:titulo;
	font-size:3em;
	text-align:center;
	color:#1e2a5a;
	position:relative;
	margin:65px auto 0 auto;
	line-height:1.1em;
	max-width:900px;}
	
.detalle-articulo .texto h2.titulote{
	font-size:3em;
	margin:0 auto 50px auto!important;
	padding-bottom:10px;
	}
	
.titulote:after,
.detalle-articulo .texto h2.titulote:after{position:absolute;
bottom:-20px;
left:50%;
transform:translate(-50%,0);
height:10px;
width:100px;
background-color:#FF0B63;
content:"";
border-radius:10px;}

.detalle-articulo .texto h2.titulote:after{
bottom:-20px;
}
	
	.titulote em,
	body.lprcameras #infoindex #texto h1 em,
	body.anprcameras #infoindex #texto h1 em{
		font-style:normal;
		color:#FF0B63}
		
			.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 ****************************************************/



/*Body LPR Cameras*/
body.lprcameras #cameraslist{
 margin-bottom: 50px;
}
/* Cierra Body LPR Cameras*/



/*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: #FF0B63;
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: #FF0B63;
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:1400px;
float:none!important;
}


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

/*Listing BOX main  style*/
.productos a {
display: inline-block;
text-decoration: none;
position: relative;
width: 400px;
background: white;
vertical-align: top;
margin:10px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
border-radius:10px;
height:440px;
text-align:left;
border:1px dotted rgba(0,0,51,.3);
}


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


.productos .img {
overflow: hidden;
height: 200px;
position: relative;
margin-bottom:20px;
border-radius:10px 10px 0 0;
}


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

}


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



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


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


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





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

.productos a {
height:auto;

}


}











.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.itemcase,
#guarderia #bloque14 .blog .item01{
	float:left;
	width:32%;
	margin:0 2% 2% 0;
	height:410px;
	padding:10px;
	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.itemcase:hover{

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

}

.blog a.itemcase:nth-of-type(3n),
#guarderia #bloque14 .blog .item01:nth-of-type(3n){margin-right:0;}

.blog a.itemcase .img,
#guarderia #bloque14 .blog .item01 .img{ height:150px;
position:relative;
overflow:hidden;
margin-bottom:20px;}

.blog a.itemcase .img img,
#guarderia #bloque14 .blog .item01 .img img{ position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
height:110%;
 transition: all 0.15s linear;
}

.blog a.itemcase:hover .img img,
#guarderia #bloque14 .blog .item01:hover .img img{ 
height:120%;
 
}

.blog a.itemcase h3,
#guarderia #bloque14 .blog .item01 h3{
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:10px;
	color:#1e2a5a;
	
	font-family:normalbold;}
	
.blog a.itemcase p,
#guarderia #bloque14 .blog .item01 p{ font-size:1.2em;
line-height:1.3em;
font-family:normal;}



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

.blog a.itemcase,
#guarderia #bloque14 .blog .item01{
	float:left;
	width:48%;
	margin:0 2% 2% 0;
	height:410px;
	padding:15px;
	
}

.blog a.itemcase:nth-of-type(3n),
#guarderia #bloque14 .blog .item01:nth-of-type(3n){margin-right:2%;}
 
.blog a.itemcase:nth-of-type(2n),
#guarderia #bloque14 .blog .item01:nth-of-type(2n){margin-right:0;}

.blog a.itemcase .img,
#guarderia #bloque14 .blog .item01 .img{ height:200px;
}


}


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

.blog a.itemcase,
#guarderia #bloque14 .blog .item01{
	float:none;
	width:95%;
	margin:0 auto 30px auto;
	height:410px;
	padding:15px;
	
}

.blog a.itemcase:nth-of-type(3n),
#guarderia #bloque14 .blog .item01:nth-of-type(3n){margin-right:auto;}
 
.blog a.itemcase:nth-of-type(2n),
#guarderia #bloque14 .blog .item01:nth-of-type(2n){margin-right:auto;}

.blog a.itemcase .img,
#guarderia #bloque14 .blog .item01 .img{ height:220px;
}

.blog a.itemcase .img img,
#guarderia #bloque14 .blog .item01 .img img{
height:120%;}


}




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

.blog a.itemcase,
#guarderia #bloque14 .blog .item01{
	height:440px;
	
	
}




}

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




/*Abre cameras list in detail page ****************************************************/

#cameraslistindetail{display:none;
overflow:hidden;}
#cameraslistindetail .titulote{ font-size:3em;}

#cameraslistindetail .titulote:after{display:none;}


/*Show cameras list in only these articles (solutions, mostly)*/
.indexlpr #cameraslistindetail,
.articulo252 #cameraslistindetail,
.articulo253 #cameraslistindetail,
.articulo254 #cameraslistindetail,
.articulo255 #cameraslistindetail,
.articulo1414 #cameraslistindetail,
.articulo1411 #cameraslistindetail,
.articulo1612 #cameraslistindetail{display:block;}

/*Cierra cameras list in detail page ****************************************************/















.paddingleft{
padding-left: 20px;
}














.qty-controls {
line-height:60px;
font-weight:700;
color:#2a2b2f;
text-align:center;
padding:0 5px;
float:right;
display:inline-block;
margin: 2%;
    font-size: 20px;
cursor:pointer;
}


.breadcrumbs-cont {
width:100%;
background-color:#F7F7F7;
padding:20px 0;
}


.breadcrumbs {
text-align: center;
color: #66666e;
text-transform: uppercase;
    margin: 0;
    letter-spacing: 1px;
font-family: "titulo", sans-serif;
}


   
   
.breadcrumbs a {
color: #1e2a5a;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
}


.breadcrumbs a:hover {
color:#FF0B63;
}





.compartir span {
vertical-align: middle;
}


.compartir a {
display: inline-block;
margin-left: 10px;
color: #66666e;
vertical-align: middle;
text-decoration: none;
transition:all 200ms linear;
}


.compartir a:hover {color: #2a2b2f;}





/*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;
}


/*#galeria a:after{ width:100%;
height:100%;
position:absolute;
display:block;
content:"";
background-color:#931f25;
opacity:0.8;
top:100%;
left:0;
transition:all 0.3s fade 0s;}



#galeria a:hover:after{ 
top:0;
}

*/
.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;
margin-top:60px;
}


.detalle-articulo-img .compartir{
position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px 25px;
    background: rgba(242, 242, 242, .8);
z-index:11;
}


.detalle-articulo-img .compartir span{
font-size:20px;
font-weight:300;
}


.detalle-articulo-img .compartir .icon-facebook::before,
.detalle-articulo-img .compartir .icon-twitter::before{ 
font-size:20px;
color:#66666e;
margin-left:8px;
transition:all 200ms linear;
}


.compartir a:hover::before{ color:#2a2b2f !important;}


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

}


.detalle-articulo-img .titulo {
margin-bottom:20px;
color: #fff;
font-size:50px;
font-family: "titulo", sans-serif;
text-transform: uppercase;
text-align:center;
}


.detalle-articulo-img .resumen {
font-family: "thiner", sans-serif;
    font-size: 20px;
color:white;
letter-spacing: 2px;
max-width: 850px;
line-height: 1.3em;
text-align:center;
margin:0 auto;
}


.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;
}

body.articulo1679 .detalle-articulo .todotexto,
body.articulo3009 .detalle-articulo .todotexto{
max-width:1000px;

}


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

.detalle-articulo .texto strong, 
.detalle-articulo .texto b,
body.index #lpr.detalle-articulo .texto strong, 
body.index #lpr.detalle-articulo .texto b{
	color:#000;}
	
	#lpr.detalle-articulo.com .texto strong, #lpr.detalle-articulo .texto b{
	color:#fff!important;}


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

 .detalle-articulo .texto p.especial strong,
 .detalle-articulo .texto p.especial b{
color:#1e2a5a!important;

}

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:#1e2a5a;
line-height:1.3em;
margin:0 0 30px 30px;
padding-left:30px;
border-left:solid 5px #FF0B63}


.texto p.caption2{ font-size:11px;
 font-family:normal;
color:#1e2a5a;
margin:5px 20px 30px 10px;

}
 
 
 
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: #1e2a5a;
margin-bottom:10px;
max-width:700px;
}

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

color: #FF0B63;

}


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

}


.detalle-articulo .texto h1:after,
.detalle-articulo .texto #camaradescontainer h2:after{
    width: 80px;
    height: 8px;
    margin-left: -40px;
position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    background-color: #FF0B63;
	border-radius:8px;
}


.detalle-articulo .texto h2 {
        padding-bottom: 15px;
    margin: 50px 0 30px 0;
font-size: 38px;
position:relative;
color: #1e2a5a;
font-family: "titulo", sans-serif;
}


.detalle-articulo .texto h2::after{
    width: 50px;
    height: 5px;
position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    background-color: #FF0B63;
					border-radius:5px;
}




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


.detalle-articulo .texto h3::after{
    width: 50px;
    height: 5px;
position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    background-color: #FF0B63;
					border-radius:3px;
}


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


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


.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: 24px;
line-height:1.4em;
list-style-position:outside;
margin:0 0 15px 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;}





@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{
padding-left:0;
}


}


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

.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:40px;
}


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

}


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






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




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


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


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

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

}

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


}


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


}


/*Fin Detalle articulo*/



/*LPR phases list*/

ol#lprfases{
	overflow:hidden;
	display:block;
	clear:both;
	max-width:100%;}
	
ol#lprfases li{
	display:block;
	width:48%;
	margin:0 2% 2% 0;
	padding:25px;
	border:dotted 1px #ccc;
	text-align:center;
	float:left;
	line-height:1.4em;
	font-size:1.1em;
	height:380px;
	overflow:hidden;
	border-radius:5px;}
	
	ol#lprfases li img{ display:inline-block;
	max-width:200px;
	margin-bottom:10px;
	border-radius:5px;}
	
	ol#lprfases li:nth-of-type(2n){
		margin-right:0;}
	
	ol#lprfases li strong{ display:block;
	font-family:titulo;
	color:#FF0B63!important;
	margin-bottom:5px;
	font-size:1.2em;
	line-height:1.2em;}
	

ol#lprfases.solutions li{ height:440px;
text-align:left;}

ol#lprfases.solutions li strong{
	text-align:center;}

ol#lprfases.solutions li img{ max-width:100%;}


ol#lprfases li a{
	text-decoration:none;
	color:#FF0B63;}
	
	ol#lprfases.compare li{ height:200px;
text-align:left;}


/*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;
}


.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-transform: uppercase;
 text-align: center;
}


.imagen-categoria .cont-titulo p{
color: #fff!important;
font-size: 20px;
font-family: "normal", sans-serif;
max-width: 900px;
text-align:center!important;
line-height:1.3em;
}


.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: 18px;}


}


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


}


/*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;
}


.titulosolo {
text-align: center;
padding: 50px 0 30px 0;  
  font-size: 40px;
line-height:50px;
position:relative;
font-family: "titulo", sans-serif;
color: #A6A6A6;
margin-bottom: 0!important;
width:90%;
}


.mensaje-bloqueo {
text-align: center;
padding: 10px 0;
background: #FFDBD6;
}


.mensaje-bloqueo h4 {
}


.mensaje-bloqueo p {
}


#carrito{
display:none;
}


.userhome{
padding-top: 80px;
}


.userhome .wrap:nth-of-type(2){ 
max-width:600px;
margin-top:100px;
padding:100px 0 40px;
}


.userhome .boton{
margin-top:-50px;
}


.metodopago{
margin-top:100px;
}


/*individuales para articulos*/
.articulo186 .breadcrumbs,
.articulo186 .compartir,
.articulo186 .fecha_publicacion
{display:none;}


.articulo188 .breadcrumbs,
.articulo188 .compartir,
.articulo188 .fecha_publicacion
{display:none;}


/*Buscador de productos para vendedores en SV-generar-pedido.php*/
.tabla_productos {
margin: auto;
text-align: left;
}


.tabla_productos th,
.tabla_productos td {
padding-right:20px;
}


.tabla_productos th {padding-bottom: 20px;}


.tabla_productos .cant_pro {width: 70px;}


/**/
/*//////*/
/*Menu del usuario*/
.menu-usuario {
position: absolute;
right: 0;
top: 80px;
background: rgba(248,248,248,0.95);
padding: 20px;
z-index: 99;
display: none;
}


.menu-usuario a {
  font-size: 20px;
  display: block;
  padding: 4px 20px;
  text-decoration: none;
  color: dimgray;
  text-align: right;
  display: block !important;
}


.menu-usuario a:hover {
  border:none !important;
}


/*///////////////*/
#checkout{
margin-top:30px;
}


@media only screen and (max-width:900px){ 
.menu-usuario {top: 80px;}


.titulo-solo {
padding: 30px 0 20px 0;  
  font-size: 40px;
line-height:40px;
}


}


@media only screen and (max-width:540px){ 
.menu-usuario {top: 60px;}


.titulo-solo {
padding: 20px 0 20px 0;  
  font-size: 35px;
line-height:35px;
}


}





/*cierra widget redes*/
/*Footer*/
footer {
color: #fff;
background-color: #1d2856;
background-image: url(SVimagenes/top.jpg);
background-blend-mode: multiply;
background-size: auto 150%;
    background-position: center;
background-repeat: no-repeat;
background-attachment:fixed;
padding:60px 20px;
font-family: "normal";
overflow:hidden;
}

/*Footer German*/
footer {

background-image: url(https://de.survisiongroup.com/SVimagenes/top.jpg);

}
 
	
	

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

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

footer #one{ width:45%;}
footer #two{width:35%}
footer #three{width:20%}

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

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

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


footer p,
 footer a{font-size:15px;
 color:#fff;
 display:block;
 margin:0 0 10px 0;}
 
 footer p{ line-height:1.3em;}

footer a{ 
text-decoration:none!important;

	}

footer a.item{
	margin-bottom:16px;
	transition:all 0.2s ease-in-out;
	}
	
footer a.item:hover{
	color:#FF0B63;
	}


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

footer a.isologo:before{display:none}
	
	footer .redes h3{ margin-bottom:20px;}
	
	footer .redes a {display:inline-block;
		background-color:#FF0B63;
		height:60px;
		width:60px;
		line-height:56px;
		border-radius:50%;
		font-size: 25px;
		text-align:center!important;
      margin-right: 30px;
  color:#fff;
  transition:all 200ms linear;
		  
}

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


footer .redes a:hover{ color:#FF0B63;
background-color:#fff;}

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";}





@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;
}


}








 /*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-color:white;
 background-image:url(SVimagenes/logo.png);
 background-position:center center;
 background-size:60% 60%;
 background-repeat: no-repeat;
 border:solid 1px #1D3240;
 content:"";
 border-radius:50%;}


 
 
 #sep{
 float:none;
 clear:both;
 width:100%;
 height:1px;
 position:relative;
}
 
#sep img{
width:100%;
position:absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -61%);
}
 
 
 
 
 @media only screen and (max-width:609px) {

#seps{display:none;}

}
 
 
 
 /*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;
}
}

 
 

 
 
 /*Aliados ****************** no esta activo*/
 
#aliadoscontainer{ 
margin:0 40px;
}



#aliadoscontainer h2{ font-size:2em;
margin-bottom:20px;
color:#FF0B63;
font-family:titulo;
text-align:center;
text-transform:uppercase;}



#aliadoscontainer #aliados{
overflow:hidden;
text-align:center;}




#aliados a{ display:inline-block; width:250px;
height:200px;
margin:0 40px 40px 0;
text-align:center;
/*border:dotted 1px #ccc;
padding:20px;*/
box-sizing: border-box;}



#aliados a img{
display:block;
width:100%;
/*margin-bottom:20px;*/}



#aliados a h3{ font-family:normal;
color:#999;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;}


 
 
 
 








/*Abre .instmap ****************************************************/



.instmap{ position:relative;
height:500px;
font-family:normal;}

.instmap #derecha{ position:relative;
z-index:1;
overflow:hidden;
height:100%;}

.instmap #derecha iframe{ width:100%;
height:100%;}







/*Izquierda botonera*/

.instmap #izquierda{ position:absolute;
top:0;
left:0;
width:30%;
width:220px;
background-color:rgba(255,255,255,0.95);
z-index:1000;
border:dotted 1px #ccc;
height:100%;

}

.instmap #izquierda #izqcontent{
	height:100%;
overflow-y:auto;}

.instmap #izquierda.on{left:0;
}

.instmap #izquierda a.trigger{ 
position:absolute;
right:-39px;
top:0;
width:40px;
height:41px;
background-color:rgba(255,255,255,0.95);
cursor:pointer;
color:#1e2a5a;
line-height:40px;
font-size:30px;
border:#ccc 1px dotted;
border-left:none;
text-align:center;
display:none;}

.instmap #izquierda a.trigger:before{ font-family:fontAwesome;
content:"\f054";}

.instmap #izquierda.on a.trigger:before{ font-family:fontAwesome;
content:"\f053";}


@media only screen and (max-width:500px) {
	
	
	.instmap #izquierda{ 
left:-220px;
}
	

.instmap #izquierda a.trigger{
	display:block;}


}

.instmap #izquierda h2{text-transform:uppercase;
font-size:14px;
letter-spacing:1px;
font-family:titulo;
padding:10px;
color: #1e2a5a;
margin-bottom:0px;}


.instmap #izquierda h3{ text-transform:uppercase;
font-size:12px;
letter-spacing:1px;
font-family:titulo;
padding:10px;
background-color:#f2f2f2;
color: #1e2a5a;
margin-bottom:1px;
cursor:pointer;
position:relative;}

.instmap #izquierda h3.abierto{
background-color:#1e2a5a;
color: #fff;
}

.instmap #izquierda #boxAccess h3.abierto{
background-color:#FF0B63;

}

.instmap #izquierda #boxSecurity h3.abierto{
background-color:#047A29;

}

.instmap #izquierda #boxTolling h3.abierto{
background-color:#790FB9;

}

.instmap #izquierda h3:after{ font-family:fontAwesome;
content:"\f0da";
position:absolute;
top:50%;
right:10px;
transform:translate(0,-50%);
}


.instmap #izquierda h3.abierto:after{ 
content:"\f0d7";

}


.instmap #izquierda .sepi{ height:1px;
margin:20px 0;
border-top:dotted 1px #ccc;}



.instmap #izquierda .box{}





.instmap #izquierda .box .botones a{ display:block;
letter-spacing:1px;
font-family:normal;
font-size:12px;
padding:5px 10px 5px 30px;
cursor:pointer;
position:relative;
color:#1e2a5a;}


.instmap #izquierda .box .botones a:before{
	position:absolute;
left: 10px;
top: 50%;
transform: translate(0, -50%);
content:"";
height:8px;
width:8px;
border-radius:50%;
border:solid 1px #ccc;
}


.instmap #izquierda .box .botones a.on{ font-family:normalbold;}
.instmap #izquierda .box .botones a.on:before{
	background-color:#FF0B63;}

/*Cierra instmap ****************************************************/





/*************** ficha *********************************/


.fichacontainer{position:fixed;
left: 0;
top: 0;
width:100%;
height:900px;
z-index:1000000000;
	display: none;
}

.cerrador{
position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,0.4);
	transition: all 0.3s ease;
	cursor: pointer;
}

.fichacontainer:hover .cerrador{background-color: rgba(0,0,0,0.8);}


.ficha{ 
	position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
	width: 85%;
	max-width: 400px;
	background-color: #f9f9f9;
	z-index: 2;
	font-family: normal;
	box-shadow: 0 0 10px rgba(255,255,255,0.4);
}
.ficha *{box-sizing: border-box
}
.ficha .cajaimagen{
	position: relative;
}
.ficha .cajaimagen img{
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
}

.ficha p{
	font-family: normal;
	font-size: 14px;
	line-height: 1.3em;
}




.ficha .cajaimagen p.solution{position: absolute;
top: 0;
left: 0;
background-color:rgba(13,17,71,0.85);
color: #fff;
font-size: 13px;
z-index: 2;
	padding: 10px;
	width: 100%;
	text-align: right;
}

.ficha h1{ 
font-family: titulo;
color: #1e2a5a;
font-size: 20px;
padding: 10px 20px;
line-height: 1em;
margin-bottom: 0;}

.ficha .lugar{
	font-size: 11px;
	color: #999;
	margin-bottom: 10px;
	padding: 0 10px 10px 20px;
	border-bottom: dotted 1px #ccc;
}
.ficha .resumen{ font-size: 18px;
padding: 0px 20px;
margin-bottom: 15px;}


.ficha p.data{padding: 0px 20px 10px 20px;
text-transform:uppercase;}

.ficha p.data strong{ text-transform:capitalize!important;}

.ficha p.integrator{}
.ficha p.operator{}




.ficha .texto{ padding: 0 20px;}
.ficha .texto h3{
font-family: normalbold;
	font-size: 20px;
	color: #FF0B63;
	margin-bottom: 5px;
}
.ficha .texto p{ margin: 0 0 15px 0;
}

.ficha a.seemore{ 
background-color: #FF0B63;
color: #fff;
text-align: right;
padding: 10px 40px 10px 10px;
display:block;
text-transform:uppercase;
text-decoration:none;
font-family:normalbold;
font-size:12px;
letter-spacing:1px;
position:relative;
margin-top:10px;}

.ficha a.seemore:after{ font-family:FontAwesome;
position:absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
content:"\f138";
font-size:25px;
display:block;
width:25px;
height:25px;
color:#fff;
}



@media only screen and (max-width:600px) {
	.ficha{ 
	top: 20px!important;
transform: translate(-50%, 0);
	width: 82%;

}
	.ficha p{
	font-family: normal;
	font-size: 11px;
	line-height: 1.3em;
}

.ficha h1{ 
font-size: 13px;
padding: 5px 10px;
}
.ficha .texto{ padding: 0 8px;}
.ficha .texto p{ margin: 0 0 5px 0;
}
.ficha .texto h3{
	font-size: 14px;
	margin-bottom: 5px;
}
	.ficha .texto p{ margin: 0 0 8px 0;
}
	.ficha .resumen{ font-size: 12px;
padding: 0px 10px;
margin-bottom: 8px;}
	
	.ficha .tech{ 
padding: 5px;}

}
/* cierra  ficha */
















/*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;
	
}



}

/*Chat Styles*/
.zsiq_ellips{ font-family:normal!important;}










/*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:#FF0B63;
}

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

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

.hijo{display:none;}

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











/*Geographical coverage* *************************************/

.geo{ max-width:710px;
margin:0 auto 20px auto;}

.geo iframe{ display:block;
width:100%;
height:3300px;
border:none;
background-color:transparent;}


.geo iframe .waffle th{ padding:50px!important; }


/*cierra Geographical coverage* *************************************/
















/*Abre contactcards ****************************************************/

body.articulo1399 .texto{ text-align:center}

.contactcard{
	
	display:inline-block;
	width:30%;
	margin:0 2% 0 0;
	padding:65px 20px 20px 20px;
	background-color:#f9f9f9;
	border-radius:10px;
	border:dotted 1px #ccc;
	vertical-align:top;
	text-align:center; 
	position:relative;}
	
	.contactcard a{ color:#000;}
	.contactcard a:hover{ color:#FF0B63;}
	
	.contactcard:nth-of-type(3n){ margin-right:0;}
	
.detalle-articulo .texto .contactcard h3{ 
font-size:1em;
	text-transform:none;
	margin:15px 0 20px 0!important;}
	

		
	.detalle-articulo .texto .contactcard h3::after{left:50%;
	transform:translate(-50%,0)}
	
	.detalle-articulo .texto .contactcard p{ font-size:.9em;
	margin:0 0 15px 0;}
	
	.detalle-articulo .texto .contactcard p.tlf{ font-size:1em;
	}
	
	.contactcard:before{
		font-family:fasolid;
		position:absolute;
		top:20px;
		left:50%;
		transform:translate(-50%,0);
		font-size:40px;
		color:#1e2a5a;
		display:inline-block;
		height:40px;
		width:40px;}
		
		#sales.contactcard:before{
			content:"\f590";}
			
			#integration.contactcard:before{
			content:"\f05b";}
			
				#installation.contactcard:before{
			content:"\f0ad";}
			
			
			@media only screen and (max-width:1300px) {

.contactcard{
	display:inline-block;
	width:45%;
	margin:0 2% 2% 0;
	}


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

.contactcard{
	display:block;
	width:100%;
	margin:0 0 2% 0;
	}


}


/*Cierra contactcards ****************************************************/










#camaradescontainer{
	position:relative;
	overflow:hidden;
	margin:60px 0 0 0;}

#camaraleft{ float:left; width:45%;
margin:0 auto;}

#camaraleft img{ width:100%;
display:block;}

.texto #camaraleft p.especial{
	text-align:right;
	font-size:26px;
	margin-top:80px;
	position:relative;
	font-family:thiner; }
	
	.texto #camaraleft p.especial:before{
		position:absolute;
		top:-30px;
		right:0;
		width:60px;
		height:8px;
		background-color:#FF0B63;
		display:block;
		content:"";
		border-radius:3px;}
		
		.texto #camaraleft h4{
			margin-top:20px;
			}
		
		.texto #camaraleft h4,
		.texto #camaraleft ul li{
			text-align:right;}
			
			.texto #camaraleft ul li{
				list-style-type:none;
				font-size:15px;
				border-bottom:dotted 1px #ccc;}
				
				.texto #camaraleft ul li a{
					text-decoration:none;
					color:#1e2a5a;}
					
					.texto #camaraleft ul li:last-child{
						border-bottom:none;}
						
						.texto #camaraleft ul li a{
					text-decoration:none;
					color:#1e2a5a;}
				

#camararight{ float:right;
width:50%;}


#camaradescontainer ul{
	margin-bottom:30px!important;}

.texto #camaradescontainer .projects{
	text-align:center;
	float:none;
	width:100%;
	overflow:hidden;
	margin-top:20px;
	padding-top:20px;
	border-top:dotted 1px #ccc;}
	
	.detalle-articulo .texto #camaradescontainer .projects h4{
		text-align:center;
		font-size:26px;
		max-width:100%;
}
		
		.detalle-articulo .texto #camaradescontainer .projects .item{
			display:inline-block;
			vertical-align:top;
			margin:20px;
			width:20%;
			padding:10px;
			background-color:#f5f5f5;
			border-radius:5px;}
			
			.detalle-articulo .texto #camaradescontainer .projects .item img{
			width:100%;
			margin:0 0 10px 0;
			border-radius:5px;}
			
			
			.detalle-articulo .texto #camaradescontainer .projects .item span{
				text-align:center;
				font-size:13px;
				line-height:1.1em;}

.detalle-articulo  .texto #camaradescontainer .botones{overflow: hidden;
float: none;
width: 100%;
clear: both;
text-align: center;}
.detalle-articulo  .texto #camaradescontainer .botones{overflow: hidden;
float: none;
width: 100%;
clear: both;
text-align: center;}

.detalle-articulo  .texto #camaradescontainer .botones .boton{margin:0 8px;}

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


#camaradescontainer{
	margin:40px 0 0 0;}

#camaraleft{ float:none; width:100%;
margin:0 0 30px 0;
}

#camaraleft img{ max-width:70%;
margin: 0 auto;}

#camararight{ float:none;
width:100%;}

.texto #camaraleft p.especial{
	text-align:left;
		font-size:24px;
	 }
	
	.texto #camaraleft p.especial:before{
		position:absolute;
		top:-30px;
		right:auto;
		left:0;
		}
		
		
}



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



#camaraleft img{ max-width:90%;
}


}






#logoqr{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:80%;
	max-width:900px;
text-align: center;}
	
	#logoqr img{ width:100%;
	display:inline-block;
max-width: 300px;}
	
	#logoqr .botones{
		text-align:center;
  margin-top: 40px;
}
		
	#logoqr .botones .boton{
	margin: 15px;	
}


#logoqr .botones .english{
	}
		




/*cookie yes*/

.cky-bar-text,
.cky-consent-title{
	font-family:normal!important;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*
	LPR in  home */
	
	
	#lpr{ max-width:920px;
	margin:0 auto;
	overflow:hidden;
	padding:90px 20px;}
	

	
#lpr.detalle-articulo .texto .izq{
	float:left;
	width:50%;}
	
#lpr.detalle-articulo .texto .der{ float:right;
width:45%;}


#lpr.detalle-articulo .texto .der img{ width:100%;}



#lpr.detalle-articulo .texto p.resumen{
	font-size:29px;
	font-family:thiner;
	line-height:1.2em;
}

#lpr.detalle-articulo .texto h2{ font-size:45px;}

#lpr.detalle-articulo .texto p,
#lpr.detalle-articulo .texto ul li{
	font-size:21px;
	margin-bottom:20px;
	line-height:1.3em;}
	
	
@media only screen and (max-width:500px) {

#lpr.detalle-articulo .texto h2{ font-size:35px;}


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

#lpr.detalle-articulo .texto h2{ font-size:30px;}


}
	
	/*commitment*/
	#lpr.com{ max-width:100%;
	background-color:#1e2a5a;
		
}
	
#lpr.com .texto
{
	max-width:900px;
	margin:0 auto 30px auto;
	overflow:hidden;
}	
	
#lpr.com .texto .izq{
	float:left;
	width:45%;}
	
#lpr.com .texto .der{ float:right;
width:50%;}


#lpr.com .texto .izq img{ width:100%;}



#lpr.com .texto p.resumen{
color:#fff;
}

#lpr.com .texto h2{
	color:#FF0B63;
	margin-top:10px!important;}

#lpr.com .texto p,
#lpr.com .texto ul li{
	font-size:21px;
	margin-bottom:20px;
	line-height:1.3em;
	color:#fff;}
	
	#lpr.com .boton{
		background-color:#FF0B63;}
		
		body.articulo1399 #lpr,
		body.articulo1399 #seps{display:none;}
	
	
		@media only screen and (max-width:600px) {
			
				#lpr{ 
	padding:50px 20px;}

#lpr.detalle-articulo .texto .izq{
	float:none;
	width:100%;}
	
#lpr.detalle-articulo .texto .der{ float:none;
width:100%;}


#lpr.detalle-articulo .texto .der img{}


}
	
	
	
	
#lpr.detalle-articulo .texto h2.howwork{ float:none;
clear:both;
display:block;
width:100%!important;}

#lpr.detalle-articulo .boton{ margin-top:0}










/*iconlist*/
.iconlist{
	text-align:center;
	max-width:1200px;
	margin:60px auto 20px auto;}
	
	.iconlist a{
		display:inline-block;
		width:30%;
		max-width:330px;
		padding:160px 30px 30px 30px;
		text-align:center;
		vertical-align:top;
		text-decoration:none;
		position:relative;}
		
		
				
		.iconlist a h3{ font-family:normalbold;
		font-size:24px;
		margin-bottom:15px;
		color:#1e2a5a;
		line-height:1em;}
		

		/*EM que cambia el color, no mas*/
				.iconlist a h3 em,
				#platelistcases h3 em,
				#centeridea p em,
				#superpack h4 em{
		color:#FF0B63;
		font-style:normal;}
		
		.iconlist a p{
			font-size:17px;
			line-height:1.1em;}
			

			
			.iconlist a:before{
				display:block;
				position:absolute;
				top:0;
				left:50%;
				transform:translate(-50%,0);
				width:150px;
				height:150px;
				background-position:center center;
				background-size:cover;
				background-repeat:no-repeat;
				content:" ";
				z-index:-1;
				transition:all 0.2s ease-out}
				
				
					.iconlist a:hover:before{
				width:170px;
				height:170px;
			}	
				
				
				

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

.iconlist{

	margin:60px auto;}
	
	.iconlist a{
		display:inline-block;
		width:40%;
		}
		
		.iconlist a h3{ font-family:normalbold;
		font-size:22px;
		}
		
		.iconlist a p{
			font-size:16px;
			}


}
				
				
				
					@media only screen and (max-width:600px) {
						
						.iconlist a{
				padding-top:220px;
				display:inline-block;
		width:80%;
		padding-top:230px;
		}
		
	.iconlist a:before{
				width:220px;
				height:220px;
				background-position:center center;
				background-size:cover;
				background-repeat:no-repeat;
				content:" ";
				z-index:-1;
				transition:all 0.2s ease-out}

		
		.iconlist a h3{ font-family:normalbold;
		font-size:22px;
		}
		
		.iconlist a p{
			font-size:16px;
			}

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



}
				
				
				
				
				#solutions a.item1414:before,
				#solutions.solutionsfrench a.item1396:before{
					background-image:url(https://survisiongroup.com/SVimagenes/solutions/smartcity-min.png)}
					
					#solutions a.item252:before{
					background-image:url(https://survisiongroup.com/SVimagenes/solutions/parking-min.png)}
					
					#solutions a.item253:before{
					background-image:url(https://survisiongroup.com/SVimagenes/solutions/accesscontrol-min.png)}
					
					#solutions a.item254:before{
					background-image:url(https://survisiongroup.com/SVimagenes/solutions/security-min.png)}
					
					#solutions a.item255:before{
					background-image:url(https://survisiongroup.com/SVimagenes/solutions/its-min.png)}
					
					
					/*Cameras List in  home with new images*/
						#cameraslist a.item1506:before,
						#cameraslist a.item257:before,
#cameraslist a.item1404:before{
					background-image:url(https://survisiongroup.com/SVimagenes/camarasnew/micropak-vario-min.png)}
					#cameraslist a.item1467:before,
					#cameraslist a.item1385:before,
#cameraslist a.item1403:before{
					background-image:url(https://survisiongroup.com/SVimagenes/camarasnew/nanopak-family-min.png)}
					#cameraslist a.item259:before{
					background-image:url(https://survisiongroup.com/SVimagenes/camarasnew/picopak-min.png)}
					#cameraslist a.item1563:before,
					#cameraslist a.item1468:before,
#cameraslist a.item1417:before{
					background-image:url(https://survisiongroup.com/SVimagenes/camarasnew/citypak-min.png)}
					#cameraslist a.item260:before{
					background-image:url(https://survisiongroup.com/SVimagenes/camarasnew/visipak-min.png)}
					
					
					
					
					#features a.item1457:before,
#features a.item3001:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-all-included-min.png)}
										
					#features a.item1449:before,
#features a.item3002:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-no-server-min.png)}
					
					#features a.item1450:before,
#features a.item3003:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-no-trigger-min.png)}
					
					#features a.item1451:before,
#features a.item3004:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-ai-powered-min.png)}
					
					#features a.item1452:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-satisfaction-min.png)}
					
					#features a.item1454:before,
#features a.item3007:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-1camera-per-lane-min.png)}
					
					#features a.item1453:before,
#features a.item3006:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-5ftonly-min.png)}
					
					#features a.item1455:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-cst-min.png)}
					
					#features a.item1456:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-support-min.png)}

#features a.item1721:before,
#features a.item3008:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-shared-sdk-min.png)}

#features a.item1722:before,
#features a.item3005:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-speed-250-min.png)}

#features a.item1723:before,
#features a.item3000:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-all-license-plates-min.png)}
					
				
					/*Features in french site*/
					
					#features.frenchfeatures a.item1418:before{
					background-image:url(https://survisiongroup.com/SVimagenes/solutions/accesscontrol-min.png)}
					
					#features.frenchfeatures a.item1419:before{
					background-image:url(https://survisiongroup.com/SVimagenes/solutions/parking-min.png)}
					
					#features.frenchfeatures a.item1420:before{
					background-image:url(https://survisiongroup.com/SVimagenes/solutions/security-min.png)}
					
					#features.frenchfeatures a.item1421:before{
					background-image:url(https://survisiongroup.com/SVimagenes/solutions/its-min.png)}
					
					#features.frenchfeatures a.item1422:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-no-server-min.png)}
					
					#features.frenchfeatures a.item1423:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-ai-powered-min.png)}
					
					#features.frenchfeatures a.item1424:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-ai-powered-min.png)}
					
					#features.frenchfeatures a.item1425:before{
					background-image:url(https://survisiongroup.com/SVimagenes/features/icon-satisfaction-min.png)}
					
					
					
					/*New camaras menu  in camera detail page*/
					.detalle-articulo .texto p.newresumen{ 
					font-family:thiner;
					font-size:2em;
					line-height:1.3em;
					margin-bottom:30px;
					max-width:700px;
					}
					
							/*highlighted features list*/
									
									detalle-articulo .texto .highlighted{ margin-bottom:30px;}
									
									detalle-articulo .texto .highlighted li{
										font-family:thiner;
										font-size:1.2em;
										margin-bottom:15px;}
										
										
										
					
					
					#camenu{
						overflow:hidden;
						text-align:center;}
						
					#camenu .item{ width:49%;
					display:inline-block;
					vertical-align:top;
					overflow:hidden;
					margin-bottom:40px;}
					
					#camenu .item .left{ width:40%;
					float:left;}
					
						#camenu .item .left img{ width:90%;
						display:block;
						transition:all ease-in-out .3s}
						
						#camenu .item:hover .left img{ width:100%;
						}
					
					#camenu .item .right{ width:60%;
					float:left;
					margin-left:-30px;
					text-align:left;
		}
		#camenu .item .right a{
			text-decoration:none;}
					
					#camenu .item h4{ font-family:titulo;
					color:#1e2a5a;
					font-size:2.2em;
					margin-bottom:8px;
					line-height:.9em;}
					
					#camenu .item h4 em{ color:#FF0B63;
					display:block;
					}
					
					#camenu .item p{ font-size:1.2em;
					padding-left:15px;
					line-height:1.1em;}
						
						
						
						
						
						
						/*Hide Features listing on  all posts*/
						
						.cfeaturestitle,
						#features{
							display:none;}
							
							
							.articulo257 .cfeaturestitle,
							.articulo257 #features,
 						.articulo1385 .cfeaturestitle,
							.articulo1385 #features,
							.articulo259 .cfeaturestitle,
							.articulo259 #features,
							.articulo260 .cfeaturestitle,
							.articulo260 #features,
							.articulo1467 .cfeaturestitle,
							.articulo1467 #features,
							.articulo1506 .cfeaturestitle,
							.articulo1506 #features,
       .articulo1563 .cfeaturestitle,
							.articulo1563 #features,
							.index #features
							{ display:block;}
							
							
							/* new applications listing in  cameras detail*/
							
							
							#appslisting{ overflow:hidden;
							text-align:center;}

	#camaraleft #appslisting{ overflow:hidden;
							text-align:right;}

							#appslisting .item{
								display:inline-block;
								text-align:center;
								width:13%;
								margin:2%;
								vertical-align:top;
								}

#camaraleft #appslisting .item{
								display:inline-block;
								text-align:center;
								width:20%;
								margin:2%;
								vertical-align:top;
								}



								#appslisting .item img{ width:100%;
								display:block;
								margin-bottom:20px;
								border:none;
								transition:all ease-in-out .3s}
								
								#appslisting .item:hover img{ width:105%;
							}
								
								#appslisting .item p{
									font-family:normalbold;
									text-transform:uppercase;
									font-size:13px;
									color:#1e2a5a;}
									
									
							/*hide resumen in camera detail*/
							body.articulo1467 .detalle-articulo-img .cont-titulo h4.resumen,
							body.articulo1506 .detalle-articulo-img .cont-titulo h4.resumen{display:none;}
							
							
							
							
							
													@media only screen and (max-width:800px) {
	#camenu .item h4{ 
					font-size:1.7em;
					}
					
					#camenu .item p{ font-size:.9em;
					}
					
#appslisting .item{
width:20%;
}

		.detalle-articulo .texto #camaradescontainer .projects .item{
						width:30%;
			}
}


						
						
						
												@media only screen and (max-width:600px) {
					.detalle-articulo .texto p.newresumen{ 
					
					font-size:1.6em;
					
					}

#camenu .item{ width:80%;
					}
					
												}










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

#contactbanner{
	position:relative;}
	
	body.guard #contactbanner,
		body.movi #contactbanner{
		display:none;}
	#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:#fff;
	font-size:29px;
	text-shadow:1px 1px 0 rgba(0,0,0,.3)}
	
	#contactbanner #texto h3{ color:#FF0B63;
	margin-bottom:25px;
	font-size:3.6em;
	font-family:titulo;
text-shadow:1px 1px 0 rgba(0,0,0,.3)}
	
	#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;
	background-color:#ccc;}
#contactbanner img{ 
position:absolute;
width:120%;
right:-30px;
top:0;
z-index:1;
}

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


}

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

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

}


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

}


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

#contactbanner img{

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

}


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

}

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

	
#contactbanner img{
position:absolute;
width:190%;
right:-120px;

}


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

}

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

	
#contactbanner img{
position:absolute;
width:205%;
right:-130px;

}


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

}

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

	
#contactbanner img{
position:absolute;
width:225%;
right:-150px;

}




}


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

	
#contactbanner img{
position:absolute;
width:255%;
right:-150px;

}




}





/*Abre movi, LPI to Go  y LPI y todas las landing page que se le parezcan ****************************************************/
#movivcabeza{
	position:relative;
	margin-bottom:50px;
 overflow: hidden;
 z-index: 1;
	}
	
	#movivcabeza img{
		display:block;
		margin:0 0 0 auto;
		width:60%;
	}

/*nueva pagina de LPI*/
	#movivcabeza img#fondolpi{
		display:block;
		margin:0;
		width:100%;
  position: relative;
  z-index: 1;
	}
	#movivcabeza img#chicalpi{
		display:block;
		margin:auto;
		width:100%;
  position: absolute;
  top: 90px;
  right: -40px;
  width: 52%;
  z-index: 2;
	}

	#movivcabeza img#chicolpi{
		display:block;
		margin:auto;
		width:100%;
  position: absolute;
  top: 160px;
  right: 0px;
  width: 90%;
  z-index: 2;
	}

	
	#movivcabeza #logo{ position:absolute;
		left:25px;
		top:85px;
		z-index:3;
		width:30%;
		max-width:210px;
		z-index:3}

	#movivcabeza.plateaccesscabeza  #logo{ position:absolute;
		left:25px;
		top:100px;
		z-index:3;
		width:30%;
		max-width:260px;
		z-index:3}

#movivcabeza.boostercabeza #logo{ position:absolute;
		left:25px;
		top:120px;
		z-index:3;
		width:30%;
		max-width:210px;
		z-index:3}

		
		#movivcabeza #logo img{
			width:100%;
			display:block;}
		
		
		
		
		#movivcabeza #sloganx{
position:absolute;
			top:60%;
left:25px;
transform:translate(0,-50%);
width:45%;
max-width:600px;
z-index:3}

	#movivcabeza.lpicabeza #sloganx,
#movivcabeza.certicabeza #sloganx
{
position:absolute;
			top:25%;
left:25px;
transform:translate(0,0);
width:45%;
max-width:600px;
z-index:3}

#movivcabeza #sloganx h1{
	font-family:titulo;
	font-size:70px;
	color:#1e2a5a;
	margin-bottom:40px;
	line-height:.9em;}

#movivcabeza #sloganx.certicabeza h1{
	font-family:titulo;
	font-size:60px;
	color:#1e2a5a;
	margin-bottom:40px;
	line-height:.9em;}
	
	#movivcabeza h1 em{
			color:#FF0B63;
  font-style: normal;
	}

#movivcabeza #sloganx p{
	font-family:normal;
	font-size:32px;}

#movivcabeza.lpicabeza #sloganx p{
	font-family:normal;
	font-size:28px;}
	
#movivcabeza.lpicabeza #sloganx p .biggi{
display:block;
 font-family: thiner;
	font-size:45px;
margin-bottom: 8px;}	

#movivcabeza.boostercabeza #sloganx h1 {
			color:#FFF;
  font-style: normal;
	}

	@media only screen and (max-width:1000px) {
		
				#movivcabeza #sloganx{

max-width:500px;
}
		
			#movivcabeza #logo{ 
		max-width:180px;
}

#movivcabeza #sloganx h1{
	font-size:35px;
	}
#movivcabeza #sloganx p{
	font-size:24px;}

#movivcabeza.lpicabeza #sloganx p{
	font-size:25px;}
	
#movivcabeza.lpicabeza #sloganx p .biggi{
font-size:38px;
}	

}


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

		#movivcabeza #sloganx{
	top:70%;
}


}

	
	@media only screen and (max-width:772px) {
		
			#movivcabeza img{
		width:50%;
	}
		
				#movivcabeza #sloganx{
					top:80%;
					width:55%;
}
		
			#movivcabeza #logo{ 
		max-width:130px;
}

#movivcabeza #sloganx h1{
	font-size:26px;
	margin-bottom:15px;
	}
#movivcabeza #sloganx p{
	font-size:20px;}

  
  
  #movivcabeza.lpicabeza #sloganx p{
	font-size:20px;}
	
#movivcabeza.lpicabeza #sloganx p .biggi{
font-size:30px;
}
}


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

	#movivcabeza img{
				width:70%;
	}
	#movivcabeza #sloganx{
position:relative;
			top:auto;
left:auto;
transform:translate(0,0);
width:90%;
margin:-25px auto 0 auto;
}

#movivcabeza #sloganx h1{
	font-size:50px;
		margin-bottom:20px;
	}
	
#movivcabeza #sloganx p{
	font-size:28px;}
 
 #movivcabeza.lpicabeza #sloganx h1{
	font-size:26px;
	
	}
	
#movivcabeza.lpicabeza #sloganx p{
font-size:20px;}
	
#movivcabeza.lpicabeza #sloganx p .biggi{
font-size:30px;
}
 
}


@media only screen and (max-width:622px) {
 
 #movivcabeza.lpicabeza #sloganx{
  top: 28%;
 }
  #movivcabeza.lpicabeza #sloganx h1{
	font-size:26px;
	
	}
	
#movivcabeza.lpicabeza #sloganx p{
font-size:18px;}
	
#movivcabeza.lpicabeza #sloganx p .biggi{
font-size:24px;
}
 
}


@media only screen and (max-width:500px) {
	#movivcabeza,
 #cabezota{
		padding-top:100px;}
 
 #movivcabeza.lpicabeza{
		padding-top:73px;
 margin-bottom: 73px;} 
 
	#movivcabeza img{width:95%;}
 
 
 #movivcabeza img#chicalpi{
		display:block;
		margin:auto;
		position: absolute;
  top: 90px;
  right: auto;
  left: 50%;
  transform: translate(-50%,0);
  width: 70%;
  z-index: 2;
	}
 
 #movivcabeza.lpicabeza #sloganx{
position:relative;
			top:auto;
left:auto;
transform:translate(0,0);
width:80%;
 margin: 0 auto;}
 

#movivcabeza #sloganx h1{
	font-size:35px;
		margin-bottom:10px;
 
	}
	


#movivcabeza #sloganx p{
	font-size:28px;}
	
 
 #movivcabeza.lpicabeza #sloganx h1{
	 text-align: center;}
 
  #movivcabeza.lpicabeza #sloganx p{
	font-size:20px;
 text-align: center;}
	
#movivcabeza.lpicabeza #sloganx p .biggi{
font-size:30px;
 text-align: center;
}
}

@media only screen and (max-width:440px) {
	#movivcabeza #sloganx{
margin:40px auto 0 auto;
}

}
@media only screen and (max-width:400px) {
#movivcabeza.lpicabeza #sloganx p{
	font-size:19px;}}

/*Cierra movi ****************************************************/









/*GUARD *************************************************************************/

#guardvcabeza{
	position:relative;
	overflow: hidden;
	background-color:#fff;
}
	#guardvcabeza.mpecabeza{
	margin-bottom:-20px;}
#guardvcabeza #s16x9{
	display:block;
	width:100%;
	position:relative;
	z-index:1;}
	#guardvcabeza video{
		position:absolute;
		top:0;
		right:0;
		height:100%;
		z-index:2;}
		
#guardvcabeza #pantalla img{
		width:100%;
		z-index:2;}
		
#guardvcabeza #mpecabeza{
	display:block;
	position:absolute;
	top:0;
	right:0;
	height:100%;}	
		
		#guardvcabeza #logo{ position:absolute;
		left:25px;
		top:85px;
		z-index:3;
		width:30%;
		max-width:220px;
		z-index:3}
		
		#guardvcabeza.mpecabeza #logo{ 
		max-width:300px;
}
		
		#guardvcabeza #logo img{
			width:100%;
			display:block;}
		
		
		
		
		#guardvcabeza #sloganx{
position:absolute;
			top:55%;
left:25px;
transform:translate(0,-50%);
width:50%;
max-width:600px;
z-index:3}


		#guardvcabeza.mpecabeza #sloganx{

			top:50%;
}

#guardvcabeza.mpecabeza #sloganx{
max-width:550px;
}

#guardvcabeza #sloganx p,
#guardvcabeza.mpecabeza #sloganx p{
	font-family:normal;
	font-size:38px;}
	
#guardvcabeza.mpecabeza #sloganx p{
	font-size:29px;}
	
	#guardvcabeza #sloganx p.big,
	#guardvcabeza.mpecabeza #sloganx h1
	{
	font-family:titulo;
	font-size:60px;
	color:#FF0B63;
	line-height:.9em;}
	
	#guardvcabeza.mpecabeza #sloganx h1{
		color:#1e2a5a;
		font-size:46px;}
		
			#guardvcabeza.mpecabeza #sloganx h1 em{
			color:#FF0B63;}
	
	body.frenchg #guardvcabeza #sloganx p.big,
	body.frenchg #guardvcabeza.mpecabeza #sloganx h1{
		font-size:45px;
	color:#FF0B63;
	}
	
	
	@media only screen and (max-width:1205px) {
	#guardvcabeza #logo,
	#movivcabeza #logo{ 
		
		max-width:180px;
		}
		


}

@media only screen and (max-width:1125px) {
		#guardvcabeza #sloganx{
max-width:500px;
}
#guardvcabeza #sloganx p{
	font-size:30px;}
	
	#guardvcabeza #sloganx p.big,
	#guardvcabeza.mpecabeza h1{

	font-size:60px;
}


}
	
		@media only screen and (max-width:1085px) {
		#guardvcabeza #sloganx{
			top:55%;
}
		


}
	
	
			@media only screen and (max-width:981px) {
#guardvcabeza #sloganx p{
	font-family:normal;
	font-size:24px;}
	
	#guardvcabeza #sloganx p.big,
	#guardvcabeza.mpecabeza h1{
		font-size:35px;
	}

body.frenchg #guardvcabeza #sloganx p.big,
	body.frenchg #guardvcabeza.mpecabeza #sloganx h1{
		font-size:35px;
	}
}

			@media only screen and (max-width:905px) {
#guardvcabeza #sloganx p{
	font-family:normal;
	font-size:22px;}
	

	#guardvcabeza #sloganx p.big,
	#guardvcabeza.mpecabeza h1{
		font-size:30px;
	}
		#guardvcabeza #sloganx{
			top:60%;
			max-width:400px;
}

#guardvcabeza.mpecabeza{
	margin-bottom:-22px;}

}
	
	
				@media only screen and (max-width:887px) {
						#guardvcabeza #logo{ 
				max-width:150px;
		}
		
								#guardvcabeza.mpecabeza #logo{ 
				max-width:180px;
		}
		
				#guardvcabeza.mpecabeza {
					margin-bottom:-20px;

}
#guardvcabeza #sloganx p{
		font-size:22px;}
	
	#guardvcabeza #sloganx p.big,
	#guardvcabeza.mpecabeza #sloganx h1{
		font-size:30px;
	}
	
		#guardvcabeza #sloganx{
			
			top:63%;

}

		#guardvcabeza.mpecabeza #sloganx{
		max-width:359px;
			top:53%;

}



#guardvcabeza.mpecabeza #sloganx p{ font-size:19px;}

}
	
		@media only screen and (max-width:715px) {
						
#guardvcabeza #logo,
#guardvcabeza #sloganx{display:none;}
#guardvcabeza #s16x9{
	height:80px;}
	
	#guardvcabeza.mpecabeza #sloganx,
	#guardvcabeza.mpecabeza #logo
	{display:block;}

#guardvcabeza #logo{ top:90px;}

#guardvcabeza.mpecabeza #mpecabeza{ position:relative;
width:100%;
}

#guardvcabeza.mpecabeza #sloganx h1{
		font-size:27px;
	}
	
}
	
	@media only screen and (max-width:620px) {
		
		#guardvcabeza.mpecabeza{
			margin-bottom:0;}
		
		#guardvcabeza.mpecabeza #sloganx h1{
		font-size:20px;
	}
	
#guardvcabeza.mpecabeza #sloganx p{display:none;}
		}
	
		@media only screen and (max-width:457px) {
		
#guardvcabeza.mpecabeza #sloganx{
	top:65%;}
		}
	
	/*GUARDERIA***************************/
	
	#guarderia{
		margin:30px auto;
		width:92%;
		max-width:1000px;
		overflow:hidden;
position: relative;
z-index: 2;}



.detalle-articulo .todotexto .texto #guarderia{ width: 100%;
margin: 0 auto;}

/*Guarderia de LPI*/
 #guarderia.lpiguarderia{
		margin:-120px auto 30px auto;
		}

#guarderia.lpiguarderiafull{
		margin:0 auto 30px auto;
		width:100%;
		max-width:100%;
		overflow:hidden;
position: relative;
z-index: 2;}

		
		#guarderia.mpeguarderia{margin:80px auto 30px auto;}	
			
		#guarderia .botones{
			text-align:center;
			margin-bottom:50px;
			width:100%;
			float:none;
			position:relative;
			overflow:hidden;}
			
			body.services 		#guarderia .botones{
			margin-bottom:17px;
}
			
			#guarderia .boton{
				background-color:#FF0B63;
margin-bottom:10px;}
				
							#guarderia .boton:hover{
				background-color:#1e2a5a}
		
		#guarderia em{
			color:#FF0B63;
			font-style:normal;}
			
			#guarderia h1 em,
			#guarderia h2 em,
			#guarderia h3 em{
			font-family:titulo;}
		
		
		#guarderia .bloque{
			position:relative;
			overflow:hidden;
			margin-bottom:90px;}

.detalle-articulo .todotexto .texto #guarderia .bloque{margin-bottom:20px; }

#guarderia.lpiguarderiafull .bloque{
			position:relative;
			overflow:hidden;
				margin:0 auto;
		width:92%;
		max-width:1000px;}

			#guarderia .bloque .fila{
				overflow:hidden;}
			
			#guarderia .bloque .izq{
				float:left;
				width:48%;
				position:relative;}
				
				#guarderia .bloque .der{
				float:right;
				width:48%;
				position:relative;}
				
			#guarderia .bloque.bloque11lpi .izq,
#guarderia .bloque.bloque11lpi .der{
				max-width:350px;
}
				
#guarderia .bloque.bloque11lpi .izqder img{
 margin-bottom: 20px;
}			

#guarderia .bloque.bloque11lpi .izq img{	max-width:236px;
margin-left: auto;
margin-right: auto;}
				
				#guarderia .bloque img{ width:100%;
				display:block;}


				
				/*General todos los parrafos de los bloques*/
				#guarderia .bloque p{
					font-size:21px;
					margin-bottom:25px;
					color:#000;}
     
				#guarderia .bloque p.especial,
    #guarderia #bloque10.boosterbloque .der p.especial
    {
					font-size:27px;
					}
					
						#guarderia .bloque p:last-child{
							margin-bottom:0;}
							
/*general titulos*/
#guarderia .bloque h1,
#guarderia .bloque h2,
#guarderia .bloque h3,
#guarderia .bloque h4{color:#1e2a5a;
				font-family:titulo;
				line-height:.9em;
				padding-top:5px;}
				
				#guarderia .bloque h3{
					font-size:25px;
     line-height: 1.1em;}
					


.lpiguarderiafull .tapa img{ display:block;
width: 100%;}
					
@media only screen and (max-width:690px) {
 #guarderia.lpiguarderia{
		margin:-90px auto 0 auto;
		}
 
 
 
 			#guarderia .bloque.bloque11lpi .izqder{
				max-width:350px;
 float: none;
 margin: 0 auto 60px auto;
}
 
 #guarderia .bloque.bloque11lpi .izq img,
 #guarderia .bloque.bloque11lpi .der img{	max-width:236px;
margin-left: auto;
margin-right: auto;}
}

@media only screen and (max-width:660px) {
							#guarderia .bloque{
			margin-bottom:70px;}

			#guarderia .bloque .izq{
				width:100%;
				margin-bottom:25px;}
				#guarderia .bloque .der{
				width:100%;}
				



}		

@media only screen and (max-width:622px) {
 #guarderia.lpiguarderia{
		margin:-40px auto 0 auto;
		}
}


@media only screen and (max-width:470px) {
 #guarderia #bloque11.bloque11lpi .izqder p{
  font-size: 18px;
 }
}


@media only screen and (max-width:400px) {
 #guarderia #bloque11.bloque11lpi .izqder p{
  font-size: 16px;
 }
}

					
					/*Bloque 1*/
				
					#guarderia #bloque1 .izq h1{
					font-size:55px;
					text-align:right;
					}
					body.frenchg #guarderia #bloque1 .izq h1{
					font-size:35px;
					}
					
					#guarderia #bloque1 .izq p{
					text-align:right;
					font-size:30px;
					line-height:1.25em;}
					
					#guarderia #bloque1 .der p,
					#guarderia #bloque2 .der p{
					font-size:21px;}
					
					#guarderia #bloque1 .der p.especial,
					#guarderia #bloque2 .der p.especial{
					font-size:29px;
					font-family:thiner;}
					
			@media only screen and (max-width:660px) {			
									#guarderia #bloque1 .izq h1,
				#guarderia #bloque1 .izq p{
					text-align:left;}


}	

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

					#guarderia #bloque1 .izq h1{
					font-size:38px;
					}
					
					body.frenchg #guarderia #bloque1 .izq h1{
					font-size:35px;
					}

					#guarderia #bloque1 .der p.especial,
					#guarderia #bloque2 .der p.especial{
					font-size:24px;
					font-family:thiner;}
					
										#guarderia #bloque1 .izq p{
					line-height:1em;}
}
				
				/*bloque2*/
				#guarderia #bloque2 h2{
					font-size:32px;
					margin-bottom:15px;}
				#guarderia #bloque2 h3{
					margin-top:10px;
					margin-bottom:20px;}
					#guarderia #bloque2 p{
					font-size:23px;
					}
					
					/*bloque3*/
				#guarderia #bloque3 p{
					font-size:45px;
					font-family:thiner;
					text-align:center}
					
						@media only screen and (max-width:660px) {			
										#guarderia #bloque3 p{
					font-size:35px;
				}


}	
				
								/*bloque4*/
				#guarderia #bloque4 p{
					font-size:25px;
}
				
			
				
				#guarderia #bloque4 .izq img{ position:absolute;
				top:320px;
				left:0;
				width:97%;
				z-index:-1;}
				
					body.frenchg	#guarderia #bloque4 .izq img{ 
				top:472px;
				}
				
				
@media only screen and (max-width:660px) {			
#guarderia #bloque4 h1{
					font-size:35px;
}
#guarderia #bloque4 .izq img{ display:none;}


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

#guarderia #bloque4 p{
					font-size:21px;
}


}	
				/*bloque5*/
				#guarderia #bloque5 p.resumensote{
					font-size:25px;
					margin-bottom:55px;}
					#guarderia #bloque5 h2{font-size:40px;
					margin-bottom:15px;}
					#guarderia #bloque5 p{font-size:27px;}
					#guarderia #bloque5 img{width:85%;}
					
				@media only screen and (max-width:660px) {	
					#guarderia #bloque5 .arrix,
						#guarderia #bloque5 .abax{text-align:center;}
						
					#guarderia #bloque5 img{width:80%;
					display:inline-block;}		



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

#guarderia #bloque5 h2{font-size:32px;
					margin-bottom:10px;}

#guarderia #bloque5 p{font-size:21px;}
}
		
		
			/*bloque6*/		
			#guarderia #bloque6 h3,
			#guarderia #bloque8 h3{font-size:27px;
			text-align:center;}
			#guarderia #bloque6 h2 {
				text-align:center}
			#guarderia #bloque6 h2.titulote,
			#guarderia #bloque8 h2.titulote{margin-top:5px;}
			#guarderia #bloque6 p.resumensote{
					font-size:25px;
					margin-bottom:55px;}
					
					#guarderia #bloque6 .iconlist{
					margin-bottom:0;}
					
					#guarderia #bloque6 .iconlist h4{text-align:center;
					font-family:normalbold;
					font-size:23px;
					margin-bottom:10px;}
					
					#guarderia #bloque6 .iconlist p{
					font-size:18px;
					}
					
					
					
	@media only screen and (max-width:400px) {

#guarderia #bloque6 p.resumensote{
					font-size:21px;
}

			#guarderia #bloque6 h3,
			#guarderia #bloque8 h3{font-size:20px;}
			
#guarderia #bloque6 h2.titulote,
			#guarderia #bloque8 h2.titulote{font-size:26px;}
}
			
#cstfeatures a.item1595:before,
.frenchg #cstfeatures a.item1430:before{
background-image:url(https://survisiongroup.com/SVimagenes/guard/05-icon-plate-image-size-min.png)}

#cstfeatures a.item1596:before,
body.frenchg #cstfeatures a.item1431:before{
background-image:url(https://survisiongroup.com/SVimagenes/guard/06-icon-contrast-min.png)}
#cstfeatures a.item1597:before,
body.frenchg #cstfeatures a.item1432:before{
background-image:url(https://survisiongroup.com/SVimagenes/guard/07-icon-angle-min.png)}

#cstfeatures a.item1598:before,
body.frenchg #cstfeatures a.item1433:before{
background-image:url(https://survisiongroup.com/SVimagenes/guard/08-icon-trajectory-min.png)}

#cstfeatures a.item1599:before,
body.frenchg #cstfeatures a.item1434:before{
background-image:url(https://survisiongroup.com/SVimagenes/guard/09-icon-reliability-min.png)}

#cstfeatures a.item1600:before,
body.frenchg #cstfeatures a.item1435:before{
background-image:url(https://survisiongroup.com/SVimagenes/guard/10-icon-power-min.png)}

#cstfeatures a.item1601:before,
body.frenchg #cstfeatures a.item1436:before{
background-image:url(https://survisiongroup.com/SVimagenes/guard/11-icon-position-change-min.png)}


#cstfeatures a.item1602:before,
body.frenchg #cstfeatures a.item1437:before{
background-image:url(https://survisiongroup.com/SVimagenes/guard/12-icon-traffic-min.png)}

#cstfeatures a.item1603:before,
body.frenchg #cstfeatures a.item1438:before{
background-image:url(https://survisiongroup.com/SVimagenes/guard/13-icon-temperature-min.png)}


/*Icons for Platelist*/

#platelistcases a.itemretail:before{background-image:url(https://survisiongroup.com/SVimagenes/platelist/icon-retail-min.png)}

#platelistcases a.itemresidential:before{background-image:url(https://survisiongroup.com/SVimagenes/platelist/icon-residential-min.png)}

#platelistcases a.itemindustrial:before{background-image:url(https://survisiongroup.com/SVimagenes/platelist/icon-industrial-min.png)}

#platelistcases a.itemschool:before{background-image:url(https://survisiongroup.com/SVimagenes/platelist/icon-school-min.png)}


/*platelistcomponents*/

#platelistcomponents a.itemcamera:before{background-image:url(https://survisiongroup.com/SVimagenes/platelist/iconote-camara-min.png)}

#platelistcomponents a.itemnetwork:before{background-image:url(https://survisiongroup.com/SVimagenes/platelist/iconote-network-min.png)}

#platelistcomponents a.itemapp:before{background-image:url(https://survisiongroup.com/SVimagenes/platelist/iconote-app-min.png)}


/*Services*/
#platelistcases.serviceslist a.itemhardwarerepair:before{background-image:url(https://survisiongroup.com/SVimagenes/services/hardware-repair-min.png)}

#platelistcases.serviceslist a.itemfirmwareupdates:before{background-image:url(https://survisiongroup.com/SVimagenes/services/firmware-update-min.png)}

#platelistcases.serviceslist a.itemremotesupport:before{background-image:url(https://survisiongroup.com/SVimagenes/services/remote-support-min.png)}


#platelistcases.serviceslist a.itemzenpack:before{background-image:url(https://survisiongroup.com/SVimagenes/services/zenpack-min.png)}



/*Icons for PlateAccess*/

#plateaccesscomponents a.itemdashboard:before{background-image:url(https://survisiongroup.com/SVimagenes/plateaccess/icon-dashboard-min.png)}

#plateaccesscomponents a.itemaccessrights:before{background-image:url(https://survisiongroup.com/SVimagenes/plateaccess/icon-access-rights-min.png)}

#plateaccesscomponents a.itemlocations:before{background-image:url(https://survisiongroup.com/SVimagenes/plateaccess/icon-locations-min.png)}

#plateaccesscomponents a.itemusers:before{background-image:url(https://survisiongroup.com/SVimagenes/plateaccess/icon-users-min.png)}

#plateaccesscomponents a.itemsearch:before{background-image:url(https://survisiongroup.com/SVimagenes/plateaccess/icon-search-min.png)}

#plateaccesscomponents a.itemmicropak:before{background-image:url(https://survisiongroup.com/SVimagenes/plateaccess/icon-micropak-min.png)}

#plateaccesscomponents a.itempower:before{background-image:url(https://survisiongroup.com/SVimagenes/plateaccess/icon-power-min.png)}

#plateaccesscomponents a.itemconnection:before{background-image:url(https://survisiongroup.com/SVimagenes/plateaccess/icon-connection-min.png)}





/*Icons for certification*/

#certificationcomponents a.itemcareer:before{background-image:url(https://survisiongroup.com/SVimagenes/certification/icon-career-growth-min.png)}

#certificationcomponents a.itemtrust:before{background-image:url(https://survisiongroup.com/SVimagenes/certification/icon-increased-trust-min.png)}

#certificationcomponents a.itemprojects:before{background-image:url(https://survisiongroup.com/SVimagenes/certification/icon-projects-min.png)}

#certificationcomponents a.itemsupport:before{background-image:url(https://survisiongroup.com/SVimagenes/certification/icon-support-min.png)}

#howitworkscomponents a.item1:before{background-image:url(https://survisiongroup.com/SVimagenes/certification/icon1.png)}
#howitworkscomponents a.item2:before{background-image:url(https://survisiongroup.com/SVimagenes/certification/icon2.png)}
#howitworkscomponents a.item3:before{background-image:url(https://survisiongroup.com/SVimagenes/certification/icon3.png)}
#howitworkscomponents a.item4:before{background-image:url(https://survisiongroup.com/SVimagenes/certification/icon4.png)}
#howitworkscomponents a.item5:before{background-image:url(https://survisiongroup.com/SVimagenes/certification/icon5.png)}


/*Bloque 7*/
#bloque7 img{ position:relative;
width:100%;
display:block;
z-index:1;}

#bloque7 .text{ position:absolute;
width:37%;
top:50%;
right:20px;
transform:translate(0,-50%);
z-index:2;}

#bloque7 .text h3{
	font-size:35px;
	margin-bottom:10px;}
	
	@media only screen and (max-width:967px) {

#guarderia #bloque7 .text p{
	font-size:19px;}
	
	#guarderia #bloque7 .text h3{
	font-size:29px;}


}

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

#guarderia #bloque7 .text p{
	font-size:16px;
	margin-bottom:6px;}
	
	#guarderia #bloque7 .text h3{
	font-size:23px;}


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

#bloque7 .text{ position:relative;
width:90%;
top:auto;
right:auto;
transform:translate(0,0);
margin:25px auto 0 auto;
}
#guarderia #bloque7 .text p{
	font-size:21px;}
	
	#guarderia #bloque7 .text h3{
	font-size:40px;}

}

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

	#guarderia #bloque7 .text h3{
	font-size:30px;}


}
	
	/*Bloque 8*/
	
	#bloque8 .izq,
	#bloque8 .der{
		position:relative;}
		
		#bloque8 .izq .text,
	#bloque8 .der .text{
		position:absolute;
		top:55%;
		right:20px;
		width:70%;}	
		
		#fila5{
			position:relative;
			margin-top:50px;}
			
			#fila5 img{
				position:relative;
				width:100%;
				display:block;
				z-index:1;}
				
				#fila5 .text{
				position:absolute;
				width:35%;
				top:45%;
		right:45px;
		transform:translate(0,-50%);
		z-index:2;}
		
		
		@media only screen and (max-width:975px) {

#guarderia #bloque8 .text p{
	font-size:16px;}
#guarderia #fila5 .text p{
	font-size:18px;}

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

#guarderia #fila5 .text{
	position:relative;
	margin:0 auto;
	top:auto;
	right:auto;
	transform:translate(0,0);
	width:100%}
	
	#guarderia #fila5 .text p{
	font-size:25px;
	text-align:right}

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

#guarderia #fila5 .text p{
	font-size:15px;}


}
		
#guarderia	#bloque9 .izq{
			text-align:center;
			width:25%}
			
#guarderia	#bloque9 .der{
			width:71%}
			
			#bloque9 .izq img{
			width:50%;}
			
			#bloque9 .der p{ font-family:thiner;
			font-size:45px;}
			
			@media only screen and (max-width:700px) {

	#bloque9 .der p{ 
			font-size:35px;}


}

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

	#bloque9 .der p{ 
			font-size:25px;}


}

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

	#bloque9 .der p{ 
			font-size:19px;}


}





/*#bloque10 ************************/

#bloque10 h2{
	font-size:45px;
	margin-bottom:25px;
	text-align:right;}

#bloque10.bloquelpimonitor h2{
	text-align:left;}


body.certification #bloque10 h2{
	font-size:55px;
	margin-bottom:0;
	}
 
 #bloque10.boosterbloque h2{
	font-size:60px;
	margin-bottom:0;
	text-align:right;}

#bloque10 .der p{
	font-size:27px;
	line-height:1.3em;}
	
	#guarderia.mpeguarderia #bloque10 .der p,
#guarderia.plateaccessguarderia #bloque10 .der p{
	font-size:26px;
}

     				#guarderia  #bloque10.boosterbloque .der p{
					font-size:23px;
					}

#bloque10.bloquedashboard h4{
 text-align: right;
 font-family: normalbold;
 font-size: 38px;
 margin-bottom: 25px;
 
}

#bloque10.bloquedashboard p{
 text-align: right;
 font-size: 25px;
 margin-bottom: 25px;
}
#bloque10.bloquedashboard ul li{
 text-align: right;
 font-size: 23px;
 margin-bottom: 20px;
}

#bloque10.bloquedashboard ul li:last-child{
 margin-bottom: 0;
}

#guarderia.mpeguarderia #bloque10.bloque img{ width:80%;
margin:0 auto;
}
	@media only screen and (max-width:1000px) {

#bloque10 h2{
	font-size:40px;
	}

#bloque10 .der p{
	font-size:24px;}
	


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

#bloque10 h2{
	font-size:35px;
	}

#bloque10 .der p{
	font-size:20px;}
	


}


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


#bloque10 .izq img,
#bloque13 .der img{ width:70%;
margin:0 auto;}
#bloque10 h2{
		text-align:center
	}

#bloque10 .der p{
	font-size:20px;
	}
	

  
#guarderia.mpeguarderia #bloque10 .der p{font-size:20px;}
 
  
#bloque10.bloquedashboard h4{
 text-align: center;
  
}
  
  #bloque10.bloquedashboard p,
  #bloque10.bloquedashboard ul li{text-align: left;}
  
  #bloque10.bloquedashboard ul li{
   list-style-type:circle;
   list-style-position: inside;
  
  }
  
  
  #bloque10.boosterbloque h2 {
  font-size: 50px;
  
  
}
}


@media only screen and (max-width:418px) {
 #bloque10.bloquedashboard h4{font-size:35px;}
 
 #bloque10.bloquedashboard p,
  #bloque10.bloquedashboard ul li{font-size:22px;}

}

@media only screen and (max-width:364px) {
 #bloque10.bloquedashboard h4{font-size:30px;}
 
 #bloque10.bloquedashboard p,
  #bloque10.bloquedashboard ul li{font-size:18px;}

}
	/*#bloque10 ************************/
	
	/*#bloque11 ************************/

.bloque11container{
 background-image:url("SVimagenes/lpi/middle-min.jpg");
 background-size: cover;
}

#guarderia	#bloque11.frasesola {
					margin-bottom: 40px;}

#guarderia	#bloque11 h3,
#guarderia .bloquedashboard h3,
#guarderia .bloquecase h3{
		font-size:55px;
		margin-bottom:20px;
		text-align:center}
		
#guarderia	#bloque11 p{
			font-family:thiner;
			font-size:35px;
			text-align:center;
margin-bottom: 70px;}

#guarderia	#bloque11.boosterlist p,
#guarderia	#bloque11.boosterlist .izqder p{
						text-align:left;
margin-bottom: 25px;}

#guarderia	#bloque11.frasesola p{
		font-size:38px;
			margin: 0 auto;
max-width: 900px;}
		

#guarderia	#bloque11 .izqder p{
			font-size:21px;
 font-family: normal;
 margin-bottom: 0;
		}
		
img#biggallery{ width:100%;
display: block;
margin-bottom: 40px}




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

	#guarderia	#bloque11 h3{
		font-size:40px;
		}
		
#guarderia	#bloque11 p{
						font-size:29px;
}

}


@media only screen and (max-width:686px) {
#guarderia	#bloque11.frasesola p{		font-size:30px;}
 #guarderia #bloque11.frasesola{margin-bottom: 0px;}
}


@media only screen and (max-width:600px) {
#guarderia	#bloque11.frasesola p{		font-size:24px;}
}

@media only screen and (max-width:470px) {
#guarderia	#bloque11.frasesola p{		font-size:21px;}
}
			@media only screen and (max-width:372px) {
    #guarderia	#bloque11 h3,
#guarderia .bloquedashboard h3{
		font-size:45px;
		}
    
#guarderia	#bloque11.frasesola p{		font-size:19px;}
}

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

#guarderia	#bloque11 p{
						font-size:21px;
}


}
	/*#bloque11 ************************/


/*Abre bloque12 ****************************************************/

#bloque12.bloque12lpi{margin-bottom: 0}

#bloque12 h2{ font-size:65px;
text-align:center}
#bloque12 h3{ font-size:35px;
font-family:normalbold;
text-align:center;
margin-bottom:30px;}

#guarderia .bloquelpi img.logotitulo{max-width: 350px;
display: block;
margin: 0 auto 25px auto;}

#guarderia .bloquelpi p.resumen{ text-align: center;
font-size: 32px;
font-family: thiner;
margin-bottom: 40px;}

#bloque12 img{ width:100%;
max-width:900px;
margin:0 auto;}

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

#bloque12 h2{ font-size:45px;}
#bloque12 h3{ font-size:25px;
font-family:normalbold;}


}

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

#guarderia #bloque12 img{ width:140%;
margin:0 auto 0 -160px;
}

 #guarderia #bloque12.bloquelpi img.logotitulo{ width:90%;
  max-width: 300px;
margin:0 auto 30px  auto;
}
 
 #guarderia #bloque12.bloquelpi p.resumen{ font-size: 20px;}
}


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

#guarderia #bloque12 img{ width:160%;
margin:0 auto 0 -160px;
}

}

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

#guarderia #bloque12 img{ width:164%;
margin:0 auto 0 -159px;
}
 

}
/*Cierra bloque12 ****************************************************/




/*Abre bloque 13 con estilo de bloque 6 ****************************************************/
#guarderia #bloque13 h3{
	font-size:35px;
	margin-bottom:20px;}

#guarderia #bloque13.bloquewho h3{
	font-size:55px;
 margin-bottom:35px;
	}
	
#vehicles.iconlist a{ width:23.5%;}

#vehicles.iconlist a h4{ font-size:18px;
text-align:center;}

#vehicles a.itemc01:before{
background-image:url(https://survisiongroup.com/SVimagenes/lpi/04-cars-min.png)}

#vehicles a.itemc02:before{
background-image:url(https://survisiongroup.com/SVimagenes/lpi/05-carts-min.png)}

#vehicles a.itemc03:before{
background-image:url(https://survisiongroup.com/SVimagenes/lpi/06-motos-min.png)}

#vehicles a.itemc04:before{
background-image:url(https://survisiongroup.com/SVimagenes/lpi/07-scooter-min.png)}


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

#vehicles.iconlist a{ width:44%;}


}

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

	#vehicles.iconlist a{
		display:inline-block;
		width:80%;
		max-width:430px;
		padding:220px 30px 30px 30px;
		}
		
			
#guarderia #bloque6 #vehicles.iconlist h4{ font-size:15px;}
}


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

	#vehicles.iconlist a{
		display:inline-block;
		width:50%;
			padding:220px 30px 30px 30px;
		}
		
			
#guarderia #bloque6 #vehicles.iconlist h4{ font-size:15px;}
}
/*Cierra bloque 13 ****************************************************/















/*Abre bloque14 para case studies ****************************************************/

#guarderia #bloque14 .blog a.itemcase,
#guarderia #bloque14 .blog .item01{
 height: 520px;
 background-color: #1a2449;
 position: relative;
 border-radius: 10px;
 padding: 0;
}

/*Bloque de imagen*/
#guarderia #bloque14 .blog a.itemcase .img,
#guarderia #bloque14 .blog .item01 .img{
 margin-bottom: 72px;
 border-radius: 10px 10px 0 0;
 height: 170px;

}


/*Bolita*/
#guarderia #bloque14 .blog a.itemcase .bolita,
#guarderia #bloque14 .blog .item01 .bolita
{background-color: #FF0B63;
border-radius: 50%;
width: 115px;
height: 115px;
position: absolute;
left: 50%;
top: 21%;
transform: translate(-50%,0);
text-align: center;
z-index: 2;}

#guarderia #bloque14 .blog a.itemcase .bolita .bolitacontent,
#guarderia #bloque14 .blog .item01 .bolita .bolitacontent{
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
} 

#guarderia #bloque14 .blog a.itemcase .bolita .bolitamax,
#guarderia #bloque14 .blog .item01 .bolita .bolitamax{
 display: block;
 color: #fff;
 font-family: titulo;
 font-size: 25px;
}

#guarderia #bloque14 .blog a.itemcase .bolita .bolitacaption,
#guarderia #bloque14 .blog .item01 .bolita .bolitacaption{ display: block;
 color: #fff;
 font-family: normal;
 font-size: 13px;}
/*Bolita*/


#guarderia #bloque14 .blog a.itemcase h4,
#guarderia #bloque14 .blog a.itemcase h5,
#guarderia #bloque14 .blog a.itemcase h6,
#guarderia #bloque14 .blog a.itemcase h7,
#guarderia #bloque14 .blog a.itemcase p,
#guarderia #bloque14 .blog .item01 h4,
#guarderia #bloque14 .blog .item01 h5,
#guarderia #bloque14 .blog .item01 h6,
#guarderia #bloque14 .blog .item01 h7,
#guarderia #bloque14 .blog .item01 p{ color: #fff;
margin-bottom: 7px;
padding: 0 15px;}

#guarderia #bloque14 .blog a.itemcase h4,
#guarderia #bloque14 .blog .item01 h4{
 line-height: 1em;
 
}

#guarderia #bloque14 .blog a.itemcase h5,
#guarderia #bloque14 .blog .item01 h5{
 font-size: 23px;
 font-family: normalbold;
 color: #FF0B63;
 text-shadow: 1px 1px 0 rgba(0,0,0,1)
 
}
.detalle-articulo .todotexto .texto #guarderia #bloque14 .blog .item01 h5{ 
font-size: 21px;}

#guarderia #bloque14 .blog a.itemcase h6,
#guarderia #bloque14 .blog .item01 h6{
 font-size: 14px;
 font-family: normal;
 margin-bottom: 25px;
 }

.detalle-articulo .todotexto .texto #guarderia #bloque14 .blog .item01 h6{ 
margin-bottom: 15px;}

#guarderia #bloque14 .blog a.itemcase h7,
#guarderia #bloque14 .blog .item01 h7{
 font-size: 21px;
 font-family: normalbold;
 margin-bottom: 7px;
 display: block;
 
}

#guarderia #bloque14 .blog a.itemcase p,
#guarderia #bloque14 .blog .item01 p{
 font-size: 19px;
 font-family: normal; 
}

#guarderia #bloque14 .blog a.itemcase p:last-child,
#guarderia #bloque14 .blog .item01 p:last-child{
 margin-bottom: 0;
 
}


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

#guarderia #bloque14 .blog a.itemcase h4,
#guarderia #bloque14 .blog .item01 h4{font-size: 22px;}


}

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

#guarderia #bloque14 .blog a.itemcase h4,
#guarderia #bloque14 .blog .item01 h4{font-size: 21px;}
#guarderia #bloque14 .blog a.itemcase p,
#guarderia #bloque14 .blog .item01 p {
    font-size: 17px;
    
}

}



/*Cierra bloque14 para case studies ****************************************************/





















/*Abre platelist Y services ****************************************************/

#barrazul{height:0;}

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

#barrazul{height:50px;}


}
	
	#barrazul img{
		display:block;
		width:100%;
		height:100%;
	}


#platelistcabeza,
#servicescabeza{
	position:relative;}

#platelistcabeza img,
#servicescabeza img{
	width:100%;
	position:relative;
	z-index:1;}
	
	#platelistcabeza #logo{
		position:absolute;
		top:130px;
		left:30px;
		z-index:2;}
		
		#platelistcabeza #logo img{
			max-width:300px;
}
		
		#platelistcabeza #sloganx{
		position:absolute;
		top:200px;
		left:30px;
		z-index:2;
		max-width:500px;}
	
		#platelistcabeza #sloganx h2{
			font-family:normal;
			font-size:31px;
			line-height:1.1em;}
			
		
	
		#platelistcabeza #sloganx h2{
			font-family:normal;
			font-size:31px;
			line-height:1.1em;}
			
			
			/*Services cabeza *********/
			
				#servicescabeza #sloganx{
		position:absolute;
		top:33%;
		left:auto;
		right:4.5%;
		z-index:2;
		max-width:33%;}
			
#servicescabeza #sloganx h2{
font-family:thiner;
font-size:31px;
line-height:1.2em;
text-align:right;
color:#fff;}
			
			
			
#servicescabeza #sloganx h2{
font-family:thiner;
font-size:31px;
line-height:1.2em;
text-align:right;
color:#fff;}


		@media only screen and (max-width:1294px) {
		#servicescabeza #sloganx h2{
		font-size:26px;
}

}	


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

#platelistcabeza #sloganx h2{
font-size:26px;
}

}	

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

#platelistcabeza #logo{
		top:100px;
	}
		
		
#platelistcabeza #sloganx{
top:170px;
}

}	


@media only screen and (max-width:1114px) {
		#servicescabeza #sloganx h2{
		font-size:21px;
}

}	

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

		#servicescabeza #sloganx h2{
		font-size:21px;
}

}	



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

#platelistcabeza #logo{
		top:100px;
	}
	
#platelistcabeza #logo img{
			max-width:220px;
}
		

		
#platelistcabeza #sloganx{
top:155px;

		}
		
#platelistcabeza #sloganx h2{
font-size:21px;
}

}	



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

		#servicescabeza #sloganx h2{
		font-size:19px;
}

}	

	
			
					@media only screen and (max-width:812px) {
		#servicescabeza #sloganx h2{
		font-size:18px;

}

}	
			
			
				@media only screen and (max-width:782px) {
#servicescabeza #sloganx h2{
		font-size:15px;

}

	#platelistcabeza #logo{
		top:80px;
	}
	
			#platelistcabeza #logo img{
			max-width:200px;
}
		

		
		#platelistcabeza #sloganx{
		top:130px;
		max-width:400px;
		}
		
				#platelistcabeza #sloganx h2{
		font-size:18px;
}

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

#platelistcabeza #sloganx {
					max-width:300px;
}

		
#platelistcabeza #sloganx h2{
		font-size:15px;
}

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


	#platelistcabeza #logo{
		top:auto;
		left:auto;
		position:relative;
		text-align:center;
		width:100%;
		margin:30px auto;
	}
	
			#platelistcabeza #logo img{
			max-width:250px;
}
		

		
		#platelistcabeza #sloganx{
		top:auto;
		left:auto;
			position:relative;
		max-width:400px;
		margin:0px auto 20px auto;
		text-align:center;
		}
		
				#platelistcabeza #sloganx h2{
		font-size:30px;
}

}	
	
 	

@media only screen and (min-width:543px) {

#guarderia.guardeplans img.imgplans{
display:none;
}
 
 }
 
  	@media only screen and (max-width:543px) {
   #guarderia.guardeplans .bloque{
display:none;
}
   }
 

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

#servicescabeza #sloganx {
					max-width:31%;
}

		
#servicescabeza #sloganx h2{
		font-size:15px;
}

}	


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

#servicescabeza #sloganx {
					max-width:95%;
					position:relative;
					top:auto;
					right:auto;
					margin:20px auto;
					
}

		
#servicescabeza #sloganx h2{
	font-family:normalbold;
	text-align:center;
		font-size:25px;
		color:#1e2a5a;
}

}	
	
	
	/*Center ideas in services  landing page*/
#centeridea{ margin:50px auto 80px auto;
padding:0 20px;
max-width:900px;
position:relative;
z-index:3;}

#centeridea.stayzen{ margin:0 auto;
max-width:800px;
}



#centeridea p{
	font-family:thiner;
	font-size:32px;
	line-height:1.3em;
	text-align:center;}
	
	#centeridea.stayzen p{
	font-family:thiner;
	font-size:34px;
	line-height:1.3em;
	text-align:center;}
	
	#centeridea.questions p{
		font-size:55px;}
	
	
	#bracket{
		width:95%;
		margin:-20px auto 50px auto;
		max-width:850px;
		position:relative;
		z-index:1;}
		
		#bracket img{
			width:100%;}
	
	/* CIERRA Center ideas in services  landing page*/
	
	
	
	
/*Listado de iconos ********/	
#platelistcases,
#plateaccesscomponents,
#certificationcomponents,
#howitworkscomponents{
	text-align:center;
	max-width:1300px;
	margin:40px auto 120px auto;}

#certificationcomponents{margin-bottom:0;}
	
	#platelistcases.serviceslist{margin-bottom:40px;}
				
				#platelistcases a,
#plateaccesscomponents a,
#certificationcomponents a,
#howitworkscomponents a{
					display:inline-block;
				text-align:center;
		vertical-align:top;
		text-decoration:none;
		position:relative;
					width:100%;
		max-width:300px;
		padding:180px 30px 30px 30px;}
		
		
						#platelistcases.serviceslist a{
					display:inline-block;
				text-align:center;
		vertical-align:top;
		text-decoration:none;
		position:relative;
					width:100%;
		max-width:340px;
		padding:230px 30px 30px 30px;}
		
		
		
	
		
		
		#platelistcases a h3,
#plateaccesscomponents a h3,
#certificationcomponents a h3,
#howitworkscomponents a h3{
			font-family:normalbold;
			margin-bottom:15px;
		color:#1e2a5a;
		font-size:25px;
		line-height:1.1em;
}



			
			#platelistcases a p,
#plateaccesscomponents a p,
#certificationcomponents a p,
#howitworkscomponents a p
{font-size:22px;
			line-height:1.1em;}

			.frenchplateaccess #platelistcases a p,
#plateaccesscomponents a p{font-size:19px;
			}
			
			#platelistcases.serviceslist a p{font-size:19px;
			line-height:1.2em;}
			

				
				#platelistcases a:before,
#plateaccesscomponents a:before,
#certificationcomponents a:before,
#howitworkscomponents a:before{
				display:block;
				position:absolute;
				top:0;
				left:50%;
				transform:translate(-50%,0);
				width:160px;
				height:160px;
						background-size:75% auto;
				background-position:center center;
							background-repeat:no-repeat;
				content:" ";
				transition:all 0.2s ease-out;
						}
						
					#platelistcases a:hover:before,
#plateaccesscomponents a:hover:before,
#certificationcomponents a:hover:before,
#howitworkscomponents a:hover:before{
					width:180px;
				height:180px;
							}					
				
								#platelistcases.serviceslist a:before{
				display:block;
				position:absolute;
				top:0;
				left:50%;
				transform:translate(-50%,0);
				width:200px;
				height:200px;
						background-size:100% auto;
				background-position:center center;
							background-repeat:no-repeat;
				content:" ";
				z-index:-1;
				transition:all 0.2s ease-out;
		
				}
				
							#platelistcases.serviceslist a:hover:before{
			
				width:220px;
				height:220px;
		
				}
				
				
				
				
				
				
				/*Zen Pack*/
		
		
		
#platelistcases.serviceslist a.itemzenpack{
	width:100%;
	max-width:400px;
	padding:300px 30px 30px 30px;}
		


#platelistcases.serviceslist a.itemzenpack h3{
font-family:titulo;
font-size:32px;
line-height:1.1em;
}
			
			
			#platelistcases.serviceslist a.itemzenpack p{font-size:22px;
line-height:1.2em;}
				
	
				

				
#platelistcases.serviceslist a.itemzenpack:before{
width:280px;
height:280px;
		
				}

				#platelistcases a.itemzenpack:hover:before{
width:310px;
height:310px;
		
				}
				
				/*Cierra ZenPack*/
				
				
				
				


	#platelistcomponents a{
				padding:200px 30px 30px 30px;
		text-align:center;
		vertical-align:top;
		text-decoration:none;
		position:relative;}
				
				
					#platelistcomponents a:before{
			background-size:auto 90%;
				height:190px;
			}




#platelistdesc{}

#guarderia #platelistdesc h2{ font-size:45px;
margin-bottom:20px;}

#guarderia #platelistdesc .izq p,
#guarderia #platelistdesc ul li,
#guarderia #bloque10 .der ul li,
#guarderia .bloquelpimonitor ul li

{ font-size:24px;}


#guarderia .bloquewho ul li
{ font-size:28px;
font-family: thiner;
margin-bottom: 40px!important;}

#guarderia #platelistdesc ul li,
#guarderia .bloquelpimonitor ul li,
#guarderia #bloque10 .der ul li,
#guarderia .bloquewho ul li{
	list-style-type:circle;
	list-style-position:inside;
	margin-bottom:10px;}

#guarderia .bloque ul li
{ font-size:23px;
margin-bottom: 23px;
list-style-type: circle; 
list-style-position: inside}


#guarderia #bloque10 .der ul li
{ font-size:21px;
 margin-bottom: 21px;}



	
	#guarderia #platelistdesc .izq p:last-child,
#guarderia #platelistdesc ul li:last-child,
#guarderia .bloquelpimonitor ul li:last-child,
#guarderia #bloque10 .der ul li:last-child,
#guarderia .bloquewho ul li:last-child{
	margin-bottom:0;}
	
	#guarderia #platelistdesc .der img{
		position:absolute;
		left:auto;
		right:0;
		top:0;
		width:120%;}
		
		#guarderia #guarddesc .der h3{ margin-bottom:25px;
		font-size:35px;}
		
		#guarderia #guarddesc .der p{ font-size:23px;
		margin-bottom:17px;}
		
		#guarderia  #guarddesc em{
			color:#FF0B63;
			font-family:normalbold;
			font-style:normal;}
		
		
		@media only screen and (max-width:660px) {

#guarderia #platelistdesc .der img{
		position:relative;
		left:auto;
		right:auto;
		top:auto;
		width:100%;}
		
		#guarderia #platelistdesc h2{ font-size:35px;
}
		
		#guarderia #platelistdesc .izq p,
#guarderia #platelistdesc ul li{ font-size:20px;}

}

		@media only screen and (max-width:660px) {
		
		#guarderia #platelistdesc h2{ font-size:30px;
}
		
		#guarderia #platelistdesc .izq p,
#guarderia #platelistdesc ul li{ font-size:18px;}

	#platelistcases a{
					display:inline-block;
				text-align:center;
		vertical-align:top;
		text-decoration:none;
		position:relative;
					width:100%;
		max-width:100%;
		padding:150px 30px 30px 30px;}
		
		#platelistcases a:before{
					width:150px;
				height:150px;
				
		
				}
				
				
							#platelistcases a p{font-size:18px;}
				
					#platelistcomponents a{
				padding:200px 30px 30px 30px;
		text-align:center;
		vertical-align:top;
		text-decoration:none;
		position:relative;
		width:100%;
		max-width:100%;}

}
				
				
				/*Carro AI  en la pantalla del booster*/
				#aicar{ text-align: right;
    padding-right: 50px;
    margin-top: -250px;
    margin-bottom: 100px;
    position: relative;
    z-index: 100;

}


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

#aicar{ display: none;}


}

#aicar img{
max-width: 300px;
}




	/*Super pack*/			
				
#superpackcontainer{
					background-image:url(SVimagenes/services/bottom-min.jpg);
					background-position:center top;
					background-size:100% 100%;
					background-repeat:no-repeat;
					padding-top:100px;
					overflow:hidden;}
					
					
#superpack{
	width:95%;
	max-width:900px;
	margin:0 auto;}					
	
#superpack h4{
	font-size:74px;
	font-family:titulo;
	margin-bottom:20px;
	text-align:center;
	color:#FFF;}
				
#superpack p{
	font-size:26px;
	font-family:thiner;
	margin-bottom:25px;
	text-align:center;color:#FFF;}		
	
	#superpack .botones{
		text-align:center;
		margin-bottom:50px}
		
		#superpack .botones .boton{
			background-color:#FF0B63;
		}
				
				
	p.asterisco{
				text-align:center;
				font-size:21px;
				line-height:1.3em;
				margin:0 auto 100px auto;
				max-width:700px;}	
				
				
				@media only screen and (max-width:500px) {


#centeridea{ margin:50px auto 80px auto;
padding:0 20px;
max-width:900px;
position:relative;
z-index:3;}

#centeridea.stayzen{ margin:0 auto;
max-width:800px;
}



#centeridea p{
		font-size:24px;
	}
	
	#centeridea.stayzen p{
	font-size:26px;
	}
	
	#centeridea.questions p{
		font-size:44px;}



#superpack h4{
	font-size:50px;
	}
				
#superpack p{
	font-size:21px;
	}		

#superpack p.asterisco{
	font-size:18px;}
}
				
				
				
				
				
@media only screen and (max-width:400px) {


#superpack h4{
	font-size:40px;
}


#superpack p.asterisco{
	font-size:15px;}
}
/*Cierra platelist y services  ****************************************************/


 
 

/*Abre bloque 13 ****************************************************/

#guarderia .bloque13 h1{
 text-align: center;
 margin-bottom: 40px;
}

#guarderia .bloque13 #plateaccesscomponents{ margin-bottom:40px;}

#guarderia .bloque13 #plateaccesscomponents h3{font-size: 22px;}

#guarderia .bloque13 #plateaccesscomponents a{ max-width: 320px;}

#guarderia .bloque13 #plateaccesscomponents a:before{background-size:65% auto;}

/*Cierra bloque 13 ****************************************************/

				





/* Contenedor principal: permite el flujo en filas mediante wrap */
.boosterprocess {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px 0; /* Espacio vertical entre la fila 1-3 y la fila 2-4 */
}

/* Regla para cada bloque de paso */
#guarderia .step {
  display: flex;
  align-items: center; /* Alineación vertical al centro */
  width: 48%; /* Define las dos columnas en escritorio */
  gap: 20px;  /* Mantiene la imagen y el texto próximos */
  box-sizing: border-box;
}





/* Control de dimensiones de la imagen (número) */
#guarderia .step img {
  width: 130px;
  height: auto;
  flex-shrink: 0; /* Impide que flexbox reduzca el tamaño de la imagen */
}

/* Reset y espaciado del párrafo */
#guarderia .step p {
  margin: 0;
  line-height: 1.4;
  font-size: 19px;
}

#guarderia .lower {
text-align: right;
}
  
  

/* Adaptación para dispositivos móviles */
@media (max-width: 768px) {
  #guarderia .step {
    width: 100%; /* Ocupa todo el ancho disponible */
    flex-direction: column; /* Apila imagen y texto verticalmente */
    text-align: center;
    gap: 15px;
  }

  /* Reordenación mediante 'order' para lectura 1, 2, 3, 4 en móvil */
  #guarderia .step1 { order: 1; }
  
  #guarderia .step2 { 
    order: 2; 
    flex-direction: column-reverse; /* Pone la imagen arriba del texto en móvil */
  }
  
  #guarderia .step3 { order: 3; }
  
  #guarderia .step4 { 
    order: 4; 
    flex-direction: column-reverse; /* Pone la imagen arriba del texto en móvil */
  }
}









/*Abre bannerguard ****************************************************/
#bannerguard{
	margin:0 auto 60px auto;
	max-width:1000px;
	text-align:center}
	
	#bannerguard img{
		display:block;
		width:100%;
		border-radius:10px;
	}
		
/*Cierra bannerguard Icon ****************************************************/

/*Abre poweredbyguard ****************************************************/
#poweredbyguard{
	text-align:center;
	width:90%;
		margin:0 auto;}
	
	#poweredbyguard img{
			max-width:350px;
			transition:all .3s ease-in-out}
			
			#poweredbyguard img:hover{
			max-width:360px;
	}
/*Cierra poweredbyguard ****************************************************/








/*Abre nmeric facts ****************************************************/

.detalle-articulo .texto .facts{ overflow: hidden;
text-align: center;}

.detalle-articulo .texto .numericfact{
 display: inline-block;
 width: 31%;
 margin: 1%;
 background-color:#1e2a5a ;
 padding: 15px;
 border-radius: 10px;
 vertical-align: top;
}

.detalle-articulo .texto .numericfact p{color: #fff;
 margin: 0;
 color: #fff;
 line-height: 1em;
}

.detalle-articulo .texto .numericfact p:nth-of-type(1){
 color: #FF0B63;
 font-family: titulo;
 font-size: 3em;
}
.detalle-articulo .texto .numericfact p:nth-of-type(2){ font-family: normalbold;
margin-bottom: 15px;}
.detalle-articulo .texto .numericfact p:nth-of-type(3){
 font-size: 1em;
 line-height: 1.1em;
}

/*Cierra numeric facts ****************************************************/



 /*Abre Tabla Comparacion ****************************************************/

.tablecontainer{
 margin:50px auto 0 auto;
 max-width: 1100px;
 
 }

table.compitable {
  border: 0px solid #1C6EA4;
  width: 100%;
  border-collapse: collapse;
}
table.compitable td, table.compitable th {
  padding: 13px;
  text-align: center;
}

/*Tabla de aeropuertos*****/
.articulo1766 table.compitable td, .articulo1766 table.compitable th {
   text-align: left;
}

table.compitable tbody td {
  font-size: 13px;
  width: 12%;
 border-left: 1px solid #D0E4F5;
}

.articulo1766 table.compitable tbody td {
  font-size: 15px;
 
}


table.compitable tbody td.firstcol {
 text-align: left;
 width: 28%;
 font-size: 15px;
 border-left: 0px solid #D0E4F5;
}
table.compitable tr:nth-child(even) {
  background: rgba(222,240,246,0.43);
}
table.compitable thead {
  
}
table.compitable thead th {
  font-size: 16px;
  font-weight: bold;
 border-bottom: dotted 1px #ccc;
 }

.articulo1766 table.compitable thead td {
  font-size: 23px;
   }

table.compitable thead td strong{
  color: #1e2a5a!important;
 
}
table.compitable thead th:first-child {
  border-left: none;
}

table.compitable td.tdcamera{
 text-align: center;
 
}
table.compitable img.imgcamera{
 max-width: 180px;
 border: none;
}

#guarderia .bloque table .minicon{ 
width: 20px!important;
display: inline-block;}

/*Cierra Tabla Comparacion ****************************************************/


/*Estilos de tabla del booster*/

#guarderia .bloque table.plans td {
border: 1px #ccc solid;
 
}

#guarderia .bloque table.boostertable img.imgicon{
 max-height: 100px;
 border: none;
 width: auto;
 display: inline-block;
}

#guarderia .bloque table.boostertable th{
 text-align: center;
 padding-bottom: 20px;
}

#guarderia .bloque table.boostertable tbody td {
  font-size: 14px;
  border-left: 0 solid #D0E4F5;
  color:#000;
}


/*Estilos de tabla e PLANS*/

#guarderia .bloque table.boostertable.plans img.imgicon{
 max-height: 100px;
 border: none;
 width: auto;
 display: inline-block;
}

#guarderia .bloque table.boostertable.plans img.imglogo{
 max-height: 60px;
 display: none;
 
}

#guarderia .bloque table.plans td {
border: 1px #ccc solid!important;
text-align: center;
 font-size: 17px;
 
}
#guarderia .bloque table td.leftie {
text-align: left!important;
font-family: normalbold;
 
}


#guarderia .bloque table.plans td.leftie {
text-align: left;
font-family: medium;

 
}

#guarderia .bloque table.boostertable.plans h2{
font-family: normalbold;
font-size: 29px;
 
}

#guarderia .bloque table.boostertable.plans p{
font-size: 14px;

}


























#cameraslistindetail .titulote{
	margin-bottom:40px;}
	
	#cameraslistindetail .productos a h3{
		color:#FF0B63;
		font-size:26px;}
		
		
		
		
		
		
		#ascrail2000-hr{display:none!important;}

/*excepcion para la tabla de comparacion*/
body.articulo1679 #ascrail2000-hr,
body.articulo3009 #ascrail3009-hr{display:block!important;}














/*Estilos para Newsletter.php*/

body.indexnewsletter #guarderia #newsletterdesc *{text-align: center!important}
body.indexnewsletter #guarderia #newsletterdesc #mc_embed_signup{ max-width: 500px;
margin: 0 auto;}
body.indexnewsletter #guarderia #newsletterdesc h2{display: none}

body.indexnewsletter #guarderia #newsletterdesc #mc_embed_signup input.email,
body.indexnewsletter #guarderia #newsletterdesc #mc_embed_signup input.text,
body.indexnewsletter #guarderia #newsletterdesc #mc_embed_signup select{
background: #fff;
    border: solid 2px #1e2a5a;
    border-radius: 10px;
    padding: 15px;
    font-size: 16px;
    font-family: normal;
    color: #151515;
    max-width:100%;
    width: 100%}
    
    
   body.indexnewsletter #guarderia #newsletterdesc #mc_embed_signup input.button
   { margin: 20px auto;}
   /*fin*/