@CHARSET "utf-8";

@font-face {
    font-family: "Open_Sans";
    src: url('/resources/default_theme/fonts/OpenSans-Regular.eot');
    src: url('/resources/default_theme/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('/resources/default_theme/fonts/OpenSans-Regular.svg#Open Sans') format('svg'),
    url('/resources/default_theme/fonts/OpenSans-Regular.woff') format('woff'),
    url('/resources/default_theme/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open_Sans_Bold";
    src: url('/resources/default_theme/fonts/OpenSans-Bold.eot');
    src: url('/resources/default_theme/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('/resources/default_theme/fonts/OpenSans-Bold.svg#Open Sans') format('svg'),
    url('/resources/default_theme/fonts/OpenSans-Bold.woff') format('woff'),
    url('/resources/default_theme/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/**********************************************************************************************************************************
 *  FIXED STYLES 
 **********************************************************************************************************************************/
a:focus{outline: none; text-decoration: none;}

.nav > li > a:hover, .nav > li > a:focus {background-color: transparent !important;}

.row {margin-left: 0px;margin-right: 0px;}
ul{margin: 0px;}
ol{margin: 0px; padding: 0;}

.required {font-size: 14px; color: #4b4d58;}
.required:after{content:"*";color:#ff0000;}

/**
* ERRORES:
*/
div.error, input.error, select.error, textarea.error, select.error, span.error, select.error {
    background: none repeat scroll 0 0 #F2DEDE !important;
    border: 1px solid #B94A48 !important;
    color:#B94A48;
}
.alert-error {margin:10px;}

/**
* ESTILOS COMUNES
*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearboth {clear: both;}

body{font-family: arial; text-align: justify; color:#162e4d; font-size: 14px; overflow-x:hidden; height: 100%; background: url('/resources/default_theme/img/comunes/bg.jpg') no-repeat scroll top center;}
body.sinbg {background: none;}

a, a:hover,a:focus{font-family: arial; color:#000000;  text-decoration: none;}
a:focus{outline: none; text-decoration: none;}
.btn, .btn:hover, .btn:focus{font-size: 14px;}
ul{padding:0;}
p{margin-bottom:15px;}

.container {max-width: 970px !important;}

.no-padding {padding-left: 0 !important; padding-right: 0 !important;}
.no-padding-left {padding-left: 0 !important;}
.no-padding-right {padding-right: 0 !important;}

/************************
// COOKIES
/************************/

#alerta-cookies{position: fixed; width: 100%; bottom: 0; background: #141313; opacity: 0.95; font-size: 12px; color: #fff; text-align: center; padding: 0px; height: 65px; margin-bottom: 0px; border: 0px; border-radius: 0px; z-index: 99999;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000);   /* IE6 & 7 */
}
#alerta-cookies h2 {text-align: left; padding-left: 118px; margin-top: 17px; margin-bottom: 3px !important; font-size: 16px; font-weight: bold;}
#alerta-cookies button{}
#alerta-cookies a{color: #fff; text-decoration: underline;}
#alerta-cookies p{text-align: left; padding-left: 118px;font-family:Arial; font-size: 1em; margin-top: 3px;}
#alerta-cookies .close{color: #fff; font-weight: normal; margin-right: 30px; opacity: 1; }
#alerta-cookies #closeCookies{text-decoration: none;}
#alerta-cookiesInner{margin: 0 auto; width:980px;}

.terminos ol, .terminos ul {margin: 0 5px;}
.terminos ol li, .terminos ul li {margin: 5px 0 5px 15px;  font-size: 12px;}

.politica_cookies {padding: 0 20px; text-align: justify; line-height: 22px;}
.politica_cookies h1 {font-weight: bold; text-align: left;}
.politica_cookies h2 {font-weight: bold; font-size: 18px;}
.politica_cookies ul li, .politica_cookies ol li {margin: 20px; background: none; font-size: 14px; font-weight: normal; padding: 0; list-style: circle;}

/************************
// Header
/************************/
.contenido_header {position: relative;}
.logo {margin-top: 25px; display: block; position: relative; z-index: 1;}
.compartir {font-family: 'Open_Sans_Bold'; font-size: 12px; color: #b3b2b2; position: relative; z-index: 1; margin-top: 40px;}
.compartir ul li {float: right; display: inline-block; list-style: none; margin-left: 5px;}
.compartir ul li.nomargin {margin: 0 !important;}

/************************
// Banner
/************************/
#ContenedorBanners {position: absolute; top: 25px; left: 0; z-index: -1; width: 100%;}
#ContenedorBanners #myCarouselBanners img {margin: 0 auto; display: block;}
#ContenedorBanners #myCarouselBanners h1 {font-family: 'Open_Sans'; font-size: 16px; color: #162e4d; text-align: center;}
#ContenedorBanners #myCarouselBanners h1 strong {font-family: 'Open_Sans_Bold'; font-weight: normal;}
#ContenedorBanners #myCarouselBanners h1:before {content: ''; background: url('/resources/default_theme/img/comunes/h1_before.png') no-repeat scroll center center; width: 89px; height: 12px; display: inline-block; margin-right: 20px;}
#ContenedorBanners #myCarouselBanners h1:after {content: ''; background: url('/resources/default_theme/img/comunes/h1_after.png') no-repeat scroll center center; width: 89px; height: 12px; display: inline-block; margin-left: 20px;}

/************************
// Menú Principal
/************************/
.navbar {margin-top: 200px; border: none; background: none;}
.navbar a {font-family: 'Open_Sans_Bold'; font-size: 15px; color: #162e4d !important; border-top: 3px solid #162e4d; border-bottom: 3px solid #162e4d; margin-right: 13px; padding: 3px 0 !important;}
.navbar a:hover, header .navbar a.active {position: relative; font-family: 'Open_Sans_Bold'; font-size: 15px; color: #cd1719 !important; border-top: 3px solid #cd1719; border-bottom: 3px solid #cd1719;}
.navbar a:before {content: ''; background: #162e4d; width: 7px; height: 7px; position: absolute; top: -5px; left: 0;}
.navbar a:after {content: ''; background: #162e4d; width: 7px; height: 7px; position: absolute; bottom: -5px; right: 0;}
.navbar a:hover:before, header .navbar a.active:before, header .navbar a:hover:after, header .navbar a.active:after {background: #cd1719;}
.navbar-default .navbar-toggle {border-color: #162e4d;}
.navbar-default .navbar-toggle .icon-bar {background: #162e4d;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
.popover{background: #162e4d; border: 1px solid #162e4d; border-radius: 2px; padding: 0px; margin-top: 8px;}
.popover img {width: 100%;}
.popover.top{top: -20px !important;}
.popover h3{display: none;}
.popover .arrow{}
.popover.top .arrow{bottom:-7px; border-top-color: #162e4d;}
.popover.top .arrow:after{border-top-color: #162e4d;}
.popover.bottom.arrow{border-bottom-color: #162e4d;}
.popover.bottom .arrow:after{border-bottom-color: #162e4d;}
.popover .popover-content{ text-align: center; padding: 2px 5px; background: #162e4d;}

/************************
// Por qué
/************************/
.texto {color: #162e4d; font-size: 15px; padding-top: 85px;}
.home .corazon {position: relative;}
.home .corazon img {position: absolute; top: 0; left: 15px;}
.home .corazon h2 {font-family: 'Open_Sans_Bold'; font-size: 23px; font-weight: normal; text-align: right; margin-top: 80px; margin-right: 20px; color: #ffffff;}
.home .corazon form {margin-top: 17px;}
.home .corazon form .form-group {margin-bottom: 7px;}
.home .corazon label {font-family: 'Open_Sans_Bold'; font-size: 14px; color: #ffffff; font-weight: normal; padding: 0; line-height: 16px;}
.home .corazon label.left {text-align: left;}
.home .corazon input[type="text"], .home .corazon select {border-radius: 0; border-color: #a5aeba; height: 25px; padding: 0 10px;}
.home .corazon textarea {max-height: 76px;}
.home .corazon .btnSubmit {background: url('/resources/default_theme/img/por_que/bg_submit.png') no-repeat transparent; font-family: 'Open_Sans_Bold'; border-radius: 0; font-size: 17px; color: #ffffff; padding: 7px 0; margin-top: 10px;}
.home .corazon .bases_legales, .participa .bases_legales {font-family: 'Open_Sans_Bold'; font-size: 14px; color: #162e4d;}

/************************
// Bases legales
/************************/
.bases_legales {text-align: justify;}
.bases_legales h1 {font-family: 'Open_Sans_Bold'; font-weight: normal;}
.bases_legales h2 {font-family: 'Open_Sans'; font-weight: normal;}

/************************
// Request
/************************/
.request {width: 325px; line-height: 20px;}
.request h1 {font-family: 'Open_Sans_Bold'; font-size: 18px; color: #162e4d;}
.request p {font-family: 'Open_Sans'; font-size: 18px; color: #162e4d;}
.request p strong {font-family: 'Open_Sans_Bold'; font-weight: normal;}

/************************
// Participa
/************************/
.participa form label {font-family: 'Open_Sans_Bold'; font-weight: normal; font-size: 14px; color: #162e4d; padding-top: 3px !important;}
.participa form .form-group input[type="text"], .participa form .form-group input[type="email"], .participa form select {border: 1px solid #162e4d; border-radius: 0; height: 25px; padding: 0 10px;}
.participa form textarea {border-width: 2px 1px; border-style: solid; border-color: #162e4d; border-radius: 0; height: 134px;}
.participa form .btnSubmit {background: url('/resources/default_theme/img/participa/bg_submit.png') no-repeat transparent; font-family: 'Open_Sans_Bold'; border-radius: 0; font-size: 17px; color: transparent; padding: 7px 0; margin: 10px auto 25px; display: block;}
.participa form .text-left label {text-align: left; margin-bottom: 15px;}

@media(min-width: 768px) AND (max-width: 991px) {
    .home .corazon h2 {margin-right: 40px;}
    .libro img {max-width: 100%; height: auto;}
    .container {overflow: hidden;}
}

@media(max-width: 767px) {
    header .navbar {margin: 0;}
    header .navbar a {margin: 15px 0;}
    header .compartir {margin-top: 20px;}
    #ContenedorBanners {margin-top: 15px;}
    .home .texto {padding-top: 10px;}
    .home .corazon {background: url('/resources/default_theme/img/por_que/icon_corazon.png') no-repeat scroll top right #162e4d;}
    .home .corazon h2 {text-align: left; margin-top: 25px; font-size: 15px;}
    .home .corazon form {margin-top: 40px;}
    .home .corazon .btnSubmit {margin-right: 15px; float: right;}
    .home .corazon .form-group div {text-align: left;}
    .libro img {max-width: 100%; height: auto;}
    .participa form .form-group div {text-align: left;}

}