img {border: none;}
.divfechas {float: left;margin-right: 5%;margin-bottom: 5%;}
.divsexonacim {float: right;margin-right: 5%;margin-bottom: 5%;}
#btnmenu {display: none;width: 100%;float: left;margin-top: 5px;}
#btnmenu div.menu {width: 20%;float: left;}
#btnmenumovil, #btnidiomamovil {cursor: pointer;}
#btnmenumovil span, #btninicio span, #btnidiomamovil span {
    float: left;
    font-family: Verdana, Amble, Arial, serif;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    top: 5px;
    color: white;
}
#btnmenumovil span.pngmenu, #btnidiomamovil span.pngidioma, #btninicio span.pnginicio {
    width: 33px;
    height: 33px;
    float: left;
    background-image: url("/images/iconosback.png");
    background-size: 225px;
    position: relative;
    top: 5px;
}
#btnidiomamovil span#flagactualmovil {line-height: 0px;padding: 2px;margin-top: 3px;}
#btnidiomamovil span {float: right;}
#btnidiomamovil span.pngidioma {background: url("/images/iconosback.png") no-repeat scroll -84px -5px transparent;float: right;}
.flagmovil {width: 30px;}
#btnmenu #banderasmid {float: right;}
#btninicio span.pnginicio {background: url("/images/iconosback.png") no-repeat scroll -44px -5px transparent;}
#socialdown {display: none;}
.fondomenumovil {display: block;}
#btninicio {display: none;}
#idiomamovil {display: none;}
.finalspacemenu {margin-bottom: 50px;}
#banderasup {float: right;width: 100%;line-height: 9px;}
#banderasup > table#tablebanderas {float: right;}
#cat_inscripcion div#contenido table {width: 100%;}
/*Precios*/
div#contenido .divc1infocurso.widthoferta span {font-size: 15px !important;}
/*Tipo de letra Cursos*/
#divbtncursogeneral > div span.fondong a, #especializacion li span.fondong a, #titulo_distancia, #content_distancia *, .divtituloprecio {font-family: Century Gothic,Verdana,Arial,sans-serif !important;}
@media screen and (max-width: 970px) {
    #divdcha {display: none;}
    #centrado {width: 820px;}
}
@media screen and (max-width: 820px) {
    div#contenido {font-size: 1em !important;}
    #centrado {width: 100%;}
    .cabecera_left {width: 100%;float: none;height: auto;background-image: none;position: relative;}
    .cabecera_left a:first-child {width: 100% !important;height: auto !important;}
    .cabecera_left a:first-child img {width: 100%;}
    .cabecera_left #redessociales {width: 100%;position: absolute;top: 0px;}
    #line {width: 100%;float: none;}
    #line img {width: 100% !important;}
    #contenido {float: none;width: 95%;margin: auto;padding: 0px;}
    div#contenido .text_flash {padding: 0px;font-size: 0.9em !important;}
    /*Seccion relacionada con el menu*/
    #btninicio {display: block;}
    body:not([id*="cat_cookies"]) #centrado {margin-top: 50px;}
    /*CSS realcionado con el menú movil del idioma */
    #btnmenu {
        display: block;
        position: fixed;
        width: 100%;
        height: 49px;
        top: 0px;
        margin: 0px;
        background-color: rgb(94, 94, 94);
        color: white;
        border-bottom: 1px solid rgb(208, 208, 208);
        z-index: 999999;
        left: 0px;
    }
    #btnmenu > div {
        height: 100%;
        float: left;
        padding-top: 5px;
    }
    #btnmenu > div:last-child {
        /*float: right;*/
    }
    #flagactualmovil {
        float: right;
        margin: 0px 5px;
        padding: 3px 5px 0px;
        background-color: white;
    }
    #menu {
        display: block;
        width: 95%;
        margin-bottom: 15px;
    }
    .menu, .menu_negro, .submenu {width: auto;padding: 3px 5px 2px 8px;margin-bottom: 10px !important;}
    #menu * {font-size: 1em;}
    #menu .submenu {font-size: 0.9em}
    .submenu {
        background: white;
        width: 80% !important;
        margin: 0px 0px 5px 0px;
        padding: 6px 5px 5px 8px;
        height: auto;
    }
    div#centrado div.fondomenumovil {
        display: none;
        position: fixed;
        left: 0px;
        width: 100%;
        height: 100%;
        top: 50px;
        background-image: url("/images/fondocargando.png");
        z-index: 999999;
    }
    .fondomenumovil > div#menumovil {
        float: left;
        width: 55%;
        height: 95%;
        background-color: rgb(157, 157, 157);
        overflow: auto;
        position: absolute;
        left: -70%;
    }
    #idiomamovil {
        display: block;
    }
    .fondomenumovil > div#idiomamovil {
        width: 30%;
        position: absolute;
        right: -30%;
        height: 95%;
        background-color: rgb(157, 157, 157);
        overflow: auto;
    }
    #idiomamovil > div {
        float: left;
        width: 100%;
    }
    #idiomamovil a {
        text-decoration: none;
        color: white;
        font-family: Verdana, Arial, Serif;
        font-size: 20px;
        float: left;
        width: 80%;
        margin-top: 10px;
    }
    #idiomamovil a span.txtidiomaizq {
        width: 60%;
        float: right;
        margin: 5px 0px;
        padding-left: 5%;
    }
    #idiomamovil a > span:last-child {
        margin: 5px 0px 0px 5%;
        float: left;
        width: 20%;
        text-align: center;
    }
    /**/
    /*Slider*/
    div#slidercontent .jFlowNext, div#slidercontent .jFlowPrev {display: block;}
    /*Curso presencial*/
    #cat_presencial #contenido img[src*="UPSA"] {margin-top: 0px !important;}
    /*Curso a distancia*/
    #cat_distancia div#contenido #especializacion li span.fondong a {font-size: 15px !important;}
    #cat_distancia div#contenido #especializacion li span.fondong, #cat_distancia #divbtncursogeneral > div span.fondong {width: 514px !important;}
    #cat_distancia div#contenido #titulo_distancia > div {width: 535px !important;line-height: 55px !important;font-size: 15px !important;}
    div#contenido #breadcrum {font-size: 12px !important;}
    /*Banner Cookies*/
    #divleycookies {top:50px;width: 55%;}
    /*Precios*/
    #cat_precios div#contenido .divtituloprecio {width: 525px !important;}
    #cat_precios div#contenido .divc1infocurso.widthoferta {width: 46% !important;}
    /*Opiniones*/
    #cat_opiniones div#contenido table {width: 100%;}
    #cat_opiniones div#contenido img[width="580"] {width: 100% !important;}
    /*Inscripcion presenciales*/
    #cat_inscripcion div#contenido table tr td table tr td input[type="text"], #cat_inscripcion div#contenido table tr td table tr td select:not([name*="nacimiento"]) {width: 96% !important;float: left;}
    #cat_inscripcion div#contenido table tr td table tr td {text-align: left !important;}
    /*Inscripción distancia*/
    #cat_inscripcion div#contenido form fieldset table tr td table#pagoprecioscursos tr td:nth-of-type(1) {width: 65% !important;}
    #cat_inscripcion div#contenido form fieldset table tr td table#pagoprecioscursos tr td:nth-of-type(1)[colspan="2"] {text-align: right !important;float: none;}
    #cat_inscripcion div#contenido form fieldset table tr td table#pagoprecioscursos tr td:nth-of-type(2) {width: 15%;text-align: right !important;}
    #cat_inscripcion div#contenido form fieldset table tr td table#pagoprecioscursos tr td:nth-of-type(2) input {width: 60% !important;float: none;}
    #cat_inscripcion div#contenido form fieldset table tr td table#pagoprecioscursos tr td:nth-of-type(3) {width: 15% !important;}
    #cat_inscripcion div#contenido input.form[name="pago_total"] {width: 60px !important;float: none;}
    #cat_inscripcion div#contenido form fieldset table tr td table#table_total tr td[colspan="2"] {float: none !important;text-align: right !important;}
}
@media screen and (max-width: 720px) {
    div#contenido .bottom20 {float: left !important;width: 100% !important;}
    div#contenido #frmconsulta input:not([type="radio"]), div#contenido #frmreserva input:not([type="radio"]), div#contenido #frmreserva select:not([name="semanas"]) {float: left !important;width: 100% !important;}
    div#contenido #frmreserva input#inputnacimiento, div#contenido #frmreserva input#inputcomienzo {width: 70px !important;float: none !important;}
    div#contenido #frmconsulta input[type="button"], div#contenido #frmreserva input[type="button"], div#contenido #frmreserva input[name="condiciones"] {float: none !important;width: initial !important;}
}
@media screen and (max-width: 650px) {
    .showinfo {display: none;}
    /*Contactar*/
    #cat_contactar div#contenido input[type="text"] {width: 100%;float: left;}
}
@media screen and (max-width: 600px) {
    div#contenido #breadcrum {float: left;}
    #cat_distancia div#contenido #titulo_distancia > div {background-size: initial !important;line-height: 55px !important;}
    /*Acreditaciones*/
    #cat_cervantes #contenido img[src*="cervantes"] {width: 25%;}
    #cat_cervantes #contenido a[href*="top"] {margin: 0px 0px 20px !important;float: left;width: 100%;text-align: right;}
    /*Precios*/
    #cat_precios .divc1infocurso.widthoferta {width: 41% !important;}
    div#contenido .divtablaprecios * {font-size: 11px !important;}
    #cat_precios div#contenido table * {font-size: 10px !important;}
}
@media screen and (max-width: 550px) {
    #jFlowSlider {
        width: 100% !important;
        height: 100% !important;
    }
    div#slidercontent .jFlowPrev {background: url("../images/arrows_cuadrados.png") no-repeat scroll -84px -35px transparent;top: -64px;left: -16px;}
    div#slidercontent .jFlowNext {background: url("../images/arrows_cuadrados.png") no-repeat scroll 0px -35px transparent;top: -64px;right: -16px;}
    #sliderContainer {overflow: hidden;}
    .fondomenumovil > div#menumovil {width: 80%;}
    /*Curso a distancia*/
    #cat_distancia div#contenido #especializacion li span.fondong, #cat_distancia #divbtncursogeneral > div span.fondong {width: 95% !important;}
    div#contenido #divbtncursogeneral > div span.fondong a, #especializacion li span.fondong a {background-position: -5px -75px !important;}
    #cat_distancia div#contenido #especializacion li span.fondong * {font-size: 1.4em !important;line-height: 20px !important;padding-top: 8px;}
    #cat_distancia div#contenido #titulo_distancia > div {width: 100% !important;line-height: 20px !important;padding-top: 10px;background-position: -7px -75px !important;}
    div#contenido #breadcrum * {font-size: 9px !important;}
    /*Precios*/
    #cat_precios div#contenido .divtituloprecio {width: 100% !important;padding: 10px 0px !important;background-position: -7px -75px !important;}
    #cat_precios div#contenido .divc1infocurso {font-size: 9px !important;}
    #cat_precios div#contenido .divtablaprecios * {font-size: 9px !important;}
    /*Erasmus*/
    #cat_erasmusplus img[src*="erasmus"] {width: 50% !important;}
    /*Inscripción*/
    #cat_inscripcion div#contenido img[src*="white"] {width: 40px;}
    #cat_inscripcion div#contenido td {font-size: 12px !important;}
}
@media screen and (max-width: 500px) {
    #cat_inscripcion div#contenido table tr td table tr td {float: left;width: 100%;}
    #cat_inscripcion div#contenido fieldset#pago table tr td table tr td {float: none;width: 50px;}
    /*Inscripcion distancia*/
    #cat_inscripcion div#contenido form fieldset table tr td table#pagoprecioscursos tr td:nth-of-type(3) {display: none !important;}
    #cat_inscripcion div#contenido form fieldset table tr td table#pagoprecioscursos tr td:nth-of-type(1) {width: 70% !important;}
}
@media screen and (max-width: 450px) {
    /*Curso a distancia*/
    #cat_distancia div#contenido #titulo_distancia > div {font-size: 1em;}
    /*Precios*/
    #cat_precios .divtituloprecio {font-size: 20px;}
    #cat_precios div#contenido #tituloalojamiento {font-size: 13px !important;}
    #cat_precios div#contenido .divc1infocurso.widthoferta {width: 90% !important;font-size: 12px !important;}
    #cat_precios div#contenido .divc1infocurso {font-size: 10px !important;width: 60% !important;}
    #cat_precios div#contenido .divtablaprecios * {font-size: 10px !important;}
    #cat_precios div#contenido .divseleccioncurso {height: 60px;}
    /*Inscripción*/
    #cat_inscripcion div#contenido img[src*="inscripcion"] {width: 100% !important;}
    #cat_inscripcion div#contenido img[src*="white"] {width: 20px;}
    /*Inscripcion presencial*/
    #cat_inscripcion div#contenido form fieldset#pago table tr td table tr td {display: block;width: 38%;float: left;}
    #cat_inscripcion div#contenido form fieldset#pago table tr td table tr td:nth-of-type(2) {width: 20%;overflow: hidden;}
    #cat_inscripcion div#contenido form fieldset#pago table tr td table tr td:nth-of-type(3) {width: auto;text-align: right !important;float: right;}
    #cat_inscripcion div#contenido fieldset#pago table tr td table tr td input {width: 60% !important;float: right;}
    #cat_inscripcion div#contenido form fieldset#pago table tr td {vertical-align: top;}
    /*inscripcion distancia*/
    #cat_inscripcion div#contenido form fieldset table tr td table#pagoprecioscursos tr td:nth-of-type(2) {width: 25%;overflow: hidden;}
    #cat_inscripcion div#contenido form fieldset table tr td table#pagoprecioscursos tr td input {width: 75% !important;}
}
@media screen and (max-width: 400px) {
    #cat_erasmusplus #ui-datepicker-div {width: auto !important;}
    #cat_erasmusplus .ui-datepicker-multi-2 .ui-datepicker-group {float: none !important;width: 100%}
    /*Cursos*/
    #cat_distancia div#contenido #divbtncursogeneral span.fondong a {font-size: 15px !important;}
}
@media screen and (max-width: 380px) {
    #cat_distancia div#contenido #titulo_distancia > div {}
    /**/
}

@media screen and (max-width: 350px) {
    #cat_distancia div#contenido div#breadcrum div {font-size: 0.7em !important;line-height: 15px;}
    /*Inscripción presencial*/
    #cat_inscripcion div#contenido form fieldset#pago table tr td table tr td:nth-of-type(2) {font-size: 9px !important;}
}