/*Estilos genericos*/
body{
   zfont-family: Helvetica;
   zbackground-color:#FFEBEB;
}

*{color:#333333}

a{
    zcolor:#333333;
    color:#a0a0a0;
}
a:hover{
    color:#d22020;
    text-decoration: none;
}

h1 {
  font-size: 1.8em;
  color: #d22020;
  text-transform: none;
  font-weight: normal;
  margin-bottom:30px
}

h2 {
  font-size: 25px;
  color: #808080;
  text-transform: none;
  font-weight: normal;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 14px;
  padding-bottom: 19px;
  padding-top: 29px;
  line-height: 24px;
}
.form-control {
    font-size: 1.1em;
}


/* ========================= header =========================== */
header {
    background-color: #efefef;
    font-size:.8em;
    padding-bottom: 10px;
    margin-bottom:30px;
}
header a{
    color:#333333;
}
header a:hover{
    color:#D22020;
    text-decoration: none;
}
header input{
    font-size:1em;
}
header .form-group{
    margin:0px;
}
#cab1 img{
    height:60px;
    margin:10px 20px 0px 20px;
}

header #busq-av{
    color:#D22020;
    margin:10px;
    ZZPTEfont-weight: 500;
}
header #busq-av a{
    color:#D22020;
}
header #busq-av a:hover{
    color:#D22020;
    text-decoration: none;
    background-color:#dfdfdf;
    border-radius:5px;
    padding: 8px;
}

/* == logo y nav == */
.dropdown:hover>.dropdown-menu {
display: block;
}

#menu{
}
#menu a{
    color:#d22020;
    font-weight: 500;
}
#menu a:hover{
    background-color:#dfdfdf;
    border-radius:5px;
}
#menu .dropdown-menu{
    margin-top:0px;
}
#menu .dropdown-item{
    font-size:.8em;
}

#idiomas {
    text-align: right;
    font-size:.9em;
    padding-top: 8px;
}   
#idiomas .ingles {
    background: url(../img/ingles.gif) no-repeat right center;
    padding-right: 25px;
}
#idiomas .ingles:hover {
    background: url(../img/ingles_off.gif) no-repeat right center;
}
#idiomas .espanol {
    background: url(../img/spanish.gif) no-repeat right center;
    padding-right: 25px;
}
#idiomas .espanol:hover {
    background: url(../img/spanish_off.gif) no-repeat right center;
}
  
.img-menu-inicial{
    text-align: center;
    padding-top: 60px;
}   
    
/* buscador menú */
#buscadorylang{
    padding-top:8px;
}
#bloquebuscador{
    white-space:nowrap;
}
#buscadormenu{
    white-space:nowrap;
}
#buscadormenu #idtexto{
    display:inline-block;
}
#buscadormenu #idbuscar{
    width:40px;
    display:inline-block;
    border:0px;
    margin-left:-40px;
    background-color:unset;
}
#buscadormenu #idlupa{
    margin-left:-30px;
    cursor:pointer;
}
#buscadormenu #idlupa .fa{
    color:silver;
}

/* ========================= footer =========================== */
footer {
    background-color: #efefef;
    font-size:.8em;
    padding-top: 20px;
    margin-top:30px;
}
footer  a{
	color: #808080;
}
footer  a:hover, a:focus{
	color:#d22020;
}
footer img {
    max-width: 150px;
}
footer #copy{
  background-color: #d22020;
  color:#fff;
  font-size: 10px;
  line-height: 25px;
}

footer #contacto{
    color:#D22020;
    margin:10px;
}
footer #contacto a{
    color:#D22020;
}
footer #contacto a:hover{
    color:#D22020;
    text-decoration: none;
    background-color:#dfdfdf;
    border-radius:5px;
    padding: 8px;
}


/* ========================= listado =========================== */
.listado{
    font-size:.8em;
    list-style-type: none;
    Zborder:1px solid green;
}
.listado li{
    margin-bottom:20px;
    font-size:.9em;
}
.listado li{
    margin-bottom:20px;
    background-repeat: no-repeat;
    padding-left:40px;
    min-height: 30px;
}
.listado li.online{background-image:url(../img/ico_online.png)}
.listado li.presencial{background-image:url(../img/ico_presencial.png)}
.listado li.semipresencial{background-image:url(../img/ico_semipresencial.png)}

.tablalistado .iconolistado{    
    background-repeat: no-repeat;
    zpadding-left:40px;
    padding-left:40px;
    min-height: 30px;
    float:left; /* para que se alinée a la izda */
    Zborder:1px solid green;
}
.tablalistado .iconolistado.online{background-image:url(../img/ico_online.png)}
.tablalistado .iconolistado.presencial{background-image:url(../img/ico_presencial.png)}
.tablalistado .iconolistado.semipresencial{background-image:url(../img/ico_semipresencial.png)}



.listado.destacado {
    zfont-size:1em;
    zbackground-color:pink;
}
/* ========================= fin:listado =========================== */


/* ========================= ficha =========================== */
#ficha{
    font-size:.8em;
}
#ficha #datos{
    border-right:8px solid silver;
    background-image: url(../img/flechagris.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
#ficha #datos .mensaje{
   color:#D22020; 
}

#ficha #fichacurso{
    padding-left:40px;
}
#ficha #pago {
    padding:15px;
    margin:10px 0px;
    border-radius:10px;
    background-color:#efefef;
    font-size:0.9em;
}
.divbotonid{
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}
.botonid{
    background-color:#f7f7f7;
    border:1px solid silver;
    border-radius:10px;
    padding:5px;
    padding-bottom:10px;
    min-width: 170px;
    max-width: 250px;
}

a:hover .botonid {
    color:#D22020;
    background-color: #dfdfdf;
}

#ficha .nomficha{
    padding: 5px;
    font-weight:500;
}
#ficha .datficha{
    padding-left: 20px;
}
#ficha .noabierto{
   color:#D22020;
}
/* ========================= fin:ficha =========================== */


/* ========================= inscripcion =========================== */

#inscripcion{
    font-size:.8em;
}
#inscripcion #datos{
    Zfont-size:.8em;
    border-right:8px solid silver;
    background-image: url(../img/flechagris.gif);
    background-repeat: no-repeat;
    background-position: top right;
Zborder:10px solid green;

}   
#inscripcion .nomficha{
    padding: 5px;
    font-weight:500;
}
#inscripcion .datficha{
    padding-left: 20px;
}

#inscripcion #fichacurso{
    padding-left:40px;
}
.areasombra {
    padding:15px;
    margin:10px 0px;
    border-radius:10px;
    background-color:#efefef;
    font-size:0.9em;
    Zborder:10px solid green;
}

.areaborde {
    padding:15px;
    margin:10px 0px;
    border-radius:10px;
    border:2px solid #efefef;
}

/* Errores de validacion */
ul.errorMessage li span {
    color:#dc3545;font-size:80%
}
ul.errorMessage {
    list-style: none;padding-left:0px
}

#inscripcion .btn{
    margin-top: 20px;
}


    z.row {border:1px solid red}
    z.col {border:1px solid blue}
/* ========================= fin:inscripcion =========================== */

/* ========================= impreso =========================== */
.container.impreso {
    max-width:800px
}

#impreso{
    margin:auto;
    font-size:.8em;
}
#impreso #datos{
    Zfont-size:.8em;
    border-right:8px solid silver;
    background-image: url(../img/flechagris.gif);
    background-repeat: no-repeat;
    background-position: top right;
Zborder:10px solid green;
}
/* ========================= fin:impreso =========================== */

/* ========================= #formbusqycontacto =========================== */
#formbusqycontacto{
    font-size:.8em;
}
#formbusqycontacto .btn{
    margin-top:10px;
}

/* ========================= fin:#formbusqycontacto =========================== */


/* ========================= #cierre  (vacaional))=========================== */
.cierre{
    padding: 15px;
    margin: 10px 0px;
    border-radius: 10px;
    background-color: #efefef;
    font-size: 0.9em;     
    Zcolor: #d22020;
    zfont-weight: bold;
    
 }

/* ========================= fin:#cierre =========================== */


/* =========== faqs ======= */
.panel-body{
    background-color:#efefef;
    border-radius: 10px;
    padding: 20px;
}
.panel-heading{
    zbackground-color:blue;
    padding-bottom: 5px;
    padding-top: 15px;
}
#faqs{
    padding-bottom: 90px;
}
 
/* =========== faqs ======= */
    

/* =========== ajustes bootstrap ======= */
z.row{margin:0}
z.col{padding:0px}

/* ========================= Estilos generales =========================== */
.centrado{text-align:center}
.derecha{text-align:right}
.fondorojo{background-color:#ffcccc}
.fondoverde{background-color:greenyellow}
.fondoazul{background-color:#ccffff}
.sinmargen{margin:0px}
.sinpadding{padding:0px}
.negrita{font-weight:bold}
.bold600{font-weight: 600}
.centradovertical{vertical-align: middle}
.espacioLeft{padding-left: 10px;}
.pagebanner{background-color: #efefef; font-size:.8em; font-weight: bold}
.cierre{font-size:.8em; padding-top: 5px; padding-bottom: 5px;}

.x{border:1px solid red}
.xx{border:1px solid blue}
.xxx{border:1px solid green}
z.row{border:1px solid red}
z.col{border:1px solid blue}
.rosa{border:1px solid pink}
.blanco {color: white}
.padding350{padding-bottom: 350px;}
.padding80{padding-bottom: 80px;}