a{text-decoration:none;outline:0;}
::-moz-selection{background:#000;color:#00c6ff;}
::selection{background:#000;color:#00c6ff;}
.titulo::-moz-selection{background:#000;color:#00c6ff;}
img {border-width: 0;margin:0;}
body{width:100%;left:0;top:0;height:auto;margin:0;padding:0;overflow-y:auto;overflow-x:hidden; background:#f8f8f8; background-image:url('mantis.png'); background-size:cover; background-attachment:fixed; background-position: top right; font-family: 'Nunito', sans-serif;}
@font-face {font-family: 'Nunito'; font-style: normal; font-weight: 300;
	src: local('Nunito-Light'), url(nunito.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
#container{width:100%;height:auto;position:relative;top:0;left:0;margin:0;padding:0;}
progress {position:fixed; top:0; width:100%; height:5px; border:none; background-color:transparent; z-index:10; opacity:0.9;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;}
progress::-webkit-progress-bar{background-color:transparent;}
/* H E A D E R */
header{position:relative; top:0px; left:0px; overflow:hidden;}      
#titulo{position:relative; width:900px; height:auto;top:0; margin:0 auto; opacity:0.95;padding-bottom: 100px}
.prensa0{background:url('prensaonline0.png') no-repeat; background-attachment: fixed; background-size:600px; background-position:33% 0;}
#titulo a img{width:600px;height:auto;position:relative;}     
h1{position:relative; width:100%;height:auto;margin:0;background:rgb(0,0,0);background:rgba(0,0,0,0.95);text-align:right;}
h1 img{width:25%;height:auto;margin-right:5%;margin-bottom:-5px;}
#prensa-s{display:none;}
/* I N D E X */
#index{display:block;position:relative;left:0;top:0;width:900px;height:auto;margin:0;padding:0;margin:0 auto;padding-bottom:100px;text-transform:uppercase;}
.indexin{display:inline-block;width:32.9%;margin:0;padding:0;vertical-align:top;}
.indexin a,.titulo{margin-right:3%;margin-left:3%;}
.indexin a{width:93%; height:60px; margin:0; margin:0 auto; padding:0 0 0 0; padding-left:1%; color:black; font-size:14px; border-bottom:1px solid gray; background:rgba(255,255,255,0.85);}
.indexin a:hover{ color:white; background:rgb(0,0,0); background:rgba(0,0,0,0.95);}
.indexin a img{position:absolute; padding:5px 0 5px 0; margin-right:5px; height:50px; width:50px;}
.seccion{width:100%;padding:0;margin:0;padding-top:100px;margin-bottom:0;z-index:1;}
.seccion p, .seccion h2{height:30px;line-height:30px;font-size:14px;font-weight:normal;text-align:right;color:black;letter-spacing:10px;padding-right:5px;z-index:2;
    -ms-transform:skewY(-3deg); -webkit-transform:skewY(-3deg); transform:skewY(-3deg);}
.titulo{width:94%; margin:0 auto; margin-top:-1px; text-align:center; font-weight:bold; color:white; font-size:14px; padding-bottom:0; background:rgb(0,0,0);background:rgba(0,0,0,0.95);}
.titulo img{display:none;}
.idioma{vertical-align:super;font-size:10px;font-weight:normal;} 
/* M E N U */
nav{position:fixed;z-index:10;text-align: center;}
nav.hidden .p1, nav.small .p1{display:none;}
nav.small #menu-icon{display:block;font-size:30px;line-height:13px;}
nav.hidden #menu-icon, nav.see #menu-icon{display:none;}            
nav.small{display:block;position:fixed;width:42px;height:42px;top:15px;left:20px;padding-top:0;z-index:9;background:rgb(255,255,255);background:rgba(255,255,255,0.9);border-radius:5%;opacity:0.9;color:black;}
nav.small:hover{cursor:pointer;background:rgb(0,0,0);background:rgba(0,0,0,0.9);color:white;}      
nav.see{top:0; left:0; width:100%; height:100%;  background:rgb(0,0,0); background:rgba(0,0,0,0.95); border-radius:0;  overflow-y:scroll; text-align: left;}            
nav.see .p1{width:auto; display:inline-block; text-transform:uppercase; color:white; padding:0; margin:0; margin-left: 20%; font-size:30px;}
nav.see .p1 p{padding:5;margin:0;display:inline;}
nav.see .p1-special{margin-left:10%;font-weight:bolder;color:#ff33cc;}
nav.see .p1:hover, nav.see .p1-special:hover,nav.see .close-menu:hover{color:#00c6ff }  
nav.small .close-menu, nav.hidden .close-menu, nav.small .iconito, nav.hidden .iconito{display:none;}
nav.see .iconito{width:40%; display:block; margin:5px; margin-left:10%;}      
nav.see .close-menu{position:fixed;top:60px;right:20%;color:white;font-size:80px;cursor:pointer;}
.stop-scrolling {overflow: hidden;}
/* F O O T E R */
#visita-wrap{width:100%;text-align:right;margin-top:100px;}      
#visita{background:#0066ff;color:white;letter-spacing:5px;font-size:15px;padding:10px;font-weight:bold;margin-right:10%;}
#visita:hover{background:black;color:#0066ff;}
#visita:after{content: ""; position: absolute; margin:0; padding:0; margin-top:-4px; margin-left:-9.5%; left:100%; width: 0; height: 0;
 border-top: 1em solid transparent; border-bottom: 1em solid transparent; border-right: 1em solid transparent; border-left: 1em solid #0066ff;}/* arrow */
#visita:hover:after{border-left: 1em solid black;}
.thefoot{
        position:static;
        width:100%;
        min-height:90px;
        margin:0;
	      padding-bottom:10px;
        background:black;
        text-align:center;
	      font-size:12px
      }
.backtotop{
        position:absolute;
        margin-top:-43px;
        width:100%;
        text-align:center;
      }
.backtotop a{color:black; font-size:40px;}
.backtotop a:hover{color:#0066ff;}
.theme{
      	display:inline-block;
      	margin-top:-20px;
      	width:450px;
        color:white;
        font-size:12px;
      	text-align:left;
      	vertical-align:middle;
      }
#iconito{width:200px;height:auto;display:block;margin-left:-2%;}
.theme a,.theme p{display:inline-block;color:white;margin:0;padding:0;line-height:10px;}      
      .social{
        display:inline-block;
        width:450;
        height:0;
        text-align:center;        
        margin:0 auto; 
        color:white;     
      }
      .social a .rombo{
        position:absolute;
        display:inline-block;
        width: 30px; 
        height: 30px; 
        padding:0;
        margin:0;
        background: transparent;
        border: 1px solid #0066ff;
        -moz-border-image: -moz-linear-gradient(top, #0066ff 0%, #ff33cc 100%);
        -webkit-border-image: -webkit-linear-gradient(top, #0066ff 0%, #ff33cc 100%);
        -ms-border-image: -ms-linear-gradient(top, #0066ff 0%, #ff33cc 100%);
        -o-border-image: -o-linear-gradient(top, #0066ff 0%, #ff33cc 100%);
        border-image: linear-gradient(to bottom, #0066ff 0%, #ff33cc 100%);
        border-image-slice: 1;        
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);     
      }
      .social a:hover .rombo{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      .social a{padding:10px 7.5px 0 7.5px;}  

      .social a svg{
        padding-left:2.5px;
        padding-top:2.5px;
        width:25px;
        height:25px;
        fill:white;
        z-index:2;
      }
      .social a:hover svg{fill:#ff33cc;}
      .fb-button{margin-right:10px;}
      .fb-button:hover svg{
        -ms-transform: translate(5px, 5px);
        -webkit-transform: translate(5px, 5px);
        -moz-transform: translate(5px, 5px);
        -o-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
      }
      .twitter-button:hover svg{
        -ms-transform: translate(2px, 4px);
        -webkit-transform: translate(2px, 4px);
        -moz-transform: translate(2px, 4px);
        -o-transform: translate(2px, 4px);
        transform: translate(2px, 4px);
      }

/* C O O K I E S */
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:15px;
    width:100%;
    text-align:center;
    min-height:20px;
    background-color: rgba(0, 0, 0, 0.6);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:98%;
    position:static;
    margin:0 auto;
    font-size:14px;
    margin-top:15px;
}

.inner a.ok {
    padding:4px;
    color:#ff33cc;
    text-decoration:none;
    vertical-align: top;
    display:inline;
}
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#00c6ff;
    display:inline;
}
/* T R A N S I T I O N S */
.indexin a, nav.see .p1, nav.see .close-menu, #visita, #visita:after, .backtotop a, .social a .rombo, .social a svg{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
nav.small{-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;  transition: all 0.6s ease;}
nav.see{-moz-transition: height 0.6s ease;-webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease;}

/*  R E S P O N S I V E */
@media screen and (max-width: 1000px){           
  body{background-image:url('mantiss.png');}    
  header #titulo, .social{width:100%;}
  #titulo a img{width:65%;}
  .prensa0{background-size:65%;background-position:10% 0;}  
	.theme{width:45%;}
	.thefoot .social{width:45%;text-align:right;}
  nav.see .iconito{width:60%;}        
}
@media screen and (max-width: 900px){
  .prensa0{background-position:5% 0;}  
  #index{width:100%}
  .columna1, .columna2{width:49%;margin-top:-1px;}
  .columna3{display:block;width:100%;margin:0;margin-top:-1px;}
  .movil-one,.movil-two,.movil{width:49%;display:inline-block;vertical-align: top;}  
}
@media screen and (max-width: 700px){  
  body, .prensa0{background-image:none;}
  #prensa-s{display: block;position:absolute;top:0;}
  img#prensa-l{display: none;}
  #titulo{padding-bottom:10px;}  
  #titulo a img{width:80%;margin-left:10%;}
  h1 img{width:35%;margin-right:5%;}
  .indexin a{padding-left:0.5%;width:93.5%;font-size:13px;}
  .des{font-size:12px;}
  .indexin a img{width:40px;height:40px;padding:10px 0 10px 0;}
  .texto{padding-left:45px;}
  #internacional a img,#periodicos a img{width:30px;height:30px;padding:5px 0 5px 0;}
  #visita{letter-spacing:0px;}
  .seccion p,.seccion h2{letter-spacing:1px;}  
  .social{top:-28px;}
  .social a{padding:0 4px 0 4px;}
  .social a .rombo{width:20px;height:20px;}
  .social a svg{width:18px;height:18px;}
  .social a svg{padding-left:2px;padding-top:2px;}
  .twitter-button:hover svg,.fb-button:hover svg{
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
      }
 .inner {font-size:12px;}

 nav.see .p1{font-size:25px;}
 nav.see .close-menu{font-size:60px;}
 nav.see .iconito{width:70%;}
}
@media screen and (max-width: 480px){
  body{background:#fdfdfd;}
  #titulo a img{width:90%;margin-left:5%;}
  h1 img{width:50%;margin-right:5%;}
  .indexin a img{width:30px;height:30px;padding:5px 0 5px 0;}
  .texto{padding-left:35px;height:40px;font-weight:normal;}
  .des{display:none;}
  #motor .columna3{margin-top:40px;}
  .social{top:-24px;}
  .social a .rombo{width:17px;height:17px;}
  .social a svg{width:15px;height:15px;}
  .social a svg{padding-left:2px;padding-top:1px;}

  #iconito{display:none;}
  nav.see .p1{font-size:18px;}
  nav.see .close-menu{font-size:40px;}
  nav.see .iconito{width:80%;}
}