@charset "utf-8";
/* CSS Document */
body {background-color: #F4F4F4; background-image:url(../img/security-background.jpg); background-attachment:fixed; background-repeat:no-repeat;  font-family: 'Libre Franklin', sans-serif; background-position:center}
h1 {font-family: 'Anton', sans-serif; font-size:420%; line-height:100%; padding-top:5%; text-align:left}
h2 {text-align:left; }
hr {height:5px; clear:both; border:none}
a:hover, a:active, a:focus {outline: none}

@font-face {
    font-family: "Social Media Circled";
    src: url(../fonts/SocialMediaCircled.eot); /* IE */
    src: local("Social Media Circled"), url(../fonts/SocialMediaCircled.ttf) format("truetype"), url(../fonts/SocialMediaCircled.woff) format("woff"), url(../fonts/SocialMediaCircled.otf) format("opentype"), url(../fonts/SocialMediaCircled.woff2) format("woff2"); /* resto de navegadores */
}

.menustyle {list-style:none; background-color:rgba(244,244,244,0.9); width:100%; text-decoration:none; text-align:center; position:fixed; z-index:9999}
.bar-menu {border:none; padding-top:7%}
.menu-movil {display:none}
.space {padding-top:1%}
.cont-inicio {max-height:450px; overflow:hidden}
.cont-inicio-2 {max-height:450px; overflow:hidden}
.cont-inicio-3 {max-height:450px; overflow:hidden}
.cont-inicio-4 {max-height:450px; overflow:hidden}
.blue-left {height:500px}
.blue-left-4 {height:500px}
.logo-blue img {display:block; width:50%; margin-left:auto; margin-right:auto; margin-top:3%; height:auto;}
.logo-blue-2 img {display:block; width:45%; margin-left:auto; margin-right:auto; margin-top:3%}
.logo-blue-4 img {display:block; width:50%; margin-left:auto; margin-right:auto; margin-top:6%}
.right-image img {height:120%; width:auto; diplay:block}
.text-inicio {text-align:justify; color:#000; margin:5%;}
.text-inicio-4 {text-align:justify; color:#000; margin:5%; font-size:150%}
.text-inicio-2 {text-align:justify; color:#000; margin-left:5%; margin-right:5%; margin-bottom:5%; margin-top:2%; font-size:90%}
.title-princ {text-align:center; color:#00708a; font-size:250%; margin-left:5%; margin-right:5%; letter-spacing:1px}
.title-princ-2 {text-align:center; color:#00708a; font-size:200%; margin-left:5%; margin-right:5%; letter-spacing:1px}
.title-princ-3 {text-align:center; color:#FFF; font-size:200%; margin-left:5%; margin-right:5%}
.title-princ-4 {text-align:center; color:#00708a; font-size:200%; margin-left:5%; margin-right:5%}
.car img {margin:2%; width:80%; padding-left:15%; padding-top:3%}
.space-text {font-size:120%; text-align:justify; margin:10%}
.box {float:left; z-index:10; background-color:rgba(255,255,255,0.5); border-radius:10px; margin-top:5px}
.page-end {background-color:#00708a; padding-top:3%; padding-bottom:3%}
.title-end {color:#fff; font-size:100%; margin-left:10%}
.title-space-1 {height:30px}
.text-end {color:#CCC; font-size:75%; line-height:14pt; text-align:justify; margin-left:10%; margin-right:10%}
.title-end-2 {color:#fff; font-size:80%; margin-left:10%}
.line-text-end {height:1px; background-color:#999; margin-top:5%; margin-left:10%; margin-right:10%; margin-bottom:5%}
.line-footer {height:1px; background-color:#999; margin-top:2%; margin-left:10%; margin-right:10%}
.box-foot {border-radius:0px; padding-top:1%}
.box-foot p {margin:5px; font-size:80%; text-align:center; color:#666}
.cctv-title {color:#333; font-size:250%; text-align:center; padding-bottom:2%}
.cctv-image img {width:90%; margin-left:auto; margin-right:auto}
.cctv-title-2 {color:#333; font-size:90%; margin:2%; padding-top:12%}
.cctv-text {color:#333; font-size:85%; text-align:justify; margin:2%}
.cctv-title-3 {color:#333; font-size:110%; margin:2%; padding-top:12%; padding-bottom:2%}
.line-text-cctv {height:1px; background-color:#999; margin-top:5%; margin-left:2%; margin-right:2%; margin-bottom:5%}
.cctv-space {height:2px}
.end-movil {display:none}
.inicio-title-3 {color:#333; font-size:120%; margin:2%; padding-top:10%; padding-bottom:2%}
.inicio-text {color:#333; font-size:95%; text-align:justify; margin:2%}
.inicio-space {height:2px}
.line-text-inicio {height:1px; background-color:#999; margin-top:5%; margin-left:2%; margin-right:2%; margin-bottom:5%}
.inicio-text-col8 {color:#333; font-size:100%; line-height:14pt; text-align:justify; margin:3%; padding-top:2%}
.inicio-banner img {width:80%; margin-left:auto; margin-right:auto;}
.text-inicio-3 {text-align:justify; color:#fff; margin-left:5%; margin-right:5%; margin-bottom:5%; margin-top:2%; font-size:100%}
.icons {font-family: "Social Media Circled"; display:inline; font-size:100%; text-align:left; color:#00708a; letter-spacing:8px}
.bar-top {text-align:center; padding-top:1%; padding-bottom:1%; font-size:90%}
.menu-space {clear:both; border:none; padding-top:7%}
.bar-permiso {background-color:#000; text-align:center; color:#FFF; padding:1% 0 1% 0}
.gold {clear:both; background-color:#858a0a; border:none; height:10px}
.bar-permiso-sec {text-align:center; font-size:110%; padding:0.5% 0 0.5% 0}
.cent {display:flex; justify-content:center; align-items:center}
.desktop-MVV {display:block}
.movil-MVV {display:none}
.sep-center {clear:both; border:none; background-color:rgba(212,212,212,0); width:60%; height:10px; display:inline-block; text-align:center}
.sep-bolsa {clear:both; border:none; background-color:rgba(212,212,212,0); width:60%; display:inline-block; text-align:center; padding-top:3%}
.MVV-title {text-align:center; font-family: 'Anton', sans-serif; font-size:150%}
.MVV-content {text-align:center}
.politica {text-align:center; font-family: 'Anton', sans-serif; font-size:160%}
.bar-politica {background-color:#000; color:#858a0a; text-align:center; padding:1% 0 2% 0}
.bar-politica p {margin:0 5% 0 5%}
.maxicovi-bold {font-size:160%}
.bolsa-sep {clear:both; border:none; background-color:#666; width:60%; height:5px; display:inline-block; text-align:center}
.text-bolsa {text-align:center; margin:0 5% 0 5%}
.title-uniforme {font-size:250%; font-family: 'Anton', sans-serif; color:#00708a; text-align:center}
.text-uniforme {margin:0 8% 0 8%; text-align:center; font-size:120%}
.grey {background-color:#D2D2D2; padding-top:3%; padding-bottom:3%}

/*BOTÓN WHATSAPP*/
.whatsapp-button {display:block; position:fixed; bottom:10px; right:0px; float:right; z-index:100}
.whatsapp-button img {width:70%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}


/*menú*/
.color-desktop nav {width:100%; text-align:center; background-color:#F4F4F4; z-index:10001}
.color-desktop ul li {list-style:none; display:inline-block; font-size:70%}
.color-desktop ul li a {height:auto; display:block; text-decoration:none; padding-top:8px; padding-bottom:8px; color:#00708a}
.color-desktop ul li a:hover {background-color:#00708a; border-radius:3px; color:#FFF; transition:all ease-in 200ms}
.transpoint {visibility:hidden}

/*Formulario*/
.form {font-family: 'Libre Franklin', sans-serif; color:#000; padding-bottom:5px}
input, textarea, select, button {border-radius:3px; width:auto; border:0; margin:0;
  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;}
input {height:30px}
.text-form {text-align:left}
#movilform {display:none}


#enviar {margin-left:40%}
button {background-color:#000; color:#FFF; width:30%; height:30px}
button:hover {background-color:#666; color:#000099; cursor:pointer}
.center {margin-left:auto; margin-right:auto}
.sep-form {height:20px}
.ponte {font-family: 'Anton', sans-serif; font-size:200%; color:#333}
.formulario {font-family: 'Anton', sans-serif; font-size:120%; color:#999}





.present {text-align:center; padding-bottom:3%; margin: 0 10px 10px 0;}
.logo {padding-left:15%; margin-top:10px}

.space-text {padding-top:2%}
.space-text1 {padding-top:2%}
.image-box {border-radius:10px; padding-top:3px; padding-bottom:5px; margin-bottom:10px}
.image-box img {width:70%; display:block; margin:auto}

.const {text-align:center; font-size:200%; color:#000; margin-top:1%}
.contact-text {font-family: 'Anton', sans-serif; text-align:center; font-size:180%; margin-top:10px}

#full {display:none; }

/*GALERIA*/
.gal-sep {clear:both; border:none}
.gal {display: flex; justify-content: center}
.gal img{transform:scale(0.95);
        -ms-transform:scale(0.95); /* IE 9*/ 
        -moz-transform:scale(0.95); /* Firefox*/ 
        -webkit-transform:scale(0.95); /* Safari and Chrome*/ 
        -o-transform:scale(0.95); /* Opera*/ 
        -webkit-transition: all 300ms ease-in-out; /* IE 9*/
        -moz-transition: all 300ms ease-in-out; /* Firefox*/
        -ms-transition: all 300ms ease-in-out; /*Safari and Chrome */
        -o-transition: all 300ms ease-in-out; /*Opera */ 
		opacity:1;     
    }        
.gal img:hover{width:100%; display:block;
            transform:scale(0.8);
            -ms-transform:scale(0.8); /* IE 9 */
            -moz-transform:scale(0.8); /* Firefox */
            -webkit-transform:scale(0.8); /* Safari and Chrome */
            -o-transform:scale(0.8); /* Opera*/
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
			opacity:0.6;
        }

@media all and (max-width:720px){
.bar-permiso {background-color:#000; text-align:center; color:#FFF; padding:1% 0 1% 0; font-size:90%}
.bar-permiso-sec {text-align:center; font-size:100%; padding:0.5% 0 0.5% 0}
.MVV-content {text-align:center; font-size:85%}
.maxicovi-bold {font-size:100%}
.desktop-MVV {display:none}
.movil-MVV {display:block}

.menu {visibility:hidden; display:none}
.menu-movil {display:block; position:fixed;}
.menu-back-movil {background-color:rgba(212,212,212,0.9)}
.color-datos {font-size:80%; text-align:center; text-decoration:none; list-style:none); color:rgba(0,0,0,1)}
.color-clic {padding-top:7%; padding-bottom:1%}
.color-clic nav {color:rgba(0,0,0,0); font-size:95%; text-align:center}
.color-clic ul {text-decoration:none; list-style:none}
.color-clic ul li {text-decoration:none; list-style:none}
.color-clic ul li a {color:#00708a; text-decoration:none}
.color-clic ul li a:hover {color:#FFF}

.menu-space {clear:both; border:none; padding-top:25%}

.whatsapp-button {display:block; position:fixed; bottom:20px; right:0px; width:15%; float:left; z-index:100; margin-right:0}
.whatsapp-button img {width:80%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}
}

@media all and (max-width:640px) {	
ul li a:hover {background-color:#D4D4D4}
body {background-color:#F4F4F4}
.title-princ {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-top:3%}
.title-princ-2 {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-top:4%}
.title-princ-4 {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-bottom:4%; padding-top:1}
.text-inicio {text-align:justify; color:#000; margin:8%}
.text-inicio-2 {text-align:justify; color:#000; margin:8%; font-size:100%}
.text-inicio-4 {text-align:center; color:#000; margin:5%; font-size:120%}
.logo-blue-2 {padding-bottom:0}
.logo-blue img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:4%}
.logo-blue-2 img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:4%}
.logo-blue-4 img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:2%}
.cont-inicio {max-height:none; background-color:none}
.cont-inicio-2 {max-height:none; background-color:none}
.cont-inicio-4 {max-height:none; background-color:none}
.right-image img {diplay:block; height:none}
.blue-left {height:auto; padding-bottom:0}
.blue-left-4 {height:auto}
.bar-politica {background-color:#000; color:#858a0a; text-align:justify; padding:4% 0 5% 0}
.bar-politica p {margin:0 5% 0 5%}
.MVV-title {text-align:center; font-family: 'Anton', sans-serif; font-size:180%}
.MVV-content {text-align:justify; margin:0 5% 0 5%}
.title-uniforme {font-size:180%; font-family: 'Anton', sans-serif; color:#00708a; text-align:center}
.text-uniforme {margin:0 8% 0 8%; text-align:center; font-size:90%}

.bar-permiso {background-color:#000; text-align:center; color:#FFF; padding:1% 0 1% 0; font-size:90%}
.bar-permiso-sec {text-align:center; font-size:100%; padding:0.5% 0 0.5% 0}
.MVV-content {text-align:center; font-size:85%}
.maxicovi-bold {font-size:100%}
.desktop-MVV {display:none}
.movil-MVV {display:block}

.menu {visibility:hidden; display:none}
.menu-movil {display:block; position:fixed;}
.menu-back-movil {background-color:rgba(212,212,212,0.9)}
.color-datos {font-size:80%; text-align:center; text-decoration:none; list-style:none); color:rgba(0,0,0,1)}
.color-clic {padding-top:7%; padding-bottom:1%}
.color-clic nav {color:rgba(0,0,0,0); font-size:95%; text-align:center}
.color-clic ul {text-decoration:none; list-style:none}
.color-clic ul li {text-decoration:none; list-style:none}
.color-clic ul li a {color:#00708a; text-decoration:none}
.color-clic ul li a:hover {color:#FFF}

.menu-space {clear:both; border:none; padding-top:25%}

.whatsapp-button {display:block; position:fixed; bottom:20px; right:0px; width:15%; float:left; z-index:100; margin-right:0}
.whatsapp-button img {width:80%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}



.cont-inicio-3 {max-height:340px; overflow:hidden}
.title-princ-3 {text-align:center; color:#FFF; font-size:180%; margin-left:0; margin-right:5%; padding-top:8%}
.text-inicio-3 {text-align:justify; color:#fff; margin:8%; padding-top:3%}

.space {padding-top:0; display:none}
.space-text {font-size:110%; text-align:justify; margin:5%; padding-top:0}
.car img {margin-top:2%; width:45%; margin-left:auto; margin-right:auto; padding-left:0}
.end-movil {display:block; height:35px}
.line-text-end {height:1px; background-color:#999; margin-top:2%; margin-left:10%; margin-right:10%; margin-bottom:2%}
.line-footer {height:1px; background-color:#999; margin-top:2%; margin-left:30%; margin-right:30%}
.cctv-title {color:#333; font-size:200%; text-align:center; padding-bottom:2%}
.cctv-image img {width:75%; margin-left:auto; margin-right:auto}
.cctv-title-2 {color:#333; font-size:110%; margin-top:1%; margin-right:10%; margin-left:10%; margin-bottom:2%; padding-top:2%}
.cctv-text {color:#333; font-size:100%; text-align:justify; margin-top:0; margin-left:10%; margin-right:10%; margin-bottom:2%}
.cctv-title-3 {color:#333; font-size:110%; margin-top:3%; margin-right:10%; margin-left:10%; margin-bottom:2%; padding-top:0; padding-bottom:2%}
.cctv-space {height:2px; width:80%}
.page-end {background-color:#00708a; padding-top:8%; padding-bottom:3%}
.ponte {font-family: 'Anton', sans-serif; font-size:150%; color:#333; text-align:center}
.formulario {font-family: 'Anton', sans-serif; font-size:90%; color:#999; text-align:center}
.form-movil {text-align:center; display:block; margin-left:auto; margin-right:auto}
.form-movil input, textarea {width:100%}
h2 {text-align:left; font-size:125%}
.logo {padding-left:23%; margin-top:5px; width:20%}
.present {text-align:center; padding-bottom:3%; margin: 0 20px 0px 20px;}
.image-box img {width:97%; display:block; margin:auto}
#movil {display:none;}
#movilimg {display:none}
.background-blur {z-index:-10; float:left; position:fixed; display: none}
#fullform {display:none}
#movilform {display: block; margin:0 auto;}
.form-movil {text-align:center; display:block; margin-left:1%}
#full {display:none}
.input-form-movil {margin:0 auto; }
button {background-color:#000; color:#FFF; width:60%; display:block; margin:0 auto}
}

@media all and (max-width:520px) {
ul li a:hover {background-color:#D4D4D4}
body {background-color:#F4F4F4}
.title-princ {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-top:3%}
.title-princ-2 {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-top:4%}
.title-princ-4 {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-bottom:4%; padding-top:1}
.text-inicio {text-align:justify; color:#000; margin:8%}
.text-inicio-2 {text-align:justify; color:#000; margin:8%; font-size:100%}
.text-inicio-4 {text-align:center; color:#000; margin:5%; font-size:120%}
.logo-blue-2 {padding-bottom:0}
.logo-blue img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:4%}
.logo-blue-2 img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:4%}
.logo-blue-4 img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:2%}
.cont-inicio {max-height:none; background-color:none}
.cont-inicio-2 {max-height:none; background-color:none}
.cont-inicio-4 {max-height:none; background-color:none}
.right-image img {diplay:block}
.blue-left {height:auto; padding-bottom:0}
.blue-left-4 {height:auto}
.bar-politica {background-color:#000; color:#858a0a; text-align:justify; padding:4% 0 5% 0}
.bar-politica p {margin:0 5% 0 5%}
.MVV-title {text-align:center; font-family: 'Anton', sans-serif; font-size:180%}
.MVV-content {text-align:justify; margin:0 5% 0 5%}
.bar-permiso {background-color:#000; text-align:center; color:#FFF; padding:1% 0 1% 0; font-size:90%}
.bar-permiso-sec {text-align:center; font-size:100%; padding:0.5% 0 0.5% 0}
.MVV-content {text-align:center; font-size:85%}
.maxicovi-bold {font-size:100%}
.desktop-MVV {display:none}
.movil-MVV {display:block}
.title-uniforme {font-size:180%; font-family: 'Anton', sans-serif; color:#00708a; text-align:center}
.text-uniforme {margin:0 8% 0 8%; text-align:center; font-size:90%}

.menu {visibility:hidden; display:none}
.menu-movil {display:block; position:fixed;}
.menu-back-movil {background-color:rgba(212,212,212,0.9)}
.color-datos {font-size:80%; text-align:center; text-decoration:none; list-style:none); color:rgba(0,0,0,1)}
.color-clic {padding-top:7%; padding-bottom:1%}
.color-clic nav {color:rgba(0,0,0,0); font-size:95%; text-align:center}
.color-clic ul {text-decoration:none; list-style:none}
.color-clic ul li {text-decoration:none; list-style:none}
.color-clic ul li a {color:#00708a; text-decoration:none}
.color-clic ul li a:hover {color:#FFF}

.menu-space {clear:both; border:none; padding-top:25%}

.whatsapp-button {display:block; position:fixed; bottom:20px; right:0px; width:15%; float:left; z-index:100; margin-right:0}
.whatsapp-button img {width:80%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}

}

@media all and (max-width:480px) {
ul li a:hover {background-color:#D4D4D4}
body {background-color:#F4F4F4}
.title-princ {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-top:3%}
.title-princ-2 {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-top:4%}
.title-princ-4 {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-bottom:4%; padding-top:1}
.text-inicio {text-align:justify; color:#000; margin:8%}
.text-inicio-2 {text-align:justify; color:#000; margin:8%; font-size:100%}
.text-inicio-4 {text-align:center; color:#000; margin:5%; font-size:120%}
.logo-blue-2 {padding-bottom:0}
.logo-blue img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:4%}
.logo-blue-2 img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:4%}
.logo-blue-4 img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:2%}
.cont-inicio {max-height:none; background-color:none}
.cont-inicio-2 {max-height:none; background-color:none}
.cont-inicio-4 {max-height:none; background-color:none}
.right-image img {diplay:block}
.blue-left {height:auto; padding-bottom:0}
.blue-left-4 {height:auto}
.bar-politica {background-color:#000; color:#858a0a; text-align:justify; padding:4% 0 5% 0}
.bar-politica p {margin:0 5% 0 5%}
.MVV-title {text-align:center; font-family: 'Anton', sans-serif; font-size:180%}
.MVV-content {text-align:justify; margin:0 5% 0 5%}
.bar-permiso {background-color:#000; text-align:center; color:#FFF; padding:1% 0 1% 0; font-size:90%}
.bar-permiso-sec {text-align:center; font-size:100%; padding:0.5% 0 0.5% 0}
.MVV-content {text-align:center; font-size:85%}
.maxicovi-bold {font-size:100%}
.desktop-MVV {display:none}
.movil-MVV {display:block}
.title-uniforme {font-size:180%; font-family: 'Anton', sans-serif; color:#00708a; text-align:center}
.text-uniforme {margin:0 8% 0 8%; text-align:center; font-size:90%}

.menu {visibility:hidden; display:none}
.menu-movil {display:block; position:fixed;}
.menu-back-movil {background-color:rgba(212,212,212,0.9)}
.color-datos {font-size:80%; text-align:center; text-decoration:none; list-style:none); color:rgba(0,0,0,1)}
.color-clic {padding-top:7%; padding-bottom:1%}
.color-clic nav {color:rgba(0,0,0,0); font-size:95%; text-align:center}
.color-clic ul {text-decoration:none; list-style:none}
.color-clic ul li {text-decoration:none; list-style:none}
.color-clic ul li a {color:#00708a; text-decoration:none}
.color-clic ul li a:hover {color:#FFF}

.menu-space {clear:both; border:none; padding-top:25%}

.whatsapp-button {display:block; position:fixed; bottom:20px; right:0px; width:15%; float:left; z-index:100; margin-right:0}
.whatsapp-button img {width:80%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}
}

@media all and (max-width:360px) {
ul li a:hover {background-color:#D4D4D4}
body {background-color:#F4F4F4}
.title-princ {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-top:3%}
.title-princ-2 {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-top:4%}
.title-princ-4 {text-align:center; color:#00708a; font-size:180%; margin-left:auto; margin-right:auto; padding-bottom:4%; padding-top:1}
.text-inicio {text-align:justify; color:#000; margin:8%}
.text-inicio-2 {text-align:justify; color:#000; margin:8%; font-size:100%}
.text-inicio-4 {text-align:center; color:#000; margin:5%; font-size:120%}
.logo-blue-2 {padding-bottom:0}
.logo-blue img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:4%}
.logo-blue-2 img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:4%}
.logo-blue-4 img {display:block; width:55%; margin-left:auto; margin-right:auto; margin-top:2%}
.cont-inicio {max-height:none; background-color:none}
.cont-inicio-2 {max-height:none; background-color:none}
.cont-inicio-4 {max-height:none; background-color:none}
.right-image img {diplay:block}
.blue-left {height:auto; padding-bottom:0}
.blue-left-4 {height:auto}
.bar-politica {background-color:#000; color:#858a0a; text-align:justify; padding:4% 0 5% 0}
.bar-politica p {margin:0 5% 0 5%}
.MVV-title {text-align:center; font-family: 'Anton', sans-serif; font-size:180%}
.MVV-content {text-align:justify; margin:0 5% 0 5%}
.bar-permiso {background-color:#000; text-align:center; color:#FFF; padding:1% 0 1% 0; font-size:90%}
.bar-permiso-sec {text-align:center; font-size:100%; padding:0.5% 0 0.5% 0}
.MVV-content {text-align:center; font-size:85%}
.maxicovi-bold {font-size:100%}
.desktop-MVV {display:none}
.movil-MVV {display:block}
.title-uniforme {font-size:180%; font-family: 'Anton', sans-serif; color:#00708a; text-align:center}
.text-uniforme {margin:0 8% 0 8%; text-align:center; font-size:90%}

.menu {visibility:hidden; display:none}
.menu-movil {display:block; position:fixed;}
.menu-back-movil {background-color:rgba(212,212,212,0.9)}
.color-datos {font-size:80%; text-align:center; text-decoration:none; list-style:none); color:rgba(0,0,0,1)}
.color-clic {padding-top:7%; padding-bottom:1%}
.color-clic nav {color:rgba(0,0,0,0); font-size:95%; text-align:center}
.color-clic ul {text-decoration:none; list-style:none}
.color-clic ul li {text-decoration:none; list-style:none}
.color-clic ul li a {color:#00708a; text-decoration:none}
.color-clic ul li a:hover {color:#FFF}

.menu-space {clear:both; border:none; padding-top:25%}

.whatsapp-button {display:block; position:fixed; bottom:20px; right:0px; width:15%; float:left; z-index:100; margin-right:0}
.whatsapp-button img {width:80%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}
}