@charset "UTF-8";
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*--------------- Comunes ---------------*/
html { -webkit-text-size-adjust: none;}
body {background:#FFFFFF; font-family:Helvetica, Arial, sans-serif; margin:0 auto;}
* {font-family:Helvetica, Arial, sans-serif;}
.fontface, .fontface * {font-family:'gobcl_regular-webfont', Arial, Helvetica, sans-serif;}
h1 {font-size:28px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:12px;}
p {font-size:13px;}
a {text-decoration:none; color:#1466a6; outline:none;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;}
.separa {width:100%; clear:both; height:1px; display:block; margin:0; padding:0;}
.boton {cursor:pointer;}
.aleft {float:left;}
.aright {float:right;}
.anone {float:none;}
.hide {display:none;}
.left {text-align:left;}
.right {text-align:right;}
.hide {display:none;}
.block, .show {display:block;}
/* FIN Comunes */

/*--------------- Estructurales ---------------*/
#main { overflow:hidden; width:100%; clear:both; /*min-width:1280px;*/}
#header {width:90%; margin:0 auto; position:relative; padding:0 5%;}
#footer {width:90%; height:260px; padding:0 5%;background:#575d67; position:relative;}

/* FIN Estructurales */

/*--------------- Header ---------------*/
#header .logo {float:left;}
#header .logo img {display:block; margin:0 0 0 0;}
#header .menu {float:right; font-family: 'gobcl_regular-webfont'; margin:50px 0 0 0;}
#header .menu a {display:inline-block; text-align:center; margin:0 8px; max-width:130px; height:40px; vertical-align:top; color:#ffffff; font-size: 15px;}
#header .menu a:hover {text-decoration:none; border-bottom:3px solid #1466a6;}
#header .boto-idioma {position:absolute; right:37px; top:10px; font-family: 'gobcl_regular-webfont'; color:#ffffff; font-size: 13px; border:1px solid #a1c9f3; padding:4px 8px;}
#header .boto-idioma:hover {background:#1466a6; text-decoration:none;}
/*menu movil*/
#header .menu_btn {width:29px; height:40px; color:#ffffff; cursor:pointer; display:none; padding:5px 0 0 20px; text-align:left; clear:both; position:absolute; right:1.5em; top:0;}
#header .menu_btn img {float:left; margin:5px 5px 0 0; } 
#header .menu_btn strong {float:left; margin:10px 5px 0 0;} 
#header .menu_btn.activo { background:none;}

/*--------------- Footer ---------------*/
#footer .logo1 {position:absolute; bottom:0; left:5%;}
#footer .logo2 {position:absolute; bottom:0; right:5%;}
#footer .logo3 {position:absolute; top:70px; left:40%;}
#footer .logo a {display:block;}
#footer .logo a img {display:block;}

/*--------------- Main ---------------*/
#main .auxi-home {width:100%; max-width:1280px; margin:0 auto; display:block;}
#main .auxi-home .video-home {height:auto; overflow:hidden;}
#main .auxi-home .video-home iframe {width:100%;}
#main .auxi-home .carrusel {position:relative; margin:0 auto 50px; width:100%; display:block;}
.carrusel .item {margin:0 auto; max-width:1000px;}
.carrusel .owl-controls {position:absolute; top:200px; width:100%;}
.carrusel .owl-controls .owl-buttons {position:relative;}
.carrusel .owl-controls .owl-buttons .owl-prev {position:absolute; left:50px; width:33px; height:106px; font-size: 0px; background:url(/mitoyrealidad/imag/auxi/arrow_left.png) no-repeat left top;}
.carrusel .owl-controls .owl-buttons .owl-next {position:absolute; right:50px; width:33px; height:106px; font-size: 0px; background:url(/mitoyrealidad/imag/auxi/arrow_right.png) no-repeat left top;}
.carrusel .item .foto {position:relative;}
.boxCompartir {position:absolute; right:0; bottom:10px;}
.boxCompartir span {font-family: 'gobcl_regular-webfont'; font-size:22px; font-weight:bold; color:#fff; clear:both; margin:0 0 5px;}
.boxCompartir .redes {float:left;}
.boxCompartir .redes + .redes {margin:0 0 0 10px;  float:left;}
.boxCompartir a {float:left; font-size:16px; color:#FFF; font-weight:bold; text-decoration:none; padding:8px; margin:0 5px 0 0;}
.boxCompartir .redes.boto-facebook a {border:1px solid #b3d2f3; background:#425f9c;}
.boxCompartir .redes.boto-twitter a {border:1px solid #b3d2f3; background:#00ccff;}
.boxCompartir .redes a:hover {background:#cc4245;}

.video-home {position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; clear:both;}
.video-home iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

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

}

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

} 

/*--------------- RESPONSIVE ----------------*/

@media(max-width:1200px) {
}

@media(max-width:960px) {
}

@media(max-width:760px) {
         #header {width:auto; padding:0;}
     #header .logo {float:none;}
     /*menu responsive*/
     #header .menu_btn {display:block;}
     #header ul.menu {width:100%; display:none; background:#003366;}
     #header .menu {width:100%; float:none; font-family: 'gobcl_regular-webfont'; margin:30px 0 0 0; background:#333333;}
     #header .menu a {width:100%; max-width:100%; height:auto; display:block; text-align:left; margin:0; padding:12px 8px; color:#ffffff; font-size:16px; border-bottom:1px solid #666; }
     #header .menu a:hover {text-decoration:none; background:#006aba; }

}

@media(max-width:640px) {

}