/*
 Verde	#03AE48
 Rojo	#DD002C
 Lila	#3B2183
*/
html {background-color: black;}
* { margin: 0; padding: 0; /*max-width: 100%;*/ }

body {}

.transparente:hover {opacity:0.7; background-color: transparent !important;}
#info {/* display: none;*/ position:fixed; top:20px; bottom:0px; right:20px; height: 20px; z-index:999; padding: 10px; background-color:gray; border-radius:5px; opacity:0.7; color:white;}
.loading {display: none; text-align:center; background:transparent url(../imagenes/overlay_liso.png) repeat top left; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:100;}

.verde {color: #03AE48;}
.rojo {color: #DA1F29;}

div#pagina{ background-color: white;
    max-width: 100%;
    min-width: 300px;
    /*width: 1980px;*/
    margin: 0px auto;
}
div#cabecera {
    background-color: transparent;
    max-width: 1080px;
    margin: 0px auto;
    font-family: Arial;
    font-size: 12px;
}
div#cabecera>div{display: inline-block; padding: 3% 1% 3% 1%;}
div#cabecera>div:nth-child(1){width:48%; text-align: left;}
div#cabecera>div:nth-child(2){width:28%; text-align: center;}
div#cabecera>div:nth-child(3){width:17%; text-align: right;}

div#cabecera>div:nth-child(1) img{ max-width:95%; vertical-align: middle; }

div#cabecera>div:nth-child(2) form input {padding: 1%; width: 70%;}
div#cabecera>div:nth-child(3) p { display: inline; vertical-align: middle;}
div#cabecera>div:nth-child(3) img {display: inline; margin-left: 5px;  vertical-align: middle;}

#cIdioma img {width: 40px;}
#cIdioma {display: inline-block; vertical-align: middle;}

@media (max-width :850px){
    div#cabecera>div:nth-child(3) p{display: none;}
}

@media (max-width :450px){
    div#cabecera>div:nth-child(1){width:95%; text-align: center;}
    div#cabecera>div:nth-child(2){width:40%;}
    div#cabecera>div:nth-child(3){width:50%;}
}

div#menu_wrap {background-color:black;}
div#menu{
    max-width: 1080px;
    margin: 0px auto;
    /*padding: 1% 2% 1% 2%;*/
}
div#menu>div {display: inline-block;}

div#menu>div:nth-child(1){/*60%*/ margin-left: 2%; display: none !important;}
div#menu>div:nth-child(1) {font-family: Arial;color: white; display: inline-block; text-align: left; font-weight: bold;}
div#menu>div:nth-child(1) a{cursor: pointer; font-size: 14px;  padding: 10px; padding-right: 5px; padding-left: 5px;  display: block; color:white; text-decoration: none; text-transform: uppercase;}
div#menu>div:nth-child(1) a:hover{color: #DA1F29; background-color: white;}


div#menu>div:nth-child(2){width:100%;/*60%*/ margin-left: 1%;}
div#menu>div:nth-child(2) div { margin-left: -5px; font-family: Arial;color: white; display: inline-block; text-align: center; font-weight: bold;}
div#menu>div:nth-child(2) div a{font-size: 14px; border-left: 1px solid white; padding: 10px; padding-right: 5px; padding-left: 5px;  display: block; color:white; text-decoration: none; text-transform: uppercase;}
div#menu>div:nth-child(2) div a:hover{color: #DA1F29; background-color: white;}
div#menu>div:nth-child(2) div:first-child a{border-left:none;}
/*
div#menu>div:nth-child(3){width:34%; text-align: right; vertical-align: top; margin-top: 5px;}
div#menu>div:nth-child(3) form {display: inline-block; width: 100%;}
div#menu>div:nth-child(3) form input{  padding: 2%; width: 75%; display: inline-block;}
div#menu>div:nth-child(3) form a{margin-left: -3px; margin-top: -1px; border-top-right-radius:5px; border-bottom-right-radius:5px; vertical-align: middle; color:white; background-color: black; text-decoration: none; display: inline-block; padding: 1%;}
*/
div.tieneSubMenu {position: relative; cursor: pointer; width:155px;}
a.abrirSubMenu {cursor: pointer !important;}

div.SubMenu {width:155px !important; z-index: 999; position: absolute; top:38px; left:5px; background-color: black; font-family: Arial;color: white; display: block; text-align: left !important; font-weight: bold;}
div.SubMenu a{font-weight: normal; font-size: 12px; padding: 5px 8px 5px 8px !important;  display: block; color:white; text-decoration: none; text-transform: uppercase;}
div.SubMenu a:hover{color: #03AE48; background-color: white;}

div.MiniMenu {font-family: Arial;color: white; display: block; font-weight: bold; margin-left: 15px;}
div.MiniMenu>a{border-top: 1px solid white; font-weight: bold; font-size: 12px; padding: 2px 0px 2px 0px !important;  display: block; color:white; text-decoration: none; text-transform: uppercase;}
div.MiniMenu a:hover{color: #03AE48; background-color: white;}

div.MiniSubMenu {font-family: Arial; font-size: 10px; color: white; display: block; margin-left: 15px;}
div.MiniSubMenu a {font-weight: normal; font-size: 10px; padding: 4px 0px 4px 0px !important;  display: block; color:white; text-decoration: none; }

a.no_operativo {color: gray !important; cursor: default;}
a.no_operativo:hover {color: gray !important; background-color: black !important;}

@media (max-width :1024px){
    div#menu>div:nth-child(1){display:inline-block !important;}
    div#menu>div:nth-child(2){display:none;}
}
@media (max-width :450px){

}

div#slider {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: -2px;
    text-align: center;
    z-index: 0; //1
    /*overflow: hidden;*/
}
@media (min-width :1080px){ div#slider div div {max-height: 400px; overflow: hidden;} div#slider div div img {margin-top: -120px;}  }
@media (min-width :1550px){ div#slider div div {max-height: 450px; overflow: hidden;} div#slider div div img {margin-top: -220px;}  }
@media (min-width :1950px){ div#slider div div {max-height: 450px; overflow: hidden;} div#slider div div img {margin-top: -320px;}  }
@media (min-width :2400px){ div#slider div div {max-height: 450px; overflow: hidden;} div#slider div div img {margin-top: -520px;}  }
/*@media (max-width :1980px){ div#slider div div {max-height: 100px; overflow: hidden;}  }*/

div#destacado_wrap {background-color: #DA1F29; padding-bottom: 20px; margin-top: -10px; }
div#destacado {
    /*background-color: #F0F0F0;*/
    max-width: 1080px;
    margin: 0px auto;
    font-family: Arial;
    margin-bottom: 10px;
}

div#destacado h1 {padding: 2% 2% 0% 2%; margin-bottom: 10px; font-size: 2em; font-family: 'Poly', serif; color: white; text-transform: lowercase; font-style: italic;}
div#destacado i {color: white; vertical-align: middle;}
div#destacado p {vertical-align: middle; font-style: italic; font-size: 16px; padding: 0% 2% 5px 2%; text-align: justify; }
div#destacado p>a { display: block; border-radius:5px; width: 100%; font-size:18px; text-align: center; color:white; text-decoration: none; padding: 5px; }
div#destacado p>a:hover {background-color: white;color: #DA1F29;}

div#destacado>div { width:100%; text-align: center;}
div#destacado>div>div {position: relative; vertical-align: top; padding: 1% 1% 0% 1%; text-align: left; width: 22.2%; display: inline-block;}
div#destacado>div>div:last-child {border-right: none;}
div#destacado>div>div img {width: 98%; border-radius:5px;}
div#destacado>div>div img:hover {opacity: 0.8;}
div#destacado>div>div h2 { border-radius:5px; margin-bottom:5px; text-transform: uppercase; margin-left: 2%; width: 96%; color: white; background-color: #03AE48; text-align: center; padding: 3% 1% 3% 1%; font-size: 16px;}
div#destacado>div>div h2:hover {background-color: black;}
div#destacado>div>div p{font-size: 12px !important ; text-align: center;  margin-bottom: 5px; }
div#destacado>div>div p:last-child {margin-bottom: -5px;}
div#destacado>div>div a { border-radius:5px;font-size:16px; text-align: center; color:white; text-decoration: none; padding: 2%;}
div#destacado>div>div a:hover {}
div#destacado p>i {display:none;}

@media (max-width :600px){
    div#destacado>div>div {width:45%; margin-bottom:10px;}
    div#destacado>div>div:nth-child(2){border-right:none;}
    div#destacado h1 {font-size:2em; margin-top: 10px; text-align: center;}
    div#destacado p a{ font-size:14px; text-align: justify;}
    div#destacado p>i {width: 100%; text-align: center; display: block;}
    div#destacado p>a>i {display: none;}
}
@media (max-width :400px){
    div#destacado h1 {font-size:1.5em;}
}
/*
@media (max-width :800px){
    div#destacado>div>div {width:30%;}
}
@media (max-width :600px){
    div#destacado>div>div:nth-child(2){border-right:none;}
    div#destacado h1 {font-size:2em;}
    div#destacado p { font-size:14px;}
}
@media (max-width :500px){
     div#destacado>div>div {width:46%;}
     div#destacado>div>div:last-child {display:none;}
}
@media (max-width :400px){
    div#destacado h1 {font-size:1.5em;}
}
@media (max-width :350px){
    div#destacado>div>div {width:94%;}
    div#destacado>div>div:last-child {display: block;}
}
*/
div#index_wrap {background-color: transparent; padding-bottom: 20px;}
div#index {
    /*background-color: transparent;*/
    background-color: transparent;
    max-width: 1080px;
    margin: 0px auto;
    font-family: Arial;
    /*margin-bottom: 20px;*/
}
div#index h1 {padding: 2% 2% 0% 2%; margin-bottom: 10px; font-size: 2em; font-family: 'Poly', serif; color: black; text-transform: lowercase; font-style: normal;}
div#index h1>img {vertical-align: middle; margin-right: 10px; width: 50px;}
div#index p { font-size: 16px; padding: 0% 2% 15px 2%; text-align: justify; }
div#index>div>div p{font-size: 12px; text-align: center;  margin-bottom: 5px;}
div#index>div>div a {   font-size:16px; color:white; text-decoration: none;}

div#index_izq {display: inline-block; width:67%; vertical-align: top; margin-right: 2%;}
div#index_izq>div {  text-align: center;  }
div#index_izq>div>h1{text-align: left; padding: 2% 2% 0% 2%; margin-bottom: 10px; font-size: 2em; font-family: 'Poly', serif; color: black; text-transform: lowercase;}
div#index_izq>div>h1>img {vertical-align: middle; margin-right: 10px; width: 50px;}
div#index_izq>div p { font-size: 16px; padding: 0% 2% 15px 2%; text-align: justify !important; }
div#index_izq>div>p>a {color: #DA1F29 !important; font-size: 12px !important; text-decoration: none; line-height: 16px;}
div#index_izq>div>div {vertical-align: top; padding: 1% 1% 3% 1%; text-align: left; /*border-right: 1px solid #D4D4D4;*/ width: 31.2%; display: inline-block;}
div#index_izq>div>div:last-child {border-right: none;}
div#index_izq>div>div>div {position: relative; border-radius: 5px; overflow: hidden; background-size: cover; margin-bottom: 10px; width: 98%; height: 230px; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center;}
div#index_izq>div>div>div span { text-align: left; font-weight: bold; position: absolute; bottom: 0px; color: white; display: block; width: 100%; font-size: 14px; padding: 10px; background-color: black; opacity: 0.8;}
div#index_izq>div>div>div>a>img { width: auto; height: auto;}
div#index_izq>div>div img:hover {opacity: 0.6;}
div#index_izq>div>div h2 { border-radius:5px; margin-bottom:5px; text-transform: uppercase; margin-left: 2%; width: 96%; color: white; background-color: black; text-align: center; padding: 3% 1% 3% 1%; font-size: 16px;}
div#index_izq>div>div h2:hover {background-color: #03AE48;}
div#index_izq>div>div>p {height: 60px; overflow: hidden;}
div#index_izq>div>div>p>a {color: black; font-size: 12px !important; text-decoration: none; line-height: 16px;}
div#index_izq>div>div>p>a:hover {color: #DA1F29;}
div#index_izq>div>div>p>a>span.fecha {color: #DA1F29; margin-right: 5px; font-weight: bold;}
div#index_izq>div>div>a {font-weight: bold; vertical-align: middle; color: white; font-size: 14px !important; text-decoration: none; text-align: center; background-color: #DA1F29; border-radius: 5px; padding: 4px 5px 6px 5px; }
div#index_izq>div>div>a:hover {background-color: black;}
div#index_izq>div>div>a>i{vertical-align: middle;}

div#index_der {display: inline-block; width:30%;  vertical-align: top; margin-top: 8px;}
div#index_der>div {  text-align: center; padding-left: 1%; }
div#index_der>div>h1{text-align: left; padding: 2% 2% 0% 2%; margin-bottom: 10px; font-size: 1.9em; font-family: 'Poly', serif; color: black; text-transform: lowercase;}
div#index_der>div>h1>img {vertical-align: middle; margin-right: 10px; width: 50px;}
div#index_der>div p {font-size: 16px; padding: 0% 2% 5px 2%; text-align: justify !important; }

div#index_der>div>div {margin-bottom: 6px; margin-top: 6px; border-bottom: 1px dotted #DA1F29; vertical-align: top; padding: 0% 1% 0% 1%; text-align: left; /*border-right: 1px solid #D4D4D4;*/ width: 100%; display: inline-block;}
div#index_der>div>div>a {color: black !important; font-size: 12px !important; text-decoration: none; line-height: 16px;}
div#index_der>div>div>a:hover {color: #DA1F29 !important;}

div#index_der>div>div h2 {cursor: default; border-radius:0px; margin-bottom:1px; margin-left: 0%; width: 100%; color: #DA1F29; background-color: transparent; text-align: left; padding: 0px; font-size: 14px;}
div#index_der>div>p>a {color: #DA1F29 !important; font-size: 12px !important; text-decoration: none; }
/*
div#index>div>div:nth-child(1) h2 {background-color: #D40229; }
div#index>div>div:nth-child(2) h2 {background-color: #3F2684; }
div#index>div>div:nth-child(3) h2 {background-color: #10B153; }
div#index>div>div:nth-child(4) h2 {background-color: #0F96CF; }
*/

@media (max-width :600px){
    div#index_izq {width:98%;}
    div#index_izq>div>div { width: 48%;}
    div#index_izq>div div:nth-child(5){display:none}
    div#index_izq>div div:nth-child(6){display:none}
    
    div#index_der {width:98%;}
    div#index_redes {display:none;}
    
    div#index h1 {font-size:2em;}
    div#index p { font-size:14px;}
}
@media (max-width :400px){
    div#index_izq>div>div { width: 95%;}
    div#index_izq>div div:nth-child(3){display:none}
    div#index_izq>div div:nth-child(4){display:none}
    div#index h1 {font-size:1.5em;}
}

.listado {margin-top: 20px;}
.listado ul { padding: 2%; }
.listado li { width: 100%; list-style: none; display: table; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #DA1F29; text-align: justify !important;}
.listado span { font-size: 12px;}
.listado a {color: black; text-decoration: none; font-size: 14px !important; font-weight: bold;}
.listado a:hover {color: #DA1F29;}
.listado img {width :50px; display: inline-block; vertical-align: top; border-radius: 5px; float: left; margin-right: 10px;}

.listado_esp {margin-top: 20px;}
.listado_esp ul { padding: 2%; }
.listado_esp li { width: 95%; list-style: none; display: table; padding: 5px;  border-bottom: 1px dotted #DA1F29; text-align: justify !important;}
.listado_esp span { font-size: 12px;}
.listado_esp a {cursor: pointer; color: black; text-decoration: none; font-size: 14px !important; font-weight: bold;}
.listado_esp a:hover {color: #DA1F29;}
.listado_esp li.activa {
    background-color: #DA1F29 !important;
    width: 95%;
    position:relative;
    display: block;
}
.listado_esp li.activa>a{color: white !important;}
.listado_esp li.activa:after{ 
    content:'';
    display:block;
    position:absolute;
    top:25%;
    margin-top:-7px;
    left:100%;
    width:0;
    height:0;
    
    border-color: transparent transparent transparent #DA1F29;
    border-style: solid;
    border-width: 14px;
}

.listado_prof {margin-top: 20px;}
.listado_prof ul { padding: 2%; }
.listado_prof li { width: 95%; list-style: none; display: table; padding: 5px;  border-bottom: 1px dotted #DA1F29; text-align: justify !important;}
.listado_prof span { font-size: 12px;}
.listado_prof a {cursor: pointer; color: black; text-decoration: none; font-size: 14px !important; font-weight: bold;}
.listado_prof a:hover {color: #DA1F29;}

/* ------------------------------------------------------------------------------------------------------------- PAGINACION */
.paginacion {display: inline-block; margin-left:5px; text-align:center;}
.paginacion span {cursor:help; background-color:#DA1F29; border: 1px solid #DA1F29; border-radius:5px; text-decoration:none; font-size:14px; color: white; display: inline-block; margin: 4px; padding: 4px 8px 4px 8px;}
.paginacion a { background-color:#000000; border: 1px solid #000000; border-radius:5px; text-decoration:none; font-size:14px; color: #FFFFFF; display: inline-block; margin: 4px; padding: 4px 8px 4px 8px;}
.paginacion a:hover {color:white; background-color:#DA1F29; border: 1px solid #DA1F29;}

.calendario {width:100%;}
.calendario form fieldset {border: none; text-align: center; margin-bottom: 5px;}
.calendario form select {padding: 5px; font-size: 14px; font-weight: bold;}
.calendario form input {width: 80%; padding: 5px; font-size: 14px; font-weight: bold;}
.calendario form a {color: #DA1F29 !important; cursor:pointer; }
.calendario form a:hover {color: black !important;}

.calendario table {width: 100%;}
.calendario table tr td {padding: 5px; border-radius:3px; color: black !important; text-align: center;}
.calendario table tr td a {color:white; background-color: #DA1F29; width: 100%; height: 100%; display: table; border-radius: 3px;}
.calendario table tr:first-child {background-color: black; cursor: default; color:white;}
.calendario table tr:first-child td {color:white !important;}

div#contenido{
    max-width: 1080px;
    margin: 0px auto;
    padding:2%;
    font-family: Arial;
    margin-bottom: 20px;
    //min-height: 250px;
}

div.titulo_wrap{
    background-color: #DA1F29;
    margin-bottom: 15px;
}
div.titulo {
    margin: 0px auto;
    max-width: 1080px;
    cursor: default;
    padding-top: 20px;
    padding-bottom: 20px;
}
div.titulo h1{padding-left: 15px; padding-right: 50px; font-size: 2em; font-family: 'Poly', serif; color: white; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid white; }
div.titulo p{margin-left: 15px; font-size: 12px; font-family: 'Arial'; color: #F0F0F0;}
div.titulo a { font-size: 12px; padding: 2px; color:#F0F0F0 !important; text-decoration: none; border-radius:5px; display:  inline;}
div.titulo a:hover { color:#DA1F29 !important; background-color: white !important;  }

@media (max-width :600px){
    div.titulo h1{ font-size: 1em;}
}

div#contenido_lateral {vertical-align: top;  width:24%; margin: 0% 2% 1% 2%;  display: inline-block;  margin-bottom: 10px; }

div.imagen_principal {float:left; margin-right: 40px; margin-bottom: 10px; }
div.imagen_principal h4 {font-size: 12px; margin-bottom: 10px; }
div.imagen_principal img { border: 1px solid #DA1F29; border-radius:5px; display: inline; max-width: 180px; }
div.imagen_principal:hover {opacity:0.8;}

div.imagen_principal_grande {width:100% ; margin-bottom: 10px; text-align: center; }
div.imagen_principal_grande h4 {font-size: 12px; margin-bottom: 10px; }
div.imagen_principal_grande img {border-radius:5px; display: inline-block; max-width: 100%; }
//div.imagen_principal_grande:hover {opacity:0.8;}

div#contenido_principal {vertical-align: top; width:66%; display: inline-block;  margin-bottom:10px; text-align: justify; margin: 0% 2% 1% 2%;}
div#contenido_principal>p.fecha {font-weight: bold;}
//div#contenido_principal>h1 {border-radius:5px; background-color: black; width:98%; color:white; padding: 1% 1% 1% 1%; font-size: 16px; margin-bottom: 15px; }
div#contenido_principal>h1 {text-align: left; padding: 0% 2% 0% 2%; margin-bottom: 10px; font-size: 2em; font-family: 'Poly', serif; color: black; text-transform: lowercase;}
div#contenido_principal>h2 {text-align: left; padding: 0%; margin-bottom: 10px; font-size: 1.5em; font-family: 'Poly', serif; color: black; text-transform: lowercase;}
div#contenido_principal p {text-align: justify; margin-bottom: 15px; font-size: 14px; line-height: 18px;}
div#contenido_principal ul {margin-bottom: 15px;}
div#contenido_principal ul li {list-style-type: square; margin-left: 5%; margin-bottom: 6px; font-size: 12px;}

div#contenido_principal p>a {color: #DA1F29; text-decoration: none; font-weight: bold; padding-left: 2px; padding-right: 2px; border-radius: 2px;}
div#contenido_principal p>a:hover {background-color: #DA1F29; color:white;}

div#contenido_lateral>h1{text-align: left; padding: 0% 2% 0% 2%; margin-bottom: 10px; font-size: 2em; font-family: 'Poly', serif; color: black; text-transform: lowercase;}
div#contenido_lateral>h2{text-align: left; padding: 0%; margin-bottom: 10px; font-size: 1.5em; font-family: 'Poly', serif; color: black; text-transform: lowercase;}

#comEspecialidades{display: none;}
#comEspecialidades {width: 100%; padding: 5px; font-size: 14px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #DA1F29;}

@media (max-width :600px){
    div#contenido_lateral {width:98%; margin-right: 0%;} 
    div.recuadro_lateral{width: 90%;}
    div#contenido_principal {width:98%;}
    
    #comEspecialidades{display: inline-block;}
    .listado_esp{display: none;}
}

.pad {padding: 2px;}

div.recuadro_lateral{width: 95%; background-color: transparent; margin-top: 0px; margin-bottom: 10px; border-radius:5px; padding: 0% 2% 2% 2%; }
div.recuadro_lateral div {padding: 4%; padding-bottom: 1%; width: 90%;}
div.recuadro_lateral a {text-decoration: none; width: 100%; display: block; color: black; padding: 2px; border-radius:5px;}
div.recuadro_lateral a:hover {color: white; background-color: black;}
/*div.recuadro_lateral h1{font-size: 14px; margin-left: 5%; width: 89%; margin-bottom: 5px; color:black;}*/


div.recuadro_lateral ul li {font-size: 10px; margin-left: 5%; width:90%; list-style: none; }
div.recuadro_lateral p {font-size: 12px; margin-left: 5%; width:90%; color:black; margin-bottom: 3px; }


.tablon_lateral {display: inline-block; vertical-align: top; margin-top: 0px; padding-left: 1%; }
.tablon_lateral>h1{text-align: left; padding: 0% 0% 0% 0%; margin-bottom: 10px; font-size: 30px; font-family: 'Poly', serif; color: black; text-transform: lowercase;}
.tablon_lateral>h1>img {vertical-align: middle; margin-right: 10px; width: 50px;}
.tablon_lateral>p {font-size: 16px; padding: 0% 2% 5px 2%; text-align: justify !important; }

.tablon_lateral>div {margin-bottom: 6px; margin-top: 6px; border-bottom: 1px dotted #DA1F29; vertical-align: top; padding: 0% 1% 0% 1%; text-align: left; /*border-right: 1px solid #D4D4D4;*/ width: 100%; display: inline-block;}
.tablon_lateral>div>a {color: black !important; font-size: 12px !important; text-decoration: none; line-height: 16px;}
.tablon_lateral>div>a:hover {color: #DA1F29 !important;}

.tablon_lateral>div h2 {cursor: default; border-radius:0px; margin-bottom:1px; margin-left: 0%; width: 100%; color: #DA1F29; background-color: transparent; text-align: left; padding: 0px; font-size: 14px;}
.tablon_lateral>p>a {color: #DA1F29 !important; font-size: 12px !important; text-decoration: none; }

div.documento {display: block; border-bottom: 1px solid #DA1F29;}
div.documento p{text-align: justify;}
div.documento>div:first-child {display: inline-block; width: auto;  padding: 0px; vertical-align: middle; }
div.documento>div:last-child {display: inline-block; width:60%; font-size: 12px; vertical-align: middle; padding-top: 10px;  text-align: left;}
div.documento a {text-decoration: none !important; color: black;}
div.documento a:hover{background-color: transparent; color: red;}
div.documento a>img:hover{ opacity: 0.7; }
div.documento>div:last-child>a{font-weight: bold;}


div#contenido_principal_ancho { vertical-align: top; width:100%; display: inline-block;  margin-bottom:10px;}
//div#contenido_principal>h1 {border-radius:5px; background-color: black; width:98%; color:white; padding: 1% 1% 1% 1%; font-size: 16px; margin-bottom: 15px; }
div#contenido_principal_ancho>h1 {cursor: default; font-family: 'Poly', serif; font-style: italic; color: #DA1F29;  font-size: 24px; margin-bottom: 10px; padding-bottom: 5px; padding-top: 5px;  margin-top: 5px; margin-bottom: 5 px; }
div#contenido_principal_ancho>h1:first-child{margin-top: 0px;}
div#contenido_principal_ancho>h1>a {text-decoration: none; color: #DA1F29; vertical-align: middle; padding: 5px; border-radius:5px;}
div#contenido_principal_ancho>h1>a:hover {background-color:#DA1F29; color:white;}
div#contenido_principal_ancho p {text-align: justify; margin-bottom: 15px; font-size: 14px;}
div#contenido_principal_ancho ul {margin-bottom: 15px;}
div#contenido_principal_ancho ul li {list-style-type: square; margin-left: 5%; margin-bottom: 6px; font-size: 12px;}
div#contenido_principal_ancho p a {color: #DA1F29; font-weight: bold; text-decoration: none; padding: 0px 2px 0px 2px; border-radius: 4px;}
div#contenido_principal_ancho p a:hover {background-color: #DA1F29; color: white;}
@media (max-width :600px){
    div#contenido_principal_ancho {width:98%;}
}


.galeria {width:100%; margin-bottom: 5px; text-align: justify; margin-top: 50px; display: block; }
.galeria img {width:auto; height: auto; }
.galeria ul {display: block; vertical-align: top; }
.galeria li {vertical-align: top;  text-align: center; width:22%; overflow: hidden;  background-color:#F0F0F0; box-shadow: 0 8px 6px -6px #575757; padding: 10px 2px 2px 2px; border: solid 1px #CCC; display:inline-block; text-decoration:none;  margin:0; margin-left:2% !important;  margin-bottom: 10px !important; padding-bottom:10px; transition: width 1s;  }
//.galeria li:first-child{margin-left:0px;}
//.galeria li:nth-child(4n+1){margin-left:0px;}
.galeria li a {background-color: transparent; text-decoration: none; color: #DA1F29;}
.galeria li a:hover {opacity: 0.7;}

@media (max-width :900px){
    .galeria li {text-align: center; width:21%;}
}
@media (max-width :700px){
    .galeria li {text-align: center; width:29%;}
}
@media (max-width :400px){
    .galeria li {text-align: center; width:45%;}
}

.docs_lateral img {width: 100%;}
.docs_lateral table tr td:first-child{width: 25%;}
.docs_lateral table tr td:last-child a{margin-left: 5px; text-decoration:none; color:#458A77; padding: 3px; border-radius: 5px;}
.docs_lateral table tr td:last-child a:hover{ background-color:#458A77; color:white;}


div.tabla_asignaturas table {width:100%; margin-top: 20px;}
div.tabla_asignaturas table tr th {background-color: #DA1F29; padding: 5px; color: white;}
div.tabla_asignaturas table tr td {padding: 4px; font-size:12px;}
div.tabla_asignaturas table tr td a {color: black; text-decoration: none;}
div.tabla_asignaturas table tr td a:hover {color: #DA1F29;}

div.evento { border-bottom: 1px dotted #467C00; min-height: 110px;  display: block; width: 100%; padding: 10px; padding-left: 0px; margin-bottom: 10px; }
div.evento:last-child{border-bottom:none;}
div.evento:hover{}
div.evento .fecha { margin-top: -5px; cursor: default; text-align: center; color: #03AE48; float: left; font-size: 14px; display: block; width: 35px; margin-right: 5px;}
div.evento h2 {color:#03AE48; font-size: 14px !important; text-transform: none !important; text-align: justify; background-color: transparent !important; margin-top: 0px !important;}
div.evento p {font-size:12px; padding: 2px; margin-left: 10px; margin-top: 2px; text-align: justify;}
div.evento a{color:#03AE48; text-decoration: none; border-radius:5px; padding: 2px;}
div.evento a:hover{color:white; background-color: #03AE48; text-align: justify;}

.img-shadow {
	position: relative;
	max-width: 100%;

	}
    
    .img-shadow::before {
		content: "";
		position: absolute;
		border-radius:5px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		box-shadow: inset 0 0 8px 8px rgba(0,0,0,0.4);
	   } 
	   
/*----------------------------------------------------------------------------------------------------------- PAGINACION ---*/
div.buscador form fieldset {border-radius:5px; padding: 1%; width: 95%; border: 1px solid #CCCCCC; text-align: center; }
div.buscador form fieldset i {color: #DA1F29; vertical-align: middle;}
div.buscador form fieldset span {font-size: 12px; text-align: left; font-weight: bold; color:white;}
div.buscador form fieldset label {font-size: 12px; text-align: left; color:white;}
div.buscador form fieldset select { padding: 5px;  margin-top: 5px; margin-bottom: 5px;}
div.buscador form fieldset input {padding: 5px;}
div.buscador form fieldset input#submit {text-transform: uppercase; border-radius: 2px; border: 2px solid #DA1F29; padding: 4px 8px 4px 8px; background-color: #DA1F29; color:white; cursor:pointer; } 
div.buscador form fieldset input#submit:hover {background-color: white; color: #DA1F29; transition: background-color,1s;}

div.map_contenedor {border: 2px solid #03AE48; margin-bottom:10px;  display: inline-block; width:99%; overflow:hidden; height:370px; border-radius:5px; /*box-shadow: 1px 2px 2px #8c8c8c;*/}
div#map_canvas {font-size: 10px; text-align: center; vertical-align: middle; width: 100%; min-height: 300px;  height: calc(100% + 25px);}
div#map_canvas_rc {width: 100%; height: calc(100% + 55px);}

div.map_contenedor_ruta {border: 2px solid #03AE48; margin-bottom:10px;  display: inline-block; width:100%; overflow:hidden; height:440px; border-radius:5px; /*box-shadow: 1px 2px 2px #8c8c8c;*/}
div#map_canvas_ruta {font-size: 10px; text-align: center; vertical-align: middle; width: 100%; min-height: 370px;  height: calc(100% + 25px);}

div.mapa_contenido {text-align: center; padding:10px;}
div.mapa_contenido h1 {font-size: 10px;}
div.mapa_contenido a {font-size: 12px; font-weight: bold; text-decoration: none; font-size: 10px; color:#03AE48; padding: 2px; border-radius: 4px;}
div.mapa_contenido a:hover {background-color: #03AE48; color: white;}
div.mapa_contenido img {border-radius:5px; width: 80px;}

div.contacto p {color: white; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
div.contacto ul {margin-left: 10px !important;}
div.contacto li span {color: white !important; font-size: 12px; font-weight: bold;}
div.contacto li { list-style: square !important; color: white; font-size: 12px; }

div#video_i_wrap {background-color:black; padding-bottom: 10px; padding-top: 10px;}
div#videoWrapper {
    text-align: center;
    max-width: 1080px;
    margin: 0px auto;
    margin-bottom: 0px;
}


div#explora_wrap {background-color:black; padding-bottom: 20px;}
div#explora {
    max-width: 1080px;
    margin: 0px auto;
    margin-bottom: 20px;
}
div#explora h1 {padding: 2% 2% 0% 2%;  margin-bottom: 10px; font-size: 3em; font-family: 'Poly', serif; color: white; text-transform: lowercase; font-style: italic;}
div#explora h1>img {vertical-align: middle; margin-right: 10px; width: 50px;}
div#explora p {margin-bottom: 10px; text-align: justify; font-style: italic;  color: white; font-size: 17px !important; padding: 0% 2% 15px 2%; }
div#explora>div { padding-top: 25px;  width:100%; text-align: center; margin-left: 1%;}
div#explora>div>div {vertical-align: top; padding: 1% 1% 0% 1%; text-align: left; /*border-right: 1px dotted #606060;*/ width: 21.2%; display: inline-block;}
/*div#explora>div>div:last-child{border-right: none;}*/
div#explora>div>div:first-child{/*border-left: 1px dotted #606060;*/}

div#explora>div>div>div {width: 30%; margin-right: 0px; float: left; position: relative;}
div#explora>div>div>div i {color: white;}

div#explora>div>div>div img:first-child {width:100%; border-radius:5px;}
div#explora>div>div>div img:last-child {position: absolute; bottom: 10px; left: 5px; width: 40%; display: none;}


div#explora>div>div h2 {font-size: 17px; color:white; text-transform: uppercase; font-family: Arial; margin-bottom: 4px;}
div#explora>div>div p {font-size: 13px; color:white; margin-top: 10px; margin-bottom: 5px;  }
div#explora>div>div a {font-weight: bold; font-style: normal !important; font-size: 14px; color:white; text-decoration: none; border-radius:5px; padding:2px 10px 2px 10px; background-color: #DA1F29;}
div#explora>div>div a:hover {background-color: white; color:black;}

@media (max-width :900px){
    div#explora>div>div {width: 44.4%; margin-bottom:10px;} 
    div#explora>div>div>div {width: 30%;}
}
@media (max-width :600px){
    /*div#explora>div>div {width: 45%; margin-bottom:10px; border-right:none; border-bottom:1px solid white;} */
    
    div#explora h1 {font-size:2em;}
    div#explora p { font-size:15px !important;}
}
@media (max-width :500px){
    div#explora>div>div>div {width: 100%; text-align: center;}
    div#explora>div>div h2 { width:100%; text-align: center; font-size:14px;}
    div#explora>div>div p {width:100%; text-align: center;}
}
@media (max-width :400px){
    div#explora h1 {font-size:1.5em;}
}

div#footer_wrap {background-color:black; padding-bottom: 10px;}
div#footer {
    max-width: 1080px;
    margin: 0px auto;
    color: white;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
}
div#footer>div{display: inline-block; padding: 1%; text-align: center}
div#footer>div i{vertical-align: middle; margin-right: 5px; margin-left: 5px; cursor: help;}
div#footer>div p{margin-bottom: 10px;}
div#footer>div a { color: white; text-decoration: none; vertical-align: middle; padding: 2px; border-radius:5px; }
div#footer>div a:hover { color: white; background-color: #DA1F29;}
div#footer>div:nth-child(1){width:100%;}

@media (max-width :900px){
    div#footer>div:nth-child(1){width:95;}
}
@media (max-width :600px){
    div#footer>div {text-align: left; padding-left: 2%;}
    div#footer>div span{display: block; margin-bottom: 5px;}
}
@media (max-width :400px){

}

div#footer_logos_wrap {background-color:white; padding-bottom: 10px;}
div#footer_logos {
    max-width: 800px;
    margin: 0px auto;
    color: white;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    margin-top:10px;
    margin-bottom: 10px;
}
div#footer_logos img{max-width: 98%;}

/* Logo Diputación */
/* Sobreescribimos clase heredada para evitar fondo rojo on hover */
div.logo_diputacion{
	margin-top:40px;
}
div.logo_diputacion a:hover {
	background-color:transparent !important;
}