@charset "utf-8";

* {
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}

ol,
ul {
    list-style: outside none none;
}

img {
    border: medium none;
}

textarea {
    resize: none;
}

input,
select,
textarea {
    box-sizing: border-box;
    font-family: inherit;
    font-size: 0.85em;
    margin: 0;
    outline: medium none;
    padding: 0;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 0 !important;
}

.btn {
    background: #4891dc !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.btn:hover {
    background: #0062ae !important;
}

section,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

@font-face {
    font-family: "FuturaMedium";
    font-weight: normal;
    src: url("../fonts/futuram-webfont.eot?#iefix") format("eot"), url("../fonts/futuram-webfont.woff") format("woff"), url("../fonts/futuram-webfont.ttf") format("truetype"), url("../fonts/futuram-webfont.svg#webfontoNLeu84E") format("svg");
}

@font-face {
    font-family: "FuturaBold";
    font-weight: normal;
    src: url("../fonts/futura_bold_bt-webfont.eot?#iefix") format("eot"), url("../fonts/futura_bold_bt-webfont.woff") format("woff"), url("../fonts/futura_bold_bt-webfont.ttf") format("truetype"), url("../fonts/futura_bold_bt-webfont.svg#webfontoNLeu84E") format("svg");
}

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

body {
    background: #ffffff;
    font-family: "FuturaMedium", Verdana, Geneva, sans-serif;
}

.float_right {
    float: right;
}

.float {
    float: left;
}

.blue {
    background: #0062ae;
    height: 30px;
    width: 100%;
}

.white,
.whitemenu {
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    width: 100%;
}

.white {
    height: 70px;
}

.grey {
    background: #f6f6f6;
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
}

.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}

.clear {
    clear: both;
}

.container {
    max-width: 960px;
}

.oculto {
    display: none;
}

header h1 a {
    color: #000;
    font-family: "FuturaBold";
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
}

header h1 a:hover {
    text-decoration: none;
}

header .topbluebar a {
    color: #fff;
    display: inline-block;
    font-family: "FuturaBold";
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 29px;
    overflow: hidden;
    text-transform: uppercase;
}

header .topbar nav {
    color: #0062ae;
    font-size: 13px;
    margin-top: 25px;
    text-transform: uppercase;
}

header .topbar nav a {
    color: #898989;
    font-size: 13px;
    margin-right: 7px;
    text-transform: uppercase;
}

header .topbar a.contacto {
    background: url("../img/home-topbar/contacto.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    display: inline-block;
    padding-left: 17px;
}

header .topbar nav a:hover {
    color: #0062ae;
}

header .topbar a.contacto:hover {
    background: url("../img/home-topbar/contactohover.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    padding-left: 17px;
}

header .topbar img {
    margin: 25px 0 20px;
}

/* ---------------------------------------------------------------------- MENSAJE COVID ---------------------------------------------------------------------- */

.info-message {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 20px 5% 30px;
    background: rgba(0, 101, 176, 1);
    color: #fff;
    z-index: 9000;
    font-family: "FuturaMedium", Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px;
}

/* ---------------------------------------------------------------------- HOME ---------------------------------------------------------------------- */
.carousel-inner {
    background: #fff;

}

.carousel-inner-img {
    background: #fff;
    height: auto !important;
}

.carousel-indicators {
    bottom: 0;
    margin-left: -5%;
    padding-left: 0px !important;
    margin-right: 10px;
    left: inherit;
    right: 0% !important;
    text-align: right;
    width: 200px;
}

.carousel-img>.carousel-indicators {
    bottom: 20px !important;

}

#fotocentro .carousel-img>.carousel-indicators {
    bottom: 0px !important;

}

.carousel-indicators li {
    background: url("../img/home-slider/radio-buttons-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    height: 20px;
    margin: 0;
    width: 20px;
}

.carousel-indicators .active {
    background: url("../img/home-slider/radio-buttons-sprite.png") no-repeat scroll 0 -40px rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
}

.active {
    overflow: hidden;
}

.carousel,
.carousel .item,
.carousel-inner>.item>img {
    height: 378px;
}

.carousel-img,
.carousel-img .item,
.carousel-inner-img>.item>img.img-detalle {
    height: auto !important;
}

#fotocentro .carousel-inner-img>.item>img.img-detalle {
    height: 390px !important;
    margin: auto;
}

#fotocentro .carousel-img {
    width: 100%;
    float: left;
}

#fotocentro .carousel-img .item,
#fotocentro .carousel-inner-img>.item>img.img-detalle {
    height: auto !important;
/* FUNDACION-617 Imagen del carrusell se ve estirada en movilidad
    height: 390px !important;
*/
}

#carousel-example-generic h2 {
    color: #000;
    font-family: "FuturaBold";
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
    margin-top: 0px;
}

#carousel-example-generic h2 span {
    color: #e52726;
    margin-top: -20px;
    /*font-size:53px;
	line-height:55px;*/
}

#carousel-example-generic h3 {
    color: #000;
    font-family: "FuturaBold";
    font-size: 30px;
    font-weight: normal;
    margin-top: 0px;
    text-transform: uppercase;
    width: 100%;
}

.carousel-caption {
    left: auto;
    position: relative;
    right: auto;
    text-align: left;
    text-shadow: none;
    z-index: 10;
}

.carousel-caption div {
    height: 378px;
    margin-top: 20px;
    padding-left: 5%;
    padding-top: 20px;
}

.carousel-caption .titulo {
    color: #e52726;
    font-family: "FuturaBold";
    font-size: 20px;
    text-decoration: underline;
    text-transform: uppercase;
}

.carousel-caption .subtitulo {
    color: #000 !important;
    display: block;
    font-family: "FuturaBold";
    font-size: 20px;
}

.carousel-caption p {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    margin-top: -15px;
}

.carousel-caption div>a {
    background: #4891dc;
    border: medium none;
    font-family: "FuturaBold";
    font-size: 12px;
    padding: 10px 20px;
    text-transform: uppercase;
}

.carousel-caption div>a.large {
    height: 40px;
    line-height: 14px;
    padding: 15px 30px;
}

.item .azul {
    bottom: 0;
    left: 0;
    position: absolute;
}

.buscador-simple {
    background-color: #e5eff7;

}

#menulateral {
    /* border: 1px solid #c9c9c9; */
    margin: 20px 20px 0 0;
    padding: 15px 0 0 25px;
}

#menulateral nav {
    background: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-bottom: 30px;
}

#menulateral nav ul li {
    /* border-bottom: 1px dotted #c9c9c9; */
    padding: 5px 0;
    margin-left: -20px;
}

#menulateral nav ul li a:hover {
    background: url("../img/home-menu/link-hover.png") no-repeat scroll right 5px rgba(0, 0, 0, 0);
    padding-right: 10px;

}

#menulateral nav span {
    /* background: #898989; */
    color: #898989;
    display: inline-block;
    font-family: "FuturaBold";
    font-size: 14px;
    height: 23px;
    line-height: 14px;
    margin-left: -20px;
    padding: 5px 10px 5px 0px;
    position: relative;
    text-transform: uppercase;
}

#menulateral nav span .lateral,
#calendar span .lateral,
#calendario span .lateral {
    left: -10px;
    position: absolute;
    top: 0;
}

.enlaces {
    margin: 30px 0;
}

.enlaces a {
    color: #898989;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-top: 10px;
}

.enlaces .youtube {
    background: url("../img/home-menu/youtube-icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    padding-left: 20px;
}

.enlaces .youtube:hover {
    background: url("../img/home-menu/youtube-iconhover.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    color: #0062ae;
}

.enlaces .twitter {
    background: url("../img/home-menu/twitter-icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    padding-left: 20px;
}

.enlaces .twitter:hover {
    background: url("../img/home-menu/twitter-iconhover.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    color: #0062ae;
}

.act-navidenas h4,
.agenda-act h4 a {
    color: #000;
    font-family: "FuturaBold";
    font-size: 25px;
    font-weight: normal;
    text-transform: uppercase;
}

.act-navidenas,
.agenda-act {
    margin-top: 20px;
    position: relative;
}

.act-navidenas {
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.3);
    overflow: hidden;
    width: 475px;
    height: 330px;
}

.act-navidenas .txt {
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 90;
}

.act-navidenas .txt a {
    background: #4891dc;
    border: medium none;
    font-family: "FuturaBold";
    font-size: 12px;
    padding: 10px 20px;
    text-transform: uppercase;
    z-index: 90;
}

.act-navidenas h4 span {
    color: #e52726;
}

.agenda-act h4 a span {
    color: #0062ae;
}

.agenda-act .txt p a,
.premio .txt p a,
.reporteros .txt p a,
.convocatoria .txt p a {
    color: #000000;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.agenda-act a,
.act-navidenas a:hover,
.premio a:hover,
.convocatoria a:hover,
.reporteros a:hover {
    text-decoration: none;
}

.premio h4 a,
.convocatoria h4 a,
.reporteros h4 a {
    color: #000;
    font-family: "FuturaBold";
    /*font-size: 25px;*/
    font-weight: normal;
    text-transform: uppercase;
}

.convocatoria h4 a {
    font-size: 23px;
}

.premio,
.convocatoria,
.reporteros,
.agenda-act {
    background: url("../img/home-rightcolumn/bluetriangulo.png") no-repeat scroll left bottom;
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    height: 330px;
    margin-top: 20px;
    overflow: hidden;
    width: 230px;
}

.premio:hover,
.convocatoria:hover,
.reporteros:hover,
.agenda-act:hover,
.act-navidenas:hover {
    border: 1px solid #4891dd;
}

.premio img,
.convocatoria img,
.reporteros img,
.agenda-act img,
.act-navidenas img {
    width: 100% !important;
}

.premio .txt,
.convocatoria .txt,
.reporteros .txt,
.agenda-act .txt {
    padding: 10px 10px 20px;
    position: relative;
    background: url("../img/home-rightcolumn/redtriangulo.png") no-repeat scroll right top rgba(0, 0, 0, 0);
}

.fondo-blanco .txt {
    padding: 10px 10px 0px;
    position: relative;
    background: none !important;
}

.fondo-blanco {

    background: url("../img/home-rightcolumn/bluetriangulo.png") no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
}

#triangulo-rojo-over {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 30px;
    background: url('../img/home-rightcolumn/redtriangulo.png') no-repeat scroll right top rgba(0, 0, 0, 0) !important;
}

#triangulo-azul-over {
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 90%;
    height: 30px;
    background: url('../img/home-rightcolumn/bluetriangulo.png') no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
}

#triangulos-over {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url('../img/home-rightcolumn/redtriangulo.png') no-repeat scroll right top, url("../img/home-rightcolumn/bluetriangulo.png") no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
}

#triangulos-over-slider {
    position: relative;
    top: 0;
    z-index: 80;
    width: 100%;
    height: 100%;
    background: url('../img/home-slider/triangulo-rojo.png') no-repeat scroll right top, url("../img/home-slider/triangulo-azul.png") no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
}

#triangulos-over-agendas {
    position: absolute;
    top: 0;
    z-index: 80;
    width: 100%;
    height: 100%;
    background: url('../img/detalle/triangulo-rojo.png') no-repeat scroll right top, url("../img/detalle/triangulo-azul.png") no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
}

.premio>#triangulo-rojo-over,
.reporteros>#triangulo-rojo-over,
.convocatoria>#triangulo-rojo-over,
.bloque-pdidactico>#triangulo-rojo-over {
    position: absolute !important;
    top: 0;
    z-index: 0;
    width: inherit;
    margin-top: 21px;
    margin-left: -2px;
    height: 30px;
    background: url('../img/home-rightcolumn/redtriangulo.png') no-repeat scroll right top rgba(0, 0, 0, 0) !important;
}

ol.carousel-indicators {
    z-index: 100;
}


.agenda-act .txt img,
.premio .txt img,
.convocatoria .txt img {
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
}

.premio h4 a,
.convocatoria h4 a {
    color: #0062ae;
}

.home-links {
    text-align: right;
}

.home-links a {
    color: #0062ae;
    display: inline-block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    margin: 27px 0 20px;
}

#calendar,
#calendario {
    background: #e5eff7;
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);

    /*	margin-top: 20px; */
    padding: 15px 0 0;
    position: relative;
}

#calendar .tituloseccion,
#calendario .tituloseccion {
    color: #898989;
    display: inline-block;
    font-family: "FuturaBold";
    font-size: 12px;
    height: 23px;
    line-height: 14px;
    margin-left: 4px;
    padding: 5px 30px 5px 20px;
    position: relative;
    text-transform: uppercase;
}

#calendar>div,
#calendario div {
    overflow: hidden;
}

#calendar .buscarbot,
#calendario .buscarbot {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    min-height: 130px;
    padding-left: 20px;
    padding-top: 4em;
}

#calendar .large,
#calendario .large {
    background: #4891dc;
    border: medium none;
    font-family: "FuturaBold";
    font-size: 12px;
    line-height: 10px;
    padding: 10px 45px;
    text-transform: uppercase;

}

#calendar .titulo:first-child {
    margin-top: 4px !important;
    padding-top: 0 !important;
}

#calendar .titulo,
#calendario .titulo {
    color: #898989;
    display: inline-block;
    font-family: "FuturaBold";
    font-size: 12px;
    margin: 10px 0 0 0 !important;
    text-transform: uppercase;

}

#calendar .checkbox,
#calendario .checkbox {
    font-size: 9px;
    line-height: 18px;
    padding-left: 20px;
}

#calendar .btn {
    margin-top: 14px !important;
}

#calendar input {
    width: 100%;
    padding: 6px;
}

#calendar input,
#calendar select,
#calendar select option,
#calendario select,
#calendario select option,
.form-control,
.input-group label {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

#form-movil button {
    background: #4891dc;
    color: #fff;
    font-family: "FuturaBold";
    font-size: 17px;
    line-height: 10px;
    margin-top: 20px;
    padding: 15px 45px;
    width: 100%;
}

.input-group label {
    float: left;
    margin-top: 7px;
}

#fechaDesde,
#fechaHasta {
    float: right;
    padding: 0 5px !important;
    width: 65% !important;
}

#calendar option:hover,
#calendario option:hover {
    background: #0062ae;
    color: #fff;
}

.form-group {
    /*height: 30px;*/
    margin-bottom: 10px;
}

#fechas select {
    padding: 6px !important;
}

#fechas select option {
    background: white;
}

#destinatario .styled:hover {
    border: 1px solid #0062ae !important;
}

div.styled,
select {
    -webkit-appearance: none;
    background: url("../img/home-rightcolumn//sel_option.png") no-repeat scroll right center rgba(255, 255, 255, 1);
    border: 1px solid #ccc;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    cursor: pointer;
    height: 30px;
    margin-bottom: 10px !important;
    width: 100%;
}

div.styled {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.ie7 div.styled {
    border: medium none;
}

div.styled select {
    -moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: medium none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: medium none;
    width: 100%;
}

.ie7 div.styled select {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0.3em 0.5em;
    width: 100%;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url("../img/home-rightcolumn/arrowcalendar.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next span {
    background: url("../img/home-rightcolumn/arrowcalendarnext.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    cursor: pointer;
}

svg.upload-file {
    width: 1em;
    fill: white;
    margin-bottom: 2px;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}

.input-group .form-control {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    cursor: pointer;
    height: 30px !important;
    margin-left: 4px;
    width: 70% !important;
}

.input-group .hasDatepickerForm {
    background: url("../img/home-rightcolumn/calendar.jpg") no-repeat scroll 97% 10px #fff !important;
    cursor: pointer;
}

.input-group .hasDatepicker:not(.pint) {
    background: url("../img/home-rightcolumn/calendar.jpg") no-repeat scroll 95% 6px #fff !important;
}


#fechas input,
#destinatario input {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    height: 30px;
    float: right;
    width: 105%;
    background: #fff;
    padding: 0 10px;
    border: 1px solid #ccc;
    float: none;
}

#fileUploadImages .btn-danger,
#fileUploadCurriculum .btn-danger{
    border: 1px solid #0062ae !important;
}

#destinatario input {
    width: 109%;
}

.normal-input input {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    height: 30px;
    float: right;
    width: 69%;
    background: #fff;
    padding: 0 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.normal-input input:hover,
#fechas input:hover,
#destinatario input:hover {
    border: 1px solid #0062ae;
}

.hasDatepicker:not(.pint):focus,
.hasDatepicker:not(.pint):hover {
    background: url("../img/home-rightcolumn/calendar-blue.jpg") no-repeat scroll 95% 6px #fff !important;
    border: 1px solid #0062ae !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.hasDatepicker.pint:focus,
.hasDatepicker.pint:hover {
    background: url("../img/home-rightcolumn/calendar-blue.jpg") no-repeat scroll 97% 10px #fff !important;
    border: 1px solid #0062ae !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.form-control:focus,
.form-control:hover {
    border: 1px solid #0062ae !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.ui-widget-content,
div.styled:hover {
    border: 1px solid #0062ae !important;
}

#calendar option,
#calendario option {
    background: #fff !important;
    padding: 10px;
}

.ui-datepicker th {
    color: #4c4c4c !important;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff !important;
    border: medium none !important;
    color: #4891dc !important;
}

.ui-widget-header {
    background: #fff !important;
    border: medium none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #fff !important;
    border: medium none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: medium none !important;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}

/* ---------------------------------------------------------------------- FOOTER ---------------------------------------------------------------------- */
footer {
    background: #0062ae;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 220px;
    padding: 30px 0;
    margin-top: 30px;
}

footer span {
    display: block;
    font-weight: bold;
    margin-top: 20px;
}

footer .submenu {
    float: right;
    margin-top: 51px;
    text-align: right;
}

footer .submenu img {
    margin: 0 0 20px 20px;
}

footer div>a {
    display: inline-block;
}

footer .submenu li a {
    color: #fff;
}

footer .submenu li {
    border-right: 1px solid #fff;
    display: inline;
    padding: 0 10px;
}

footer .submenu li.noborder {
    border-right: medium none;
    padding-right: 0;
}

footer nav.submenu>a {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 15px;
}


/* ---------------------------------------------------------------------- AVISO ---------------------------------------------------------------------- */
.aviso-message {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.aviso-message .row {
    margin: 30% 15%;
    background-color: #fff;
    padding: 25px 25px 25px 25px;
}

.aviso-close-container {
    text-align: center;
    font-family: "FuturaBold";
    letter-spacing: 2px;
    font-size: 14px;
}

.aviso-close-container .cookiebar-close {
    background: #4891dc;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 25px;
    text-align: right;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;
    margin-top: 20px;
}

.aviso-message .title {
    color: rgb(229, 39, 38);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.aviso-message .text a {
    color: #4891dc;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

/* ---------------------------------------------------------------------- COOKIES ---------------------------------------------------------------------- */
.cookie-message {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;

}

.cookie-message .row {
    margin: 30% 15%;
    background-color: #fff;
    padding: 25px 25px 25px 25px;
}

.cookie-close-container {
    text-align: center;
    font-family: "FuturaBold";
    letter-spacing: 2px;
    font-size: 14px;
}

.cookie-close-container .cookiebar-close {
    background: #4891dc;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 25px;
    text-align: right;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;
    margin-top: 20px;
}

.cookie-message .title {
    color: #4891dc;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.cookie-message .text a {
    color: #4891dc;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

/* ---------------------------------------------------------------------- LISTADOS ---------------------------------------------------------------------- */
.migas {
    color: #707070;
    font-size: 11px;
    margin-bottom: -3px;
    margin-top: 20px;
}

.migas li {
    display: inline;
}

.migas li a {
    color: #707070;
    font-weight: bold;
}

.migas li a:hover {
    text-decoration: none;
}

#listados h2 {
    background: url("../img/listados/triangulo-rojo.png") no-repeat scroll 100% 10px rgba(0, 0, 0, 0);
    border-top: 1px solid #c9c9c9;
    color: #0062ae;
    font-family: "FuturaBold";
    font-size: 30px;
    font-weight: normal;
    margin-top: 30px;
    padding-top: 10px;
    text-transform: uppercase;
}

#listados {
    margin-left: 0;
    width: 715px;
}

.pestanas {
    color: #000;
    font-size: 11px;
    margin-top: 20px;
}

.pestanas a {
    background: #4891dc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: "FuturaBold";
    height: 20px;
    line-height: 13px;
    margin-bottom: 20px;
    margin-right: 5px;
    min-width: 120px;
    padding: 3px 20px;
    text-align: center;
    text-transform: uppercase;
}

.pestanas a.active {
    background: #fff;
    border: 1px solid #0062ae;
    color: #0062ae;
    overflow: visible !important;
}

.pestanas a:hover {
    text-decoration: none;
}

.pestanas a.bloqueado {
    background: #898989;
}

#listados .titulo,
#listados .titulo1,
#listactividades .titulogris {
    border-bottom: 1px dotted #c9c9c9;
    border-left: 1px solid #c9c9c9;
    clear: both;
    padding-top: 15px;
    position: relative;
}

#listados .titulo .fondogris,
#listados .titulo1 .fondogris,
#listactividades .titulogris .fondogris {
    background: #898989;
    color: #fff;
    display: inline-block;
    font-family: "FuturaBold";
    font-size: 12px;
    height: 23px;
    line-height: 14px;
    margin: 0 0 15px;
    padding: 5px 30px 5px 20px;
    position: relative;
    text-transform: uppercase;
}

#listados .titulo .lateral {
    left: -5px;
    position: absolute;
    top: 15px;
}

#listados .titulo1 .lateral {
    left: -5px;
    position: absolute;
    top: 45px;
}

#listados .listaelemento {
    border-left: 1px solid #c9c9c9;
    overflow: hidden;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}

#listados .listaelemento .titular,
#listactividades .titular {
    color: #0062ae;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#listados .listaelemento .concierto {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#listados .listaelemento .ayuda,
#listactividades .ayuda {
    border: 1px solid #535353;
    color: #535353;
    font-size: 10px;
    padding: 2px 8px;
    text-transform: uppercase;
}

#listados .listaelemento .borde:hover {
    background: #e5eff7;
    cursor: pointer;
}

#listados .listaelemento .borde {
    border-bottom: 1px dotted #c9c9c9;
    margin-left: 2%;
    overflow: hidden;
    padding: 10px 0;
}

#listados .listaelemento .borde div>img {
    border: 1px solid #c9c9c9;
    margin-top: 10px;
}

#listados .listaelemento .texto {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    margin-left: -6%;
    padding-top: 10px;
}

#listados .listaelemento .texto p,
#listactividades .texto p {
    margin: 0;
}

.separador {
    height: 30px;
}

.linklistados {
    color: #0062ae;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: right;
}

#listados .show,
#listactividades .show {
    font-family: "FuturaBold";
    font-size: 11px;
    height: 30px;
    margin: 50px 0;
    text-transform: uppercase;
    width: 70%;
}

#listados .fecha {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    margin: 15px 0 15px 0;
    text-transform: uppercase;
}

#listados .filtros {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    margin: 15px 0 15px 0;
    text-transform: uppercase;
}

.noborder {
    border: medium none !important;
}

.inscripcion {
    color: #535353;
    font-size: 10px;
    text-transform: uppercase;
}

.inscripcion img {
    margin-right: 4px;
    margin-top: -3px;
}

#detalle,
#iniciativa {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-left: 0;
    width: 715px;
}

#detallecentro {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-left: 0;
    width: 100%;
}

#detallecentro a {
    color: #0062ae;
}

#detalle h3 {
    color: #898989;
    clear: both;
    font-family: "FuturaBold";
    font-size: 20px;
    font-weight: normal;
    margin-right: 20px;
    text-transform: uppercase;
}

#detalle .contenido {
    padding-right: 25px !important;
}

#detalle a {
    color: #0062ae;
}

#detallecentro .titulo {
    margin-bottom: 20px;
}

#detalle .titulo,
#detallecentro .titulo,
#iniciativa .titulo,
#programasdidacticos .tituloPrincipal {
    background: url("../img/listados/triangulo-rojo.png") no-repeat scroll 100% 10px rgba(0, 0, 0, 0);
    border-top: 1px solid #c9c9c9;
    margin-top: 20px;
    padding-top: 10px;
    padding-right: 10px;
}

#detalle .titulo {
    margin-bottom: 15px;
}

#detalle h2,
#detallecentro h2,
#iniciativa h2,
#programasdidacticos h2 {
    color: #0062ae;
    font-family: "FuturaBold";
    font-size: 30px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    padding-right: 5px;
}

#detalle .titulo span,
#detalle .titulonegro {
    color: #000;
    font-family: "FuturaBold";
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}

#detalle .titulo span.rojo {
    color: #e52726;
    display: block;
    font-family: "FuturaBold";
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
    text-decoration: underline;
    text-transform: uppercase;
}

#detalle .img-detalle {
    border: 1px solid #c9c9c9;
    margin: 0 0 20px;
}

#detalle ul.listanormal li {
    line-height: 30px;
}

#detalle ul.puntosazules li {
    background: url("../img/listados/lista.jpg") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

#detalle .bold,
#detallecentro .bold {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#detalle .titulonegro {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 30px;
}

#detalle .social-links {
    color: #0062ae;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-bottom: 80px;
    margin-top: 40px;
}

#detalle .social-links img {
    margin-right: 3px;
}

#detalle .social-links a {
    margin-right: 10px;
}

#detalle .tituloazul {
    color: #0062ae;
    display: block;
    font-weight: bold;
    margin: 10px 0;
}

#capamenufixed {
    height: 100%;
    position: absolute;
    right: 0;
    font-size: 12px;
}

#menufixed {
    width: 235px;
}

#menufixed>div {
    background: #e5eff7;
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    margin-bottom: 15px;
    padding: 15px 0 0;
    /*position: relative;*/
}

#menufixed .inscribirse {
    /*height: 80px;*/
    vertical-align: middle;
    text-align: left;
    padding: 20px;
    text-align: left;
}

#menufixed .inscribirse>div {

    text-align: center;
}

#menufixed .inscribirse a {
    color: #fff;
    font-family: "FuturaBold";
    font-size: 12px;
    height: 40px;
    /*left: 50%;*/
    line-height: 18px;
    /*margin-left: -37%;*/
    padding: 10px;
    /*position: absolute;*/
    text-transform: uppercase;

    /*top: 25%;*/

}

#menufixed .menuazul {
    padding: 20px;
}

#menufixed div>span,
#fotocentro .menuazul span {
    background: #898989;
    color: #fff;
    display: inline-block;
    font-family: "FuturaBold";
    font-size: 12px;
    height: 23px;
    line-height: 14px;
    margin-bottom: 10px;
    margin-left: -20px;
    padding: 5px 30px 5px 20px;
    position: relative;
    text-transform: uppercase;
}

#menufixed div>span .lateral,
#fotocentro .menuazul span .lateral {
    left: -6px;
    position: absolute;
    top: 0;
}

#menufixed .mapa {
    margin: 20px 0;
}

.mapa iframe {
    border: 1px solid #c9c9c9 !important;
}

.mapa iframe:hover {
    border: 1px solid #4790dc !important;
}

#menufixed .documentos {
    font-size: 12px;
    padding: 20px;
}

#menufixed .documentos img {
    margin-right: 5px;
}

#menufixed .documentos a {
    word-wrap: break-word;
    display: block;
}

#fotocentro {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 30px;
}

#fotocentro>img {
    border: 1px solid #c9c9c9;
    height: auto;
    width: 100%;
}

#detallecentro #fotocentro>img {
    height: 390px;
}

#fotocentro p {
    margin-top: 20px;
}

#fotocentro .menuazul {
    background: #e5eff7;
    border: 1px solid #c9c9c9;
    height: 390px;
    padding: 15px 0 0;
    right: 15px;
    top: 0;
    width: 235px;
    z-index: 200;
    float: right;
    width: 33%;
}

#fotocentro .menuazul span {
    margin-left: 0;
}

#fotocentro .menuazul p {
    margin-left: 20px;
    margin-top: 0;
}

#fotocentro .menuazul .mapa {
    margin: 0 20px 20px 20px;
}

#fotocentro .menuazul a {
    color: #fff;
    font-family: "FuturaBold";
    font-size: 12px;
    margin-top: 15px;
    text-transform: uppercase;
    width: 100%;
    height: 40px;
    line-height: 18px;
    padding: 10px 45px;
    text-transform: uppercase;
}

#listactividades {
    margin-top: 10px;
}

#listactividades h3,
#galeria h3,
#emplea h3,
#programasdidacticos h3 {
    color: #898989;
    float: left;
    font-family: "FuturaBold";
    font-size: 20px;
    font-weight: normal;
    margin-right: 20px;
    text-transform: uppercase;
}

#listactividades .pestanas {
    float: right;
    font-size: 11px;
    margin-top: 20px;
}

#listactividades .titulogris {
    border-bottom: medium none;
    border-left: 1px solid #c9c9c9;
    clear: both;
    position: relative;
}

#listactividades .titulogris .lateral {
    left: -5px;
    position: absolute;
}

#listactividades .texto {
    border-bottom: 1px dotted #c9c9c9;
    border-top: 1px dotted #c9c9c9;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    margin-left: 20px;
    padding: 10px 0;
    overflow: hidden;
}

#listactividades .texto>img {
    border: 1px solid #c9c9c9;
    margin-right: 15px;
}

#listactividades .bordertop {
    border-top: medium none;
}

#listactividades .linklistados {
    margin-bottom: 0;
    padding-bottom: 21px;
}

#listactividades .imgcurso {
    float: left;
    margin-right: 10px;
}

#video {
    margin: 30px 0 20px;
}

#video img {
    width: 100%;
}

#iniciativa .titulo span {
    color: #000;
    display: block;
    font-family: "FuturaBold";
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    line-height: 30px;
}

#iniciativa h2.underline {
    text-decoration: underline;
}

#act-emplea {
    clear: both;
    margin: 70px 0;
    width: 715px;
}

#act-emplea .txt {
    background: url("../img/detalle/triangulo-rojo.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    padding: 20px;
}

#act-emplea .txt a {
    color: #0062ae;
    z-index: 999;
}

#act-emplea .txt a:hover {
    color: #0062ae;
    text-decoration: none;
}

#act-emplea .special {
    background: rgba(0, 0, 0, 0);
}

#act-emplea .triangazul {
    background: url("../img/detalle/triangulo-azul.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    margin-bottom: 20px;
    margin-right: 20px;
    min-height: 375px;
    overflow: hidden;
    padding: 0;
    width: 218px;
}

#act-emplea .agendas {

    width: 100% !important;
    min-height: 0px !important;
    margin: 0 10 0 10;
}

#act-emplea .triangazul:hover {
    border: 1px solid #4790dc;
}

#act-emplea .txt {
    color: #0062ae;
    font-family: "FuturaBold";
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}

#act-emplea .txt-agendas {
    color: #0062ae;
    font-family: "FuturaBold";
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
    float: left;
    padding: 20px;
    line-height: 30px;
    max-width: 400px;
}

#act-emplea .txt-agendas>.descarga-pdf {
    font-family: "Verdana";
    text-transform: none !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    z-index: 90;
}

#act-emplea .triangrojo {
    position: absolute;
    right: 0;
    top: 0;
}

#detalle #listactividades {
    margin-left: 0;
    width: 95%;
}

/* ---------------------------------------------------------------------- PAGE NOT FOUND/ERROR404 ---------------------------------------------------------------------- */
#noresults h2 {
    background: url("../img/otros/notfound.jpg") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    color: #535353;
    font-family: "FuturaBold";
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
    padding-left: 65px;
    position: relative;
    text-transform: uppercase;
}

#noresults {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    margin-left: 0;
    margin-top: 15px;
    width: 715px;
}

#noresults div {
    margin-left: 65px;
}

#noresults ul {
    float: left;
    width: 33%;
}

#noresults ul li {
    margin-bottom: 10px;
}

#noresults p {
    clear: both;
}

.error {
    margin: 0 auto !important;
    padding: 150px 0;
    width: 67% !important;
}

/* ---------------------------------------------------------------------- CONTACTO ---------------------------------------------------------------------- */
#form-contact,
#form-inscrip {
    padding: 10px;
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    background: #e5eff7;
    margin: 40px 0;

}

#form-contact label {
    font-weight: normal;
}

#form-inscrip {
    margin-top: -31px;
}

#form-contact form {
    margin: 20px auto;
    width: 56%;
}

#form-contact label,
#form-inscrip label {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    display: block;
    font-weight: normal;
}

#form-contact label span,
#form-inscrip label span {
    color: #666;
}

#form-contact input,
#form-contact textarea,
#form-inscrip input {
    padding: 5px;
    border: 1px solid #c9c9c9;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    width: 70%;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
    height: 40px;
}

#form-contact input,
#form-contact textarea {
    padding: 5px;
    border: 1px solid #c9c9c9;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
    height: 40px;
}

#form-contact div.styled,
select {
    -webkit-appearance: none;
    background: url("../img/home-rightcolumn//sel_option40.png") no-repeat scroll right center rgba(255, 255, 255, 1) !important;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    cursor: pointer;
    height: 30px !important;
    margin-bottom: 10px !important;
    width: 105%;
}

#form-contact input:hover,
#form-contact textarea:hover {
    border: 1px solid #0062ae;
}

#form-contact textarea {
    width: 100%;
    background: #fff;
    height: 150px;
    line-height: 18px;
    border: 1px solid #c9c9c9;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}

#form-contact p.small,
#form-inscrip p.small {
    font-size: 11px;
    line-height: 16px;
    margin-top: 20px;
}

#form-contact button,
#form-inscrip button,
#theForm input[type="submit"] {
    color: #fff;
    font-family: "FuturaBold";
    font-size: 12px;
    height: 40px;
    line-height: 18px;
    padding: 10px 45px;
    text-transform: uppercase;
}

#theForm #fileUploadImages span.btn, #theForm #fileUploadCurriculum span.btn {
    height: 40px;
    line-height: 18px;

}



#theForm svg.upload-file {
  width: 1em;
  fill: white;
  margin-bottom: 2px;
}

#theForm .btn {
  font-size: 1.1em;
  font-weight: normal;
  font-family: "Rubik",sans-serif !important;
  padding: 10px 18px;
  border-radius: 0 !important;
}

#form-contact .radiobut input {
    height: auto;
    margin-bottom: 0 !important;
    vertical-align: top;
    width: auto;
}

#form-contact .radiobut span {
    font-size: 11px;
    margin-right: 10px;
}

.salaprensaform {
    padding: 15px !important;
    overflow: hidden;
    height: auto !important;
    margin-bottom: 30px;
}

#calendar .buscarbot,
#calendario .buscarbot {
    min-height: 0 !important;
    padding-top: 3em;
}

.salaprensaform input {
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 30px;
    background: #fff;
    padding: 5px;
    width: 100%;
}

.salaprensaform input:hover {
    border: 1px solid #0062ae;
}

#myTab {
    float: none !important;
    margin: 20px 0 30px 0;
    color: #fff;
    text-transform: uppercase;
    font-family: "FuturaBold";
    font-size: 11px;

}

#myTab a {
    height: auto !important;
    margin-bottom: 0 !important;
    line-height: 13px;
    background: none;
}

#myTab li a {
    background: #898989 !important;
    color: #fff;
    border: 1px solid #898989 !important;
    border-radius: 0 0 0 0 !important;
}

#myTab li.active a {
    background: #e5eff7 !important;
    color: #535353 !important;
    border-bottom: 1px solid #e5eff7 !important;

}

#myTab.nav-tabs {
    border-bottom: 1px solid #898989 !important;
}

#form-inscrip form {
    width: 60%;
    margin: 20px;
}

#form-inscrip .input-group .form-control {
    margin-left: 0 !important;
}

#form-inscrip .radiobut {
    margin-bottom: 20px;
}

#form-inscrip .radiobut input {
    width: auto;
    vertical-align: top;
    height: auto;
    margin-bottom: 0 !important;
}

#form-inscrip .radiobut .small {
    margin-bottom: 0 !important;
    margin-left: 20px;
    margin-top: 0;
}

#form-inscrip .radiobut span {
    margin-right: 10px;
    font-size: 11px;
}

#form-inscrip .radiobut .small span {
    margin-right: 0 !important;
}

#form-inscrip div.styled {
    width: 70%;
    margin-bottom: 20px !important;
}

#form-inscrip .piso input {
    width: 10%;
    margin-right: 10px;
    display: inline;
}

#form-inscrip .precio {

    font-size: 13px;
    padding: 15px 10px;
    overflow: hidden;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;

    margin-bottom: 20px;
}

#form-inscrip .precio span {
    float: right;
    color: #000000;
    font-weight: bold;
    font-size: 15px;
}

#form-inscrip input:hover {
    border: 1px solid #0062ae !important;
}

#form-inscrip #pago,
#personal {
    padding: 45px;
}

#form-inscrip h3 {
    float: none;
    font-size: 15px;
}

.modal-backdrop {
    z-index: 0 !important;
}

.modal-body {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.modal-title {
    color: #0062ae;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.modal-body h3 {
    float: none !important;
    clear: both;
}

.modal-footer .btn {
    background-color: #999999 !important;
}

.modal-footer .btn-primary {
    background: #4891dc !important;
}

#detalle .modal-body ol {
    list-style-type: decimal !important;
}

#detalle .modal-body ul {
    padding-top: 7px;
    padding-bottom: 7px;
}

/* A�adido en IBD */

#frase input {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    height: 30px;
    float: right;
    width: 100%;
    background: #fff;
    padding: 0 10px;
    border: 1px solid #ccc;
    float: none;
}

#frase input {
    width: 100%;
}

.normal-input input {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    height: 30px;
    float: right;
    width: 100%;
    background: #fff;
    padding: 0 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.normal-input input:hover,
#frase input:hover {
    border: 1px solid #0062ae;
}

/* ESTILOS DE LOS FORMULARIOS*/

.tab-pane .tituloseccion,
.tab-pane .tituloseccion {
    background: none repeat scroll 0 0 #898989;
    color: #fff;
    display: inline-block;
    font-family: "FuturaBold";
    font-size: 12px;
    height: 23px;
    line-height: 14px;
    margin-left: -15px;
    padding: 5px 30px 5px 20px;
    position: relative;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tab-pane .tituloseccion img,
.tab-pane .tituloseccion img {
    left: -10px;
    position: absolute;
    top: 0px;
}

.tab-pane .tituloformulario {

    border-left: 1px solid #c9c9c9;
    padding: 5px 30px 5px 20px;

}

/* ESTILOS PARA EL DATEPICKER CON COMBO EN FECHA Y MES */
div.styledDP,
select {
    background: url("../img/home-rightcolumn//sel_option.png") no-repeat scroll right center rgba(255, 255, 255, 1);
    border: 1px solid #ccc;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    cursor: pointer;
    height: 30px;
    margin-bottom: 10px !important;
    width: 50%;
    float: left;
    font-weight: normal !important;
    font-size: 11px !important;
}

div.styledDP>select {
    width: 100% !important;
    font-family: Verdana !important
}

div.styledDP {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.ie7 div.styledDP {
    border: medium none;
}

div.styledDP select {
    -moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: medium none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: medium none;
    width: 100%;

}

.ie7 div.styledDP select {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0.3em 0.5em;
    width: 100%;
}

/* QUITAMOS LAS ARROWS DE LOS COMBOS PARA QUE NOS SALGA LAS NUESTRAS */
select::-ms-expand {
    display: none;
}

.modal .modal-body {
    width: 100%;
    max-height: 720px;
    overflow-y: auto;
}

#divLOPD {
    padding-left: 45px;
}

.botonesForm {
    width: 70%;
    padding: 5;
    text-align: right;
    margin-bottom: 45px;
}

.botonesForm>span>a {
    color: #428bca !important;
}

.botonesFormContacto {
    width: 100%;
    padding: 5;
    text-align: right;
    margin-bottom: 45px;
}

.botonesFormContacto>span>a {
    color: #428bca !important;
}

span.cancelar {
    font-family: "FuturaBold";
    padding: 10px 45px;
    cursor: pointer;
    color: #428bca !important;
}

/* ESTILOS EN LOS BANNERS PRINCIPALES */
#carousel-example-generic .titulo-ini>h2.underline {
    color: #0062AE;
    text-decoration: underline;
    font-size: 19px;

}

a.btn-rojo {
    background-color: #E52726 !important;
    border: 1px solid #E52726 !important;
}

a.btn-rojo:hover {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
}

a.btn-azul {
    background-color: #1a62aa !important;
    border: 1px solid #1a62aa !important;
}

a.btn-azul:hover {
    background-color: #E52726 !important;
    border: 1px solid #E52726 !important;
}

.contenido ol,
.contenido ul {
    list-style: disc outside none;
    padding-left: 40px;
}

.navidad {
    background: url("../img/home-slider/sliderbgnavidad.jpg") no-repeat scroll right center rgba(255, 255, 255, 1) !important;
}

.minibanners {

    padding-left: 15px;

}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.colMegabanner {
    display: table-cell;
}

.enlaceRojo {
    color: #e52726 !important;
    font-weight: bold;

}

#paginacion {
    text-align: center;
    margin: 50px;

}

.btn-bloqueado {
    background: #898989 !important;
}

.btn-bloqueado:hover {
    background: #898989 !important;
}

.imagen-convocatorias {
    border: 1px solid #c9c9c9;
}

.imagen-convocatorias:hover {
    border: 1px solid #4891dd;
    cursor: pointer;
}

/* NUEVOS ESTILOS MAYO 2016 */
#listactividades .textocentros {
    border-bottom: 1px dotted #c9c9c9;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    margin-left: 20px;
    padding: 10px 0;
    overflow: hidden;
}

#listactividades .textocentrosnp {

    padding: 0px 0;

}

#listados .listaelemento .textocentros p,
#listactividades .textocentros p {
    margin: 0;
}

/*REDISE�O FICHA DE CENTROS*/
.lateral-centros span {
    background: #898989;
    color: #fff;
    display: inline-block;
    font-family: "FuturaBold";
    font-size: 12px;
    height: 23px;
    line-height: 14px;
    margin-bottom: 10px;
    margin-left: -20px;
    padding: 5px 30px 5px 20px;
    position: relative;
    text-transform: uppercase;
}

.lateral-centros span .lateral {
    left: -6px;
    position: absolute;
    top: 0;
}

.lateral-centros {

    border-left: 1px solid #c9c9c9;
    padding: 15px 0 0;
    right: 15px;
    top: 0;
    z-index: 200;
    float: left;

}

.lateral-centros span {
    margin-left: 0;
}

.lateral-centros p {
    margin-left: 20px;
    margin-top: 0;
}

.lateral-centros .mapa {
    margin: 0 20px 20px 20px;
}

#contacta-centro .inscribirse {
    /*height: 80px;*/
    vertical-align: middle;
    text-align: left;
    padding: 20px;
    text-align: left;

}

#contacta-centro .inscribirse>div {

    text-align: center;
}

#contacta-centro .inscribirse a {
    color: #fff;
    font-family: "FuturaBold";
    font-size: 12px;
    height: 40px;
    line-height: 18px;
    padding: 10px 45px;
    text-transform: uppercase;
    margin-top: 20px;

}

#contacta-centro .inscribirse a.dbl_line {
    padding-bottom: 42px !important;
}

#fotocentro .carousel-indicators {
    bottom: 0 !important;
    margin-left: -5% !important;
    padding-left: 0px !important;
    margin-right: 10px !important;
    text-align: center !important;
    width: 100% !important;

}

#actividades-centros {
    border-bottom: medium none;
    border-left: 1px solid #c9c9c9;
    clear: both;
    position: relative;
    padding-top: 0px;
}

#actividades-centros .bloque-actividad {

    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 0;
    padding-left: 10px;
    overflow: hidden;
    border-top: 0px;


}

#actividades-centros .bloque-actividad:hover {

    background: #e5eff8;

}

#actividades-centros .destacada {
    background: #e5eff8;

}


#actividades-centros .bloque-actividad p {
    margin: 0;
}

#actividades-centros .imagen-bloque-div {
    float: left;
    padding: 0;
    max-height: 120px;
}

#actividades-centros .info-bloque {
    float: left;
    padding: 0;
    margin-left: -6%;
}

#actividades-centros .imagen-bloque {
    float: left;
    border: 1px solid #c9c9c9;
    margin-right: 15px;
}

#actividades-centros .categoria {
    color: #535353;
    text-transform: uppercase;
    font-family: "FuturaBold";

}

#actividades-centros .bloque-separacion {
    margin-left: 20px;
    border-bottom: 1px dotted #c9c9c9;
    padding-left: 10px;
    overflow: hidden;
}

.select-actividades-centro {

    width: 200px;
    float: right;
    margin-top: 15px;
    margin-right: 7px;

}

.inputFile {
    background: none !important;
    border: none !important;
    padding: 0px !important;
}

#detalle ul,
#detalle ol {
    list-style: inside !important;
}

/*PROGRAMAS DIDACTICOS*/
#programasdidacticos p {
    color: #000000;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    clear: both;
}

#programasdidacticos .btn-primary {
    text-transform: uppercase;
    border: medium none;
    font-family: "FuturaBold";
    padding: 10px 45px;
}

#programasdidacticos .bloque-pdidactico {
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    height: 260px;
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}

#programasdidacticos .minibanners>div {
    padding-right: 20px !important;
}

.bloque-pdidactico h4 {
    color: #000;
    font-family: "FuturaBold";
    font-weight: normal;
    text-transform: uppercase;
}

.bloque-pdidactico .txt {
    padding: 10px 10px 0px;
    position: relative;

    width: 100%;
}

.bloque-pdidactico h4 a {
    color: #0062ae;
}

.bloque-pdidactico .txt p a {
    color: #000000;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.bloque-pdidactico img {
    width: 100% !important;
}

#bhome-pdidacticos {
    clear: both;
    margin: 25px 0 10px 0;
    width: 100%;
}

.bannerprin-pdidacticos {
    width: 100% !important;
    background: url("../img/detalle/triangulo-azul.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    margin-bottom: 20px;
    margin-right: 20px;
    overflow: hidden;
    padding: 0;
    min-height: 260px;

}

.bannerprin-pdidacticos .img {
    float: left;
    width: 46%;
}

.bannerprin-pdidacticos .img img {
    width: 100%;
}

.bannerprin-pdidacticos .info-banner {

    float: left;
    padding: 30px 0;
    width: 54%;

}

.bannerprin-pdidacticos .info-banner>.titulo {
    color: #0062ae;
    font-family: "FuturaBold";
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 30px;

}

.bloque-provincias .provincia {
    color: #428bca;
    text-transform: uppercase;
    font-family: "FuturaBold";
    text-align: center;
    border: 1px solid #428bca;
    padding: 0 10px !important;
    border-radius: 3px;
    margin-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
    width: 300px;
    height: 100px;


}

.bloque-provincias>div {
    margin-bottom: 10px !important;
}

.bloque-provincias>div:nth-child(4n+1) {
    padding-right: 10px !important;
}

.bloque-provincias>div:nth-child(4n+2) {
    padding-right: 5px !important;
}

.bloque-provincias>div:nth-child(4n+3) {
    padding-left: 5px !important;
}

.bloque-provincias>div:nth-child(4n+4) {
    padding-left: 10px !important;
}

.bannerprogramas-pdidacticos {
    width: 100% !important;
    background: url("../img/detalle/triangulo-azul.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    margin-bottom: 20px;
    margin-right: 20px;
    overflow: hidden;
    padding: 0;
    min-height: 200px;

}

.bannerprogramas-pdidacticos .img {
    float: right;
    width: 42%;
    padding: 30px 0 0 0;
}

.bannerprogramas-pdidacticos .img img {
    width: 100%;

}

.bannerprogramas-pdidacticos .info-banner {

    float: right;
    padding: 30px 0 30px 30px;
    width: 58%;

}

.bannerprogramas-pdidacticos .info-banner>.titulo {
    color: #0062ae;
    font-family: "FuturaBold";
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 30px;

}

/*CSS FORMULARIOS */
#listactividades fieldset {
    margin-left: 30px !important;
}

#formulario h2 {
    line-height: 33px !important;
    letter-spacing: normal !important;
}

#formulario .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

#formulario .topbluebar>div {
    line-height: 0 !important;
    top: auto !important;
}

#formulario h1 {
    margin-bottom: 10px !important;
    margin-top: 20px !important;
    letter-spacing: normal !important;
    font-size: 24px !important;
}

#formulario #menupral>.list-inline>li {
    padding-left: 5px;
}

#formulario .fondogris {
    margin-top: 0px !important;
    line-height: 17px !important;

    /*margin-top:2px;
   padding-bottom:20px !important;*/
}

#formulario .listaelemento {
    border-left: 0px;
}

.programas {
    margin: 10px 0px;
    border: solid 1px #2061AB;
    height: 140px !important;
    padding: 20px 5px;
    cursor: pointer;
}

.programas img {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    margin-right: 1%;
}

.programas div {
    display: inline-block;
    width: 72%;
    vertical-align: middle !important;
}

.programas div h3 {
    margin: 0px;
    padding: 0;
    font-family: FuturaBold;
    font-size: 20px;
    font-weight: normal;
    color: #005FA9;
}

.programas div p {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0.9em;
}


#buscador-simple {
    padding: 7px 0px 7px 0px
}

#buscador-simple .btnAzul {
    background: #4891dc;
    border: medium none;
    font-family: "FuturaBold";
    font-size: 12px;
    line-height: 10px;
    padding: 10px 25px;
    text-transform: uppercase;

}

#buscador-simple .btnGris {
    border: 1px solid grey !important;
    background: transparent !important;
    color: #898989;
    border: medium none;
    font-family: "FuturaBold";
    font-size: 12px;
    line-height: 10px;
    padding: 10px 25px;
    text-transform: uppercase;

}

#buscador-simple .input {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    height: 30px;
    float: right;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #ccc;
    float: none;
    width: 100%;
    background: #FFF !important
}

.banner-home {
    top: 0;
    z-index: 0;
    width: 100%;
    margin-top: 21px;
    margin-left: -2px;
    height: 30px;
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
    max-height: 400px;
    margin-top: 20px;
    overflow: hidden;
    max-width: 340px;
    color: #000;
    font-family: "FuturaBold";
    font-size: 20px;
    font-weight: normal;

}

.txt-titular {
    top: 0;
    z-index: 0;
    margin: 15px;
    color: #000 !important;
    font-family: "FuturaBold";
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}

.txt-cuerpo {
    top: 0;
    z-index: 0;
    margin: 15px;
    color: #000 !important;
    font-family: "Verdana";
    font-size: 14px;
    font-weight: normal;
}

.txt-enlace {
    top: 0;
    z-index: 0;
    margin: 15px;
    color: #4891dc !important;
    font-family: "FuturaBold";
    font-size: 12px;
    font-weight: normal;
}

.txt-enlace a {
    color: #4891dc !important;
}

.banner-home a:hover {
    text-decoration: none;
}

.banner-home img {
    width: 100% !important;
}


@media (max-width: 600px) {
    .cookie-message .row {
        margin: 10%;
        background-color: #fff;
        padding: 10px 10px 10px 10px;
    }
}


#mas-info {
    color: #FFF !important;
    font-family: 'FuturaBold';
    margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
    #buscador-simple .btnAzul {
        left: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 10px;
        padding: 8px 16px;
    }

    #mas-info {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        padding: 10px 45px;
        text-transform: uppercase;
    }

    #buscador-simple #key {
        left: auto !important;
        width: 100% !important;
    }

    #detalle .contenido {
        padding-right: 0 !important;
    }

    #menufixed {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    #mas-info {
        display: none;
    }
}

.play-button {
    color: #33393e !important;
    font-weight: bold;
    margin-top: 24px;
    display: block;
}

.play-button:hover,
.play-button:focus {
    color: #0b7ad0 !important;
}

.play-button:focus {
    outline: none;
    border: 0;
}

.svg-play {
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.p-0 {
    padding: 0 !important;
}

.pos-relative {
    position: relative;
}

@media screen and (min-width:768px) {
    .play-video {
        position: absolute;
        bottom: 7rem;
        left: 13rem;
    }
}

@media screen and (min-width:992px) {
    .play-video {
        bottom: 12rem;
        left: 18rem;
    }
}

@media screen and (min-width:1200px) {
    .play-video {
        bottom: 15rem;
        left: 13rem;
    }
}

@media screen and (min-width:1400px) {
    .play-video {
        bottom: 18rem;
        left: 7rem;
    }

    .svg-play {
        width: 50px;
        height: 50px;
    }
}