 /*
Theme Name: RN Theme V4
Theme URI: http://www.raulnarros.com
Author: Raul Narros
Author URI:
Description: Cualquir duda, contacta conmigo
Text Domain: RNthemeV4s
*/
@font-face { font-family: Delicious; src: url('fonts/Raleway/Raleway-Regular.ttf'); }

body{ font-family: 'Exo', 'Raleway', sans-serif;    margin: 98px 0 0 0!important;  color:#6b6f72;}
body{ margin:157px 0 0 0!important}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #00253e;}
img{max-width: 100%;height: auto;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:0 1em 1em 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
h1, h2, h3, h4 {font-family: 'Exo', 'Raleway', sans-serif;    font-weight: 700; color:#00253e;}
 h3, h4 {font-weight: 300;}
 h3{font-size: 33px;    font-weight: 700;}
 h4{font-size: 20px;}
h2{    font-size: 32px;}
b, strong{font-weight: bold;}
.limpiar{clear: both;    width: 100%;}
.righ{text-align: right;}
.autor{font-size: 8px}
footer {background:#00253e;  padding: 10px 0 1px;    margin-top: 25px;}
footer .centro {}
footer .centro img{    display: block;margin: 9px auto 15px;width: 150px;}
footer .centro p{color:#fff;text-align: center;    font-size: 12px;}
footer .centro a{color:#fff}
footer .foo2 .centro a{color:#000}
.foo2 {background:#fff;padding: 5px 0;font-size: 10px; }
a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1200px;margin: 0 auto;max-width: 100%;}
h1 {font-size: 39px;font-weight: 800;}
/*menu*/

nav.navbar {position: fixed;top: 0;left: 0;right: 0;    background: #00253e;    z-index: 99;}
body.wordpress nav.navbar.fixed {position: fixed;   z-index: 99;}
nav.navbar .navbar-header{float: left;width: 14%;}
#navbar{float: left;width: 71%;padding: 62px 0;}
.navbar .centro{background-image: url(images/imagen-cabecera.png);background-position: center right;background-repeat: no-repeat;}
nav.navbar .fecha{position: relative;font-weight: 300;text-align: center;float: right;width: 15%;color: #fff;font-size: 50px;padding: 45px 0;}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;bottom: 15px;right: 15px;border-radius: 27px;padding: 8px 11px 12px 11px;     }
nav.navbar .navbar-header button.navbar-toggle.collapsed{}
nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 4px;display: block;width: 17px;height: 2px;border-radius: 1px;}
nav.navbar .navbar-header a.navbar-brand{}
nav.navbar .navbar-header a.navbar-brand img{    max-width: 97px;padding: 8px 0;}

nav.navbar #navbar{-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar.collapse{}
nav.navbar #navbar ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;}
nav.navbar #navbar ul li{position: relative;width: auto;margin: 0px 1%;padding: 5px 1%;text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar ul li a{color: #fff;text-decoration: none;font-size: 14px;}
body.wordpress nav.navbar.fixed #navbar ul li a{ }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{}
nav.navbar #navbar ul li.current-menu-item ul li{}
nav.navbar #navbar ul li.current-menu-item ul li a{}
nav.navbar #navbar ul li ul{display: none;    width: 146px;}
nav.navbar #navbar ul li:hover ul{display: block;position: absolute;background: #000; padding: 5px 22px;right: -114px;}
nav.navbar #navbar ul li ul li{display: block;width: 100%;text-align: left;}
nav.navbar #navbar ul li ul li a{}

.contador{background-image: linear-gradient( #fff, #F2F3F5);text-align: center;font-size: 30px;font-weight: 600;padding: 30px 0;}
.contador div.global{ padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;max-width: 500px;margin:15px auto 0;}
.contador div.hijo{ width: 19%;margin: 0px 2%;padding: 5px 1%;text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
.contador div.hijo span{font-weight: 300; background: #00253e;color: #fff;display: block;padding: 16px 0px 16px 0;font-size: 42px;}
.contador div.hijo:after{font-size: 16px;padding-top: 3px;border-top: 2px solid #cb171f;margin-top: 9px;width: 90%;margin: 9px auto 0;}
.contador div.hijo:nth-of-type(1):after{content:'Días';}
.contador div.hijo:nth-of-type(2):after{content:'Horas';}
.contador div.hijo:nth-of-type(3):after{content:'Minutos';}
.contador div.hijo:nth-of-type(4):after{content:'Segundos';}
.bk1,
.bk3{background-color: #F2F3F5 }

.bk1 .centro{    padding: 50px 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;    margin: 0 auto;}
.centro .not { width: 29%; margin: 0px 1%;padding: 5px 1%;text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
.centro .not h3{      font-weight: 700;color: #00253e; text-align: left; margin: 5px 0;}
.centro .not .fecha{ color: #cb171f; text-align: left; font-size: 12px;}

.bk2{  padding: 50px 0; color: #fff;  }
.bk2 h3{ margin: 0; color: #fff;    font-weight: 600; }
.bk2 p{    max-width: 500px;}
a.boton{    display: inline-table;background: #fff;text-decoration: none;border: 1px solid #cb171f;padding: 5px 24px;margin-right: 15px;}


.bk3 img{ display: block; float: left; margin-right: 15px; height: 263px; position: relative; bottom: -7px; }
.contebk3{padding: 70px 0;}
.contebk3 h3{    font-weight: 700;
    margin: 0;}
.contebk3 p{}

.bk4  {     margin: 100px 0 50px }
.bk4 figure {  }
.bk4 figure img { }

.wpcf7{}
.wpcf7 form hr{ border: 1px dotted;}
.wpcf7 form .tomo2,
.wpcf7 form .tomo1{  max-width: 250px; float: left; margin-right: 15px;}
.wpcf7 form .tomo1 p{}
.wpcf7 form .tomo3 span.wpcf7-not-valid-tip{    float: left;}
.wpcf7 form .tomo4{}
.wpcf7 form .tomo3 span.nu{ float: left; margin: 7px 2% 7px -3px;}
.wpcf7 form .tomo3 input.wpcf7-text,
.wpcf7 form .tomo3 select,
.wpcf7 form .tomo3 textarea{   float: left; width: 13%; margin: 6px 0.5%;}
.wpcf7 form input.wpcf7-text,
.wpcf7 form select,
.wpcf7 form textarea{ width: 98%; padding: 5px 1%; margin: 5px 0;}
.wpcf7 form textarea{resize: none;}
.wpcf7 form .wpcf7-submit{ background: #00253e;color: #fff;border: none; font-size: 20px;padding: 7px 20px;}

.grecaptcha-badge{display: none!important}

.page-interior .centro{    width: 700px;}
.page_id_4800.page-interior .centro{    width: 1200px;}
iframe {max-width: 100%;margin: 0;padding: 0;display: block;}

.izquierda,
.derecha{    position: relative;float: left;width: 48%;margin-bottom: 50px;}
.izquierda{}
.derecha{float: right;}

.imasello{-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);rotation: 10deg;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);width: 95px;float: right;margin-top: 38px;display: block;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}

.redes{margin: 0 auto;display: block;position: absolute;bottom: 19px;left: 0;right: 0;width: 122px;}
.redes img{float: left;width: 34px;display: block;margin: 0 3px;}

figure.is-layout-flex.columns-4 {display: flex;flex-direction: row; flex-wrap: wrap;    align-items: center;align-content: center;justify-content: center; }
figure.is-layout-flex.columns-4 .wp-block-image{width: 24%!important;flex-grow: inherit;}
figure.is-layout-flex.columns-4 .wp-block-image img{margin: 0 auto;max-width: 90%!important;max-height: 200px;}
figure.is-layout-flex.columns-5 {display: flex;flex-direction: row; flex-wrap: wrap;    align-items: center;align-content: center;justify-content: center;}
figure.is-layout-flex.columns-5 .wp-block-image{flex-grow: inherit;}
figure.is-layout-flex.columns-5 .wp-block-image img{ margin: 0 auto;max-width: 90%!important;max-height: 180px;}

@media (min-width: 901px) { nav.navbar .navbar-header button.navbar-toggle{display: none;} }

@media (max-width: 900px) {
    .navbar-inverse .navbar-brand{padding: 0;}
    ul.navbar-nav{margin: 0;}
    nav.navbar div#navbar{position: fixed;width: auto;background: #fff;bottom: 60px;z-index: 99999999999;margin: 0px 0 00 0;right: 0;float: none;border: 1px solid #000;padding: 0;}
	nav.navbar div#navbar.cerrado{    display: none;}
	nav.navbar #navbar ul li{    text-align: left;width: 100%;}
    .bk4 .not a{    top: -8px;}
    nav.navbar #navbar ul li a {    color: #000;}
    nav.navbar div#navbar{width: 90%; float: none;}
    body.home nav.navbar #navbar ul li a{color:#00253e!important}
    body.home nav.navbar #navbar ul li li a{font-size: 12px}
    nav.navbar .navbar-header button.navbar-toggle{background:#00253e; border-color:#cb171f}
    nav.navbar .navbar-header button.navbar-toggle span{background:#fff}
    nav.navbar #navbar ul li#menu-item-4805:nth-of-type(1){display: block!important;}
    nav.navbar #navbar ul li ul{display: block; width: auto;}

    nav.navbar #navbar ul li:hover ul{ position: relative;background: transparent;padding: 0;right: auto;}

    nav.navbar .centro{        background-position: 125% center;}
    nav.navbar .navbar-header{    width: 25%;}
    nav.navbar .navbar-header img{        height: 75px;}
    nav.navbar .fecha{ width: 50%;float: left;padding: 24px 0;font-size: 20px; }
    .redes{   bottom: -10px;  }
    .redes img{ }
    .navbar .centro{ }

}

@media (max-width: 1200px) {
    .page-interior .centro,
    div.centro{    width: 94%;}
.wpcf7 form .tomo3 input.wpcf7-text,
.wpcf7 form .tomo3 select,
.wpcf7 form .tomo3 textarea{    width: 27.5%;}
}
@media (max-width: 1096px) {
    nav.navbar .navbar-header{width: 10%;}
    #navbar{    width: 75%;}
    nav.navbar #navbar ul li{padding: 5px 0%;}
}
@media (max-width: 900px) {
    nav.navbar .navbar-header{width: 14%;}
    #navbar{    width: 71%;}
    nav.navbar .fecha{    width: 72%;}
}
@media (max-width: 700px) {
    h3{    font-size: 21px;}
    .bk3 img{display: none;}
    .izquierda,
    .derecha{    float: none;width: 100%;margin-bottom: 50px;}
    nav.navbar .centro{        background-position: 142% center;}
}
@media (max-width: 650px) {


    nav.navbar .navbar-header{ float: none; width: auto; margin: 0 auto; display: table; }
    nav.navbar .navbar-header img{height: 120px;}

    nav.navbar .fecha{width: auto;float: none;margin: 0;padding: 0;font-size: 17px;position: relative;top: -10px;}
    .redes{    margin: 0;position: relative;left: auto;display: inline-table;right: auto;width: auto;bottom: auto;}
    .redes img{width: 24px;position: relative;top: 4px;}
    nav.navbar .centro{background-position: center center;}

    .page_id_4800 h2 {text-align: center;}
    figure.is-layout-flex.columns-4 {    display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;}
    figure.is-layout-flex.columns-4 .wp-block-image{width: 48%!important;}
    figure.is-layout-flex.columns-4 .wp-block-image img{     width: 90%;margin: 0 auto;}
    figure.is-layout-flex.columns-5 {display: flex;flex-direction: row; flex-wrap: wrap;    align-items: center;align-content: center;justify-content: center;}
    figure.is-layout-flex.columns-5 .wp-block-image{    width: 90%;margin: 0 auto;}
    figure.is-layout-flex.columns-5 .wp-block-image img{    padding: 0 5%;}

}
@media (max-width: 550px) {
    .centro .not {width: 98%;}
.wpcf7 form .tomo3 input.wpcf7-text,
.wpcf7 form .tomo3 select,
.wpcf7 form .tomo3 textarea{    width: 40.5%;}



}
@media (max-width: 400px) {
    .centro .not {width: 98%;}
    .contador div.hijo span{font-size: 32px!important;}


}

@media (max-height: 432px) {
    body.home nav.navbar #navbar ul li li a{    font-size: 13px;}
    body.home nav.navbar #navbar ul li  a{    }
    body.home nav.navbar #navbar ul li li { padding: 2px 0;  }
    body.home nav.navbar #navbar ul li  {    padding: 3px 0%;}


}
@media (max-height: 385px) {
    nav.navbar div#navbar { width: 91%;float: none;bottom: 0;margin-right: 8%;}
    body.home nav.navbar #navbar ul li li { padding: 1px 0;  }
    body.home nav.navbar #navbar ul li  {    padding: 2px 0%;}
    body.home nav.navbar #navbar ul li li a{    font-size: 12px;}
    body.home nav.navbar #navbar ul li  a{ font-size: 13px;   }

}
