/*-- Estilos CLM --*/

@import url(menu-secciones.css);
@import url("style-new-web.css");
@import url("fontello.css");
	
@font-face {
   font-family: 'OpenSans-Regular';
   src: url(https://ww.clm-granada.com/fonts/OpenSans-Regular.ttf)format('truetype');
}
@font-face {
   font-family: 'OpenSans-CondLight';
   src: url(https://www.clm-granada.com/fonts/OpenSans-CondLight.ttf)format('truetype');
}
/* latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html, body{
	/*font-family: 'OpenSans-Regular', sans-serif;*/
	font-size: 1em;
	background: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
	/*margin-top: 0;*/
	color:#d8001d;
	font-weight: 400;
}
hr {
    margin: 15px 0;
    border-width: 2px 0 0 0;
    border-style: solid none;
    border-color: #ddd;
    border-image: none;
}
ul, ol {
	padding: 0;
	margin: 0;
}
p {	margin: 0; padding-bottom: 10px;}

body a {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.fuente-awesome {font: normal normal normal 15px/1 FontAwesome;}

a[href $='.jpg']:after,
a[href $='.pdf']:after,
a[href *='nube.']:after,
a[href $='.mp3']:after,
a[href $='.webm']:after{
	font: normal normal normal 15px/1 FontAwesome; 
	padding-left: 0.6em;
}
a[href $='.pdf']:after,
a[href *='nube.']:after{
	content: "\f1c1";
}
/*-- Evita que las imágenes con enlaces a Pdfs muestre el icono Pdf --*/
a[href $='.pdf'].enlace-img-pdf:after {
	content: "";
}
a[href $='.mp3']:after {
	content: "\f1c7";
}
a[href $='.webm']:after {
	content: "\f1c8";
}
/*a[href $='.jpg']:after {
	content: "\f1c5";
}*/



.color-cabecera {background:#d8001d}
/*.color-cabecera {background:#b800d8} Color morado día de la mujer*/
.banner {
	background: url(https://www.clm-granada.com/img/banner.jpg) no-repeat center top;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 520px;
}
.logo {float: left;}
.logo_centrado,
.logo_centrado img {margin:0 auto;}
.header {padding: 0;}
.alineado-txt-der {text-align:right;}
.alineado-txt-izq {text-align:left;}

/*-- header_top --*/
.header_top {padding: 15px 0 5px;}
.top_left {float: left;}
.top_left h2 {
	text-transform: uppercase;
	font-size: 12px;
	color: #FFF;
}
.top_left h2 a {
	color: #000;
	margin-right: 10px;
	padding: 6px 20px;
	background: #FC3;
	border: 1px dotted;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.top_left h2 a:hover {
	background: #fff;
	text-decoration: none;
}
.top_right {
	float: right;
	color: #fff;
	margin-top: 7px;
	text-align:center;
}
.top_right ul {
	padding: 0;
	list-style: none;
	color: #fff;
}
.top_right ul li {
	display: inline-block;
	margin-right: 10px;
}
.top_right ul li:last-child {
	margin-right: 0;
}
.top_right ul li a {
	text-align: center;
	padding: 0px 4px;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.top_right ul li a:hover {
	color: #f7c9cf;
	text-decoration: none;
}
.top_right ul li a span i {padding-right:5px;}
.float-right {float:right;}
.float-left {float:left;}
.texto_justificado{text-align:justify;}
.centrado_bloque{margin: 0 auto;}
.centrado_txt{text-align:center;}
/* Menu eLADE */
.cabecera-menu-elade {
	background-image: url("../img/logotipos/elade.gif");
	background-position:10px center;
	background-repeat:no-repeat;
	background-color:#d8001d;
	display:block;
	padding:10px 5px;
}
.cabecera-menu-elade div {
	border-top: 1px dotted #fff;
	color:#fff;
	float:left;
	margin: 0 5px 0 0;
	position:relative;
	text-align:center;
	top:80px;
	width:165px;
	padding: 2px 0;
}
.cabecera-menu-elade ul {
	border-left: 1px dotted #fff;
    list-style-type: none;
    margin:0;
	overflow: hidden;
    padding-left:10px;
}
.cabecera-menu-elade li{
	float:left;
	text-align:center;
	margin:2px 2px;
}
.cabecera-menu-elade li a{
	border:1px;
	border-color: #d8001d #d8001d #fff #d8001d; 
	border-style: dotted;
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
}
.cabecera-menu-elade li a:hover {
	border-style: solid;
	color: #fff;
}
/* Banner Moodle */
.tuto-moodle {
	background: url(../img/svg/monitor.svg);
	background-repeat: no-repeat;
	background-size: 95px;
	background-position: 20px center;
	margin-top: 10px;
	background-color: #d8001d;
	text-align: center;
	width: 100%;
	min-height: 100px;
	padding: 10px;
}
.tuto-moodle > div {
	padding-left: 120px;
}
.tuto-moodle h3,
.tuto-moodle a{
	color: #fff !important;
}
.botones-moodle{
	min-height: 40px !important;
	padding-top:10px !important;
}
.botones-moodle:hover{
	background-color: #fff;
}
.botones-moodle:hover a{
	color: #d8001d !important;
}
/* Fin Banner Moodle */

/* Fin Menu eLADE */

/*Colores*/

.color11 {color:#d8001d;}
.color12 {color:#F94B4B;}
.color13 {color:#FFF;}
.color14 {color:#424242;}
.color15 {color:#31708f;}
.color16 {color:#999;}
.color-curso_pasado {color:#777;}
.color-curso_pasado div.panel-heading{background-color:#ddd; color:#777}

/*Fondos Colores*/
.fondo-blanco{ background-color:#FFF;}
.fondo-gris{ background-color:#DDD;}
.fondo-gris-claro{ background-color:#EEE;}
.fondo-naranja{ background-color:#d8001d;}
.fondo-naranja-claro {background-color:#FFE2D7;}
.fondo-verde-claro {background-color:#EEEEE0;}

/*Lineas*/
.linea-gris{ border-bottom:1px solid #ddd;}

/*Tamaños predefinidos*/

.width75 {width:75%;}
.width50 {width:50%;}
.width25 {width:25%;}

/*Estilos DIVs*/
.clear-both{ clear:both}

/* Ajuste iframes videos */
.embed-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ---- */

/*  Iframes  */


.responsive-iframe {
  width: 100%;
  height: 1500px;
}

/* --  Intercambio -- */
.circle-numero {
    display: block;
    width:100px;
    height:100px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
	font-size:4em;
	text-align:center;
	margin: 0 auto;
}
.circle-numero:hover {transform: rotate(360deg); transition-duration: 2s;}
.circulo-opcion1{
	background: #f19b1a; 
	border: 5px solid #f8cd8c;
	color:#fff;
	font-weight:bold;
}
.circulo-opcion2{
	background: #5dc10c; 
	border: 5px solid #d7fabb;	
	color:#fff;
	font-weight:bold;
}
.circulo-opcion3{
	background: #0c89d8; 
	border: 5px solid #a7d4f1;
	color:#fff;
	font-weight:bold;
}
.filtro-img { 
	position: relative; 
	overflow: hidden; 
	-moz-transform: scale(0.9); 
	-webkit-transform: scale(0.9); 
	transform: scale(0.9);
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
	transition: all 0.5s;
}
.filtro-img:hover{
	-moz-transform: scale(1); 
	-webkit-transform: scale(1); 
	transform: scale(1);
}
.line-right {border-right: 1px dashed #ccc}
.line-left {border-left: 1px dashed #ccc}
.line-right-gruesa {border-right: 2px dashed #d8001d}
.line-left-gruesa {border-left: 2px dashed #d8001d}


.lista_eventos {
	list-style-type:none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.lista_eventos li {width: 48%; margin: 0 0 5px 0;}
.lista_eventos li a > div {
		width:250px;
		height:120px;
		margin: 0 0 0 2px;
}
.lista_eventos li a div img {
	display: block;
	position: relative;
}
.lista_eventos li a div div{
	background: rgba(0, 0, 0, 0.6);
	display: block;
	position: relative;
	padding:8px 5px 2px 5px;
    right: 0px;
    bottom: 41px;
	text-align:right;
	color:#fff;
	font-weight:bold;
}
.lista_eventos li:hover a div div{
	background: rgba(216, 0, 29, 0.9);
}
.lista_eventos li a div div p,
.lista_eventos li a div div span{ 
	padding:0;
	margin:0;
}
.lista_eventos li a div div p{
	line-height:70%;
	font-size:0.9em;
}
.lista_eventos li a div div span{
	color:orange;
	font-size:0.8em;
}

/*--*/
/*-- eLADE - DELE --*/
.menu-elade-principal,
.menu-dele-principal {width:60%;}
/*--*/

/*-- Lista profesores --*/

.cv_profesores {
	display:grid;
	grid-template-columns: auto auto auto;
  	grid-gap: 15px;
}
.cv_profesores > div {
	border-bottom: 1px dotted #999;
	padding:10px;
}


.cabecera-profesores {
	width:100%;
	padding:0 0 15px 0;
	overflow:hidden;
}
.cv_profesores > div > div.content_box > h4{
	text-align:center;
	text-transform: uppercase;
}
.cv_profesores > div > div.content_box > p{
	text-align:center;
}
.cv_profesores.cv_profesores-idioma-esp > div > div.content_box > p.profesor-clm-idioma:before{
	content: "Profesor CLM"
}
.cv_profesores.cv_profesores-idioma-esp > div > div.content_box > p.profesor-ugr-idioma:before{
	content: "Profesor UGR"
}
.cv_profesores.cv_profesores-idioma-esp > div > div.content_box > p.profesor-ext-idioma:before{
	content: "Profesor Externo"
}
.cv_profesores.cv_profesores-idioma-esp > div > div.content_box > p.profesora-clm-idioma:before{
	content: "Profesora CLM"
}
.cv_profesores.cv_profesores-idioma-esp > div > div.content_box > p.profesora-ugr-idioma:before{
	content: "Profesora UGR"
}
.cv_profesores.cv_profesores-idioma-esp > div > div.content_box > p.profesora-ext-idioma:before{
	content: "Profesora Externa"
}
.cv_profesores.cv_profesores-idioma-ing > div > div.content_box > p.profesor-clm-idioma:before,
.cv_profesores.cv_profesores-idioma-ing > div > div.content_box > p.profesora-clm-idioma:before{
	content: "CLM Teacher"
}
.cv_profesores.cv_profesores-idioma-ing > div > div.content_box > p.profesor-ugr-idioma:before,
.cv_profesores.cv_profesores-idioma-ing > div > div.content_box > p.profesora-ugr-idioma:before{
	content: "UGR Teacher"
}
.cv_profesores.cv_profesores-idioma-ing > div > div.content_box > p.profesor-ext-idioma:before,
.cv_profesores.cv_profesores-idioma-ing > div > div.content_box > p.profesora-ext-idioma:before{
	content: "External Teacher"
}
.foto-profesores {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 125px;
    width: 125px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
	/*para Firefox*/
	-moz-border-radius: 50%;
	-moz-box-shadow: #B3B3B3 3px 3px 3px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 50%;
	-webkit-box-shadow: #B3B3B3 3px 3px 3px;
	/* para Opera */
	border-radius: 50%;
	box-shadow: #B3B3B3 3px 3px 3px;
	background-size: 100% auto;
	border: 2px solid #eee;
	margin:auto;
	transition: all .5s;
}

.foto-profesores:hover{
	transform: rotate(15deg) scale(1.05);
}

.correo-profesores{
	padding: 40px 0 0 20px;
}
/*--*/

/* CV Profesores*/
.lista_profesores {border-bottom: 1px dotted #999; margin: 5px 0; height:240px;}

/* Galería de exposiciones Cabecera*/
.flex-container-g-expo {
	width:100%;
	display:block;
	width: 100%;
	position:relative; 
	background-repeat:no-repeat;
	background-size:cover; 
	background-position:center;
	min-height:300px;
	margin-bottom: 60px;
}
.expo-texto {
	width: 100%;
	max-width: 400px;
	position:absolute; 
	right: 10px;
	bottom: -60px; 
	background-color:rgba(0,0,0,1); 
	color: #fff; font-size: 1em; 
	line-height:.9em; 
	padding: 20px 15px 10px 15px;
	text-align:center;
} 


/* -----------  ACEPTACIÓN DE COOKIES ------------------ */
.cookies {
    display:scroll;
    position:fixed;
    bottom:20px;
    right:20px;
	z-index: 99;
	background-color: #ffffff;
	padding: 10px 15px;
	font-size: 12px;
	border-radius: 20px;
	background-color: #eee;
	text-align: center;
	text-decoration: none;
}

.cookies:hover{
	background-color: #337ab7;
	color: #fff;
	text-decoration: none;
}

/* Ocultar icono flotante de iubenda-cookies */
a.iubenda-tp-btn.iubenda-cs-preferences-link {
    display: none !important;
}

/* Estilos Tablas */
.table-footer{ font-size:0.9em;}

/* Apartados y Subapartados */
.apartado-1:before, .subapartado-1-1:before, .subapartado-1-1-1:before, .subapartado-1-1-1-1:before, .subapartado-1-1-1-1-1:before {
	font: normal normal normal 14px/1 FontAwesome; 
	padding-right: 0.3em;
	color:#d8001d;
	margin-left: -0.65em;
}
.apartado-1:before {content: "\f0c8"; font-size: 0.9em;}
.subapartado-1-1:before {content: "\f138";}
.subapartado-1-1-1:before {content: "\f0da";}
.subapartado-1-1-1-1:before {content: "\f105";}
.subapartado-1-1-1-1-1:before {content: "\f101";}
.atencion:before,
.info:before{
	font: normal normal normal 14px/1 FontAwesome; 
	color:#d8001d;
}
.atencion:before {content: "\f06a"; font-size: 2em;}
.info:before {content: "\f05a"; font-size: 1.8em;}

/*-- Tabla CLM01 --*/
.table-clm01 {
	margin: 10px auto;
}
.table-clm01 > tbody > tr:nth-child(1)>th {
	background-color:#FFE2D7;
	height:40px; 
	border-style:solid;
	border-width: 0 0 3px 0;
}
.table-clm01 > tbody > tr:nth-child(2n+3) {background-color: #eee;}
.table-clm01 > tbody > tr > th {background-color:#FFE2D7; color:#424242; text-align:center;}

.table-clm01 > tbody > tr > td,
.table-clm01 > tbody > tr > th {
	border-width: 0 0 1px 0;
	border-style:dotted;
	border-color: #d8001d;
	padding:5px 5px;
}
.table-clm01 > tbody > tr > td.table-footer {text-align:left;}
.table-clm01 > tbody > tr > td.table-left p,
.table-clm01 > tr > td.table-left p{text-align:left;}

/* Tablas CLM02 */

.table-clm02 > tbody > tr > td,
.table-clm02 > tbody > tr > th {
	border-style:solid;
	border-width: 1px;
	border-color: #FFE2D7;
}
.table-clm02 > tbody > tr > td,
.table-clm02 > tbody > tr > th {
	padding: 5px;
}
.table-clm02 > tbody > tr:nth-child(1)> th {
	background-color:#FFE2D7;
	height:40px; 
	border-color: #d8001d;
	border-style:solid;
	border-width: 0 0 3px 0;
}
.table-clm02 > tbody > tr > th {background-color:#FFE2D7; color:#424242; text-align:center;}
.table-clm02 > tbody > tr:nth-child(n+3) > th {text-align:left;}

/* -- */

/* Tablas CLM 3 */

.table-clm03 > tbody > tr > td,
.table-clm03 > tbody > tr > th {
	padding: 10px;
}
.table-clm03 { border-collapse: separate; border-spacing:  3px 0;}
.table-clm03 > tbody > tr > th,
.table-clm03 > tbody > tr > td {
	/*background-color:#FFE2D7;*/
	height:15px; 
	border-color: #d8001d;
	border-style: dotted;
	border-width: 0 0 1px 0;
}
.table-clm03 > tbody > tr:last-child > th,
.table-clm03 > tbody > tr:last-child > td {border-width: 0;}
.table-clm03 > tbody > tr > td:nth-child(2),
.table-clm03 > tbody > tr > td:nth-child(3) {
	font-weight:bold;
	text-align:center;
}
.table-clm03 > tbody > tr > td:last-child {
	width:50px;
}
.table-clm03 > tbody > tr > td:last-child > input[type='radio'] {
	transform: scale(1.4);
    -webkit-transform: scale(1.4);
}

/* Tablas Folletos CLM */

.table-listado-folletos-clm{
	width: 100%;
}

.table-listado-folletos-clm tr td:nth-child(n+2){
	text-align:center;
}

.table-listado-folletos-clm tr:nth-child(2n+3){
	background-color: #eee;
}

.table-listado-folletos-clm tr  td,
.table-listado-folletos-clm tr th {
	padding: 5px;
}

.table-listado-folletos-clm  tr{
	border-bottom: 1px solid #FFE2D7;
}

.table-listado-folletos-clm  tr  th {
	background-color:#FFE2D7;
	font-weight: bold;
	color:#424242; 
	text-align:center;
	height:40px; 
	border-bottom: 3px solid #d8001d;
}

.table-listado-folletos-clm tr:hover{
	background-color:  #FFE2D7;
}

.table-listado-folletos-clm tr td a[href $='.jpg']:after {
	content: "\f1c5";
}

/* Tablas PDROTECCION DE DATOS CLM */

.table-clm-pdatos > tbody > tr > td,
.table-clm-pdatos > tbody > tr > th {
	padding: 10px 20px;
}
.table-clm-pdatos { border-collapse: separate; border-spacing:  3px 0;}
.table-clm-pdatos > tbody > tr > th,
.table-clm-pdatos > tbody > tr > td {
	height:15px; 
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 0 1px 0;
}

.table-clm-pdatos > tbody > tr:nth-child(2n+2) > td {background-color:#f5f5f5;}
.table-clm-pdatos > tbody > tr > td.table-footer {background-color:#fff;}

/* Tablas CLM 4 */

.table-clm04 > tbody > tr > td,
.table-clm04 > tbody > tr > th {
	padding: 10px 20px;
}
.table-clm04 { border-collapse: separate; border-spacing:  3px 0;}
.table-clm04 > tbody > tr > th,
.table-clm04 > tbody > tr > td {
	height:15px; 
	border-color: #ddd;
	border-style: solid;
	border-width: 0 0 1px 0;
}

.table-clm04 > tbody > tr:nth-child(2n+2) > td {background-color:#f5f5f5;}
.table-clm04 > tbody > tr > td.table-footer {background-color:#fff;}

/* Tablas Tabla Niveles */
.tabla-niveles {margin: 0 auto;}
.tabla-niveles > tbody > tr > th,
.tabla-niveles > tbody > tr > td {border:1px solid #d8001d}
.tabla-niveles > tbody > tr > th,
.tabla-niveles > tbody > tr > td {padding:5px;}
.tabla-niveles > tbody > tr:nth-child(2) > th {
	background:#d8001d;
	color:#FFF;
	text-align: center;
}
.tabla-niveles > tbody > tr:nth-child(2) > th:nth-child(1),
.tabla-niveles > tbody > tr:nth-child(2) > th:nth-child(2),
.tabla-niveles > tbody > tr:nth-child(2) > th:nth-child(3) {border-right:1px solid #FFE2D7;}

.tabla-niveles > tbody > tr:nth-child(1) > td:nth-child(1),
.tabla-niveles > tbody > tr:nth-child(1) > td:nth-child(2),
.tabla-niveles > tbody > tr:nth-child(1) > td:nth-child(3) {border:0;}
.tabla-niveles > tbody > tr:nth-child(1) > td:nth-child(4) {
	background-color:#FFE2D7; 
	text-align: center;
}
.tabla-niveles > tbody > tr > th {background:#FFE2D7;}
.tabla-niveles > tbody > tr > td:nth-last-child(1),
.tabla-niveles > tbody > tr > td:nth-last-child(2),
.tabla-niveles > tbody > tr > td:nth-last-child(4) {text-align: center;}

/* -- */


/* Tablas Tabla Niveles DELE */
.tabla-niveles-dele {margin: 0 auto;}
.tabla-niveles-dele > tbody > tr > th,
.tabla-niveles-dele > tbody > tr > td {border:1px solid #d8001d}
.tabla-niveles-dele > tbody > tr > th,
.tabla-niveles-dele > tbody > tr > td {padding:5px;}
.tabla-niveles-dele > tbody > tr:nth-child(2) > th {
	background:#d8001d;
	color:#FFF;
	text-align: center;
}
.tabla-niveles-dele > tbody > tr:nth-child(2) > th:nth-child(1),
.tabla-niveles-dele > tbody > tr:nth-child(2) > th:nth-child(2),
.tabla-niveles-dele > tbody > tr:nth-child(2) > th:nth-child(3) {border-right:1px solid #FFE2D7;}

.tabla-niveles-dele > tbody > tr:nth-child(1) > td:nth-child(1),
.tabla-niveles-dele > tbody > tr:nth-child(1) > td:nth-child(2),
.tabla-niveles-dele > tbody > tr:nth-child(1) > td:nth-child(3),
.tabla-niveles-dele > tbody > tr:nth-child(1) > td:nth-child(4) {border:0;}
.tabla-niveles-dele > tbody > tr:nth-child(1) > td:nth-child(5) {
	background-color:#FFE2D7; 
	text-align: center;
}
.tabla-niveles-dele > tbody > tr > th {background:#FFE2D7;}
.tabla-niveles-dele > tbody > tr > td:nth-last-child(1),
.tabla-niveles-dele > tbody > tr > td:nth-last-child(2),
.tabla-niveles-dele > tbody > tr > td:nth-last-child(3),
.tabla-niveles-dele > tbody > tr > td:nth-last-child(4) {text-align: center;}

/* -- */

/* Tablas Tabla Niveles */
.tabla-progresion {margin: 0 auto; width:100%}
.tabla-progresion > tbody > tr > th,
.tabla-progresion > tbody > tr > td {border:1px solid #d8001d; padding:5px}
.tabla-progresion > tbody > tr > th {background:#FFE2D7;}
.tabla-progresion > tbody > tr:nth-child(2) > td:nth-child(4),
.tabla-progresion > tbody > tr:nth-child(n+2) > td:nth-child(3),
.tabla-progresion > tbody > tr:nth-child(n+3) > td:nth-child(2) {text-align: center;}

/* -- */

/* Tablas Tabla 3 */
.tabla_3 {margin: 0 auto;}
.tabla_3 > tbody > tr > th,
.tabla_3 > tbody > tr > td {border:1px solid #d8001d}
.tabla_3 > tbody > tr > th,
.tabla_3 > tbody > tr > td {padding:5px;}
.tabla_3 > tbody > tr > th {background:#FFE2D7;}
.tabla_3 > tbody > tr > td {text-align: center;}

/* -- */

/* Tabla Asignaturas */

.tabla-asignaturas{
	width: 95%;
	margin: 0 auto;
}
	/* Oculta la columna de asignatura impartidas en inglés en CEH */
	.tabla-asignaturas-ceh tr th:first-child,
	.tabla-asignaturas-ceh tr td:first-child,
.tabla-asignaturas-ceh-ing tr th:first-child,
	.tabla-asignaturas-ceh-ing tr td:first-child{
		display:none;
	}
	/* -------- */
.tabla-asignaturas tr th,
.tabla-asignaturas tr td{
	padding: 6px
}
.tabla-asignaturas tr td{
	border-bottom: 1px dotted #ddd;
}
.tabla-asignaturas tr:hover:not(.sec_asig){
	background-color: #efefef;
	position: relative;
}

.tabla-asignaturas tr:first-child > th {
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
.tabla-asignaturas tr:first-child th{
	background-color: #eee;
	border-bottom: 2px solid #d8001d;
}

.tabla-asignaturas tr:first-child > th:not(:nth-last-child(3)) p{
	writing-mode: vertical-rl;
}
.tabla-asignaturas tr:first-child > th:nth-child(1) p span,
.tabla-asignaturas tr:first-child > th:nth-child(2) p span{
	font-size: 0.7em;
}
.tabla-asignaturas > tbody > tr > td:not(:nth-last-child(3)){
	text-align: center;
}

.tabla-asignaturas tr:first-child > th:nth-last-child(5),
.tabla-asignaturas tr:first-child > th:nth-last-child(4){
	width: 55px;
}
.tabla-asignaturas tr:first-child > th:nth-last-child(2),
.tabla-asignaturas tr:first-child > th:nth-last-child(1){
	width: 35px;
}
.opcion-periodo {cursor: pointer}

.sec_asig td:nth-child(3) {
	font-weight: bold;
	text-align: left;
}
.sec_asig{
	background-color: #fbf0ec;
}
.tabla-asignaturas tr > td.bloque-off  span::before{
	color: lightgrey;
	content: "\f057";
}
.tabla-asignaturas tr > td.bloque-on  span::before{
	color: green;
	content: "\f058";
}

/* Iconos para los periodos de Otoño y Primavera */
.tabla-asignaturas tr > td.bloque-off  span::before,
.tabla-asignaturas tr > td.bloque-on  span::before,
.tabla-asignaturas tr td:nth-last-child(2) span::before,
.tabla-asignaturas tr td:nth-last-child(1) span::before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
/* Otoño */
.ta-otono td:nth-last-child(2) span::before{
	content: "\f058";
	color: green;
}
.ta-otono td:nth-last-child(1) span::before{
	content: "\f057";
	color: lightgrey;
}
/* Primavera */
.ta-primavera td:nth-last-child(2) span::before{
	content: "\f057";
	color: lightgrey;
}
.ta-primavera td:nth-last-child(1) span::before{
	content: "\f058";
	color: green;
}
/* Otoño - Primavera */
.ta-otono-primavera td:nth-last-child(2) span::before{
	content: "\f058";
	color: green;
}
.ta-otono-primavera td:nth-last-child(1) span::before{
	content: "\f058";
	color: green;
}
.tab-ceh-clce,
#asignaturas,
#asignaturas div{
	padding: 10px 0px !important;
}

/* Fin Tabla Asignaturas*/
/* -- Estilos de los Modales de Asignaturas CEH/CLCE -- */
.modal-body div h3{
	font-size: 1.5em;
	margin: 0 0 10px 6px;
	text-transform: uppercase;
	text-align: left;
}
.modal-body div h4{
	margin: 10px 0 5px 7px;
	text-transform: uppercase;
}
.modal-body div h3::before{
	content: "> ";
	padding: 0px;
	position: absolute;
	left: 6px;
}
.modal-body div p{
	padding: 0  15px;
}

.modal-body div ul,
.modal-body div ol{
	padding-left: 20px;
}


/* Estilos Tablas cursos de español */

div[id*="calendario"] div div table.table-clm01 tbody tr td{
	text-align: center;
}
div[id*="precios"] div div table.table-clm01 tbody tr td{
	text-align: center;
}
div[id*="precios"] div div table.table-clm01 tbody tr td.table-footer{
	text-align: left;
}
/* -- */

/*-- Grids - Tipo Tabla --*/
.row.table-grids {
    display: table;
	border-spacing: 5px;
	overflow:hidden;
}
.row.table-grids > div {
    display: table-cell;
    float: none;
}
/*
.row.table-grids.table-grids2 div > div,
.row.table-grids.table-grids3 div > div,
.row.table-grids.table-grids4 div > div,
.row.table-grids.table-grids5 div > div {
    display:block;
	width: 100%;
}
*/
.row.table-grids.table-grids2 > div {
	width:50%;	
}
.row.table-grids.table-grids3 > div {
	width:33.33%;	
}
.row.table-grids.table-grids4 > div {
	width:25%;	
}
.row.table-grids.table-grids5 > div {
	width:20%;	
}
/*--  --*/

.descarga-folletos {
	text-align:center;
	padding: 5px;
}
.descarga-folletos p:first-of-type{
	display:block;
	background: #424242;
	padding: 2px;
	color: #FFF;
	margin: 5px 0;
}
.descarga-folletos span {
	display:block;
	padding: 2px;
	color: #424242;
	margin: 5px 0;
}
.descarga-folletos img {
	border-radius: 7px;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari y navegadores que usen WebKit */
	box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	border: 1px solid #eee;
}
.descarga-folletos img:hover {
	box-shadow: 1px 1px 2px rgba(254,109,54,.5);
 	-webkit-box-shadow: 1px 1px 2px rgba(254,109,54,.5);
	-moz-box-shadow: 1px 1px 2px rgba(254,109,54,.5);
}
.descarga-folletos a[href $='.pdf']:after {content: "";}
.planificacion-cursos {
	margin:10px 0;
	padding:10px;
}
.planificacion-cursos,
.planificacion-cursos img {
	text-align:center;
	border-radius: 7px;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari y navegadores que usen WebKit */
	box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	border: 1px solid #eee;
}
.planificacion-cursos img:hover {
	box-shadow: 1px 1px 2px rgba(254,109,54,.5);
	-webkit-box-shadow: 1px 1px 2px rgba(254,109,54,.5);
	-moz-box-shadow: 1px 1px 2px rgba(254,109,54,.5);
}
.planificacion-cursos {padding:10px;}
.planificacion-cursos p {
	background: #424242;
	display:block;
	padding: 5px;
	color:#FFF;
	margin-bottom: 10px;
}
.planificacion-cursos a[href $='.pdf']:after {content: "";}
.fuente_nota { font-size:0.8em;}

/* -------------------- Migas de pan -------------------- */
.migas {margin: 10px 0; font-size: 0.8em}
.migas ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.migas li{display: inline;}
.migas li a {
	font-size: 0.95em;
	color:#999;
	padding-left:5px;
	text-decoration:none;
}
.migas li a::before {content: "> ";}
.migas li:last-child a {color: #666;}
.migas li a:hover {color: #d8001d}
/* ---------------------------------------- */

/* Lista de Actividades */
.lista_actividades ul {margin:15px 0 0 25px;}
.lista_actividades ul li {padding:5px;}
.lista_actividades h4 {padding:10px 60px;}

/* Lista de Asignaturas */
.lista-asignaturas {list-style:none;}
.lista-asignaturas li {padding:3px 0;}
.lista-asignaturas li p {
	text-indent: -1.05em;
	padding-left: 1.05em;
}
.lista-asignaturas li span {font-size:1.3em; line-height:1em; padding-right:5px;}
span.esp {color:#d8001d;}
span.ing {color:#eb7f8e;}
span.blanco {color:#FFF;}
.lista-asignaturas li span.ind {color:#CCC;}
.lista-asignaturas li.asig-bloque {
	font-weight:bold;
	color:#d8001d;	
}
.lista-asignaturas li.asig-bloque:before {content:"";}
/* -- */

/* Lista de Actividades Culturales y Deportivas */
.lista-actividades {list-style:none}
.lista-actividades li {display: inline-block; padding-right:5px; border-right: 1px solid #d8001d}
.lista-actividades li a {color: #fff}
.lista-actividades li:last-child {border-right: 0; display: block; padding-top: 10px; font-size: 1em}
.lista-actividades li:last-child a {color: #d8001d}
.lista-actividades li:nth-last-child(2) {border-right: 0}

/* ---- */

/* Lista de Años Opiniones */
.lista-anos_opiniones {list-style:none;}
.lista-anos_opiniones li {
	border-right: 1px solid #d8001d;
	display: inline-block;
	font-size:1.1em;
	padding: 3px 15px; 
}
.lista-anos_opiniones li:last-child {border-right: 0;}

/* Barra progreso Opiniones*/
.valoracion-estudiantes {
	margin: 10px auto;
	overflow: inherit;
	width:80%;
}
.barra-progreso-100,
.barra-progreso-85,
.barra-progreso-80{
	color:#0F8D2D;
	height:85px;
	margin: 0 auto;
	overflow: hidden;
	text-align:center;
	width:150px;
}
.barra-progreso-100 {background: url(https://www.clm-granada.com/img/fondos/escala_opiniones_100.png) no-repeat center center;}
.barra-progreso-85 {background: url(https://www.clm-granada.com/img/fondos/escala_opiniones_30-50.png) no-repeat center center;}
.barra-progreso-80 {background: url(https://www.clm-granada.com/img/fondos/escala_opiniones_00-30.png) no-repeat center center;}

.valoracion-entero {font-size:28px; line-height:120px;}
.valoracion-decimales {font-size:18px;}

/* ----------------- */

/* Lista de Actividades Culturales y Deportivas Páginas Mensuales */
.lista-actividades-mensual {
	padding: 5px 10px 15px;
	text-align:center;
}
.lista-actividades-mensual ul {list-style:none;}
.lista-actividades-mensual li {display: inline-block; padding:0 10px 0 5px; border-right: 1px solid #d8001d;}
.lista-actividades-mensual ul li:last-child{display:block}
.lista-actividades-mensual ul li:last-child,
.lista-actividades-mensual ul li:nth-last-child(2){border-right: 0;}
/* ---- */


.grid-container {
  	display: grid;
	grid-template-columns: 50% auto;
	padding: 10px;
}

.grid-item {
  padding: 10px;
  margin: 10px;
}

/* Lista de Noticias */
/**      Noticias        **/
noticias {
	border-width:1px 0;
	border-color:#ddd;
	border-style: dotted;
	margin-top:10px;
	padding: 10px 0;
}
noticias div {padding:0; margin:0}
noticias div div.noticia {
	border:1px solid #ddd;
	padding:5px;
	min-height:200px;
	margin: 1px;
}

.titulo-noticia {
	background-color:#f8f8f8;
	border-bottom:1px solid #ccc;
	color:#d8001d;
	display:block;
	font-weight:bold;
	font-size:1em;
	padding:5px 10px;
	margin-bottom:5px;
}
.texto-noticia {
	display:block;
	padding:0 10px;
	font-size:1em;
}
.bloque-txt-noticia{
	margin-left:150px;
}
.enlace-noticia {
	display:block;
	padding:0 10px;
	font-size:0.9em;
	text-align:right;
}
.foto-noticia{
	border:1px solid #ccc;
	background-color:#eee;
	float:left;
	margin:0 10px 0 0;
	padding:3px;
	width:133px;
	height:133px;
}
.foto-noticia img{
	margin:0;
	padding:0;
	width: 125px;
	height:125px;
}
.noticia-destacada{
	width: 100%;
	height: 200px;
	border: 1px solid #ccc;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 5px;
}

/*-- Banner Noticias Actividades Culturales y Deportivas --*/
.banner-actividades-esp,
.banner-actividades-ing{
	background-color: #eee;
	padding: 10px;
	width: 100%;
	height: 100%;
}
.banner-actividades-esp div{
	/*background-image: url("../img/noticias/act_culturales-esp.png");*/
	background: url(../../img/svg/banner-actividades-esp.svg) 50% 100% no-repeat;
}
.banner-actividades-ing div{
	/*background-image: url("../img/noticias/act_culturales-ing.png");*/
	background: url(../../img/svg/banner-actividades-ing.svg) 50% 100% no-repeat;
}

/* Coronavirus */

.horario-emergencias{
	background-color: #f80017;
	padding: 10px;
	margin: 10px;
	border: 1px solid #ddd;
	box-sizing: content-box;
	width: 90%;
	color:#fff;
	font-size: 16px;
	margin: 10px auto;
	text-align: left;
}
.horario-emergencias div{
	margin: 5px auto;
}
.horario-emergencias h3,
.horario-emergencias a{
	color:#fff !important;
}
.horario-emergencias a:hover{
	color:yellow !important;
}
.horario-emergencias > div{
	border-bottom: 1px dashed #fff;
}

/*.horario-emergencias{
	background-image: url("../img/atencion-publico.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: grid;
	grid-template-areas: 'myArea myArea';
	grid-template-columns: 50% auto;
	background-color: #f80017;
	margin: 10px;
	padding: 10px;
	border: 1px solid #ddd;
	box-sizing: content-box;
}

.horario-emergencias div h3,
.horario-emergencias div ul,
.horario-emergencias div a{
	color:#fff !important;
}
.horario-emergencias-cabecera{
	grid-area: myArea;	
}
.horario-emergencias div{
	border-bottom: 1px solid #ddd;
}*/
.nosquedamosencasa h1{
		font-size: 2em;
}
@media(max-width: 450px) {
	.nosquedamosencasa h1{
		font-size: 1.6em;
	}
	
	
}
.banner-coronavirus-esp{
	background-image: url(../img/noticias/coronavirus/doctor.png), url(../img/noticias/coronavirus/fondo-coronavirus.jpg);
	background-repeat: no-repeat;
	background-size: contain, cover;
	background-position: left;
	width: 100%;
	height: 187px;
}
.banner-coronavirus-esp div {
	width: 300px;
	padding: 5px;
	background: rgba(34, 69, 130, 0.9);
	color: #ffd99c;
	
	text-align: center;
	font-size: 1.2em;
	position: relative;
	bottom: -120px;
	left:10px;
}

 .banner-coronavirus-esp:hover{
	cursor: pointer
}
.banner-actividades-esp div,
.banner-actividades-ing div{
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	background-size: contain;
	height: 100%;
	width: 100%;
	min-height: 188px;
}
.banner-actividades-esp div:hover,
.banner-actividades-ing div:hover{
	cursor: pointer;
}
/*-- Fin Banner Noticias Actividades Culturales y Deportivas --*/


/* -- */

/* Contactos */

.bloque_contacto {
	border-radius: 7px;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari y navegadores que usen WebKit */
	box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	margin: 10px auto;
	padding: 15px;
	width: 90%;
	background-color:#eee;
	overflow:hidden;
	min-width:305px;
}
.bloque_contacto > p:first-child {font-weight:bold; color:#d8001d; font-size:125%}
.bloque_contacto > p:first-child::before {
	font: normal normal normal 14px/1 FontAwesome; 
	padding-right: 0.3em;
	color:#d8001d;
  	content: "\f05a"; font-size: 1.5em;
}
.bloque_contacto div {margin: 1em auto 0 auto; width: 90%;}

/* Lista Contacto */
.bloque_contacto div ul{list-style:none; margin-bottom: 1em; }
.bloque_contacto div ul li {padding:0.3em 2em;}
.bloque_contacto div ul li p {text-indent: -0.85em;}
.bloque_contacto div ul li p:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f0da";
	color:#d8001d;
}

.bloque_atencion::before {
	font: normal normal normal 14px/1 FontAwesome; 
	padding-right: 0.3em;
	color:#d8001d;
	content: "\f05a"; font-size: 1.5em;
}

/* ---------------------------------------- */


.margen-5{margin:5px;}
.margen-10{margin:10px;}

/* Lista despegables*/
#lista_desplegables{
	list-style:none;
	text-align:justify;
}
#lista_desplegables h1{font-size:1em;}
#lista_desplegables div{padding:5px 0 10px 10px;}

/* Listas */
.lista_01 {list-style:none;}
.lista_01 li {
	padding-left:2em;
	line-height:2em;
}
.lista_01 li:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f0da";
	color:#d8001d;
}

/*  Lista 2  */

.lista_02 {list-style:none;}
.lista_02 li {padding: 0 2em; line-height:2em}
.lista_02 li:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
}
.lista_02 li a {color:#000; text-decoration:none}

/* Lista datos CV Profesores*/

.lista_03 {list-style:none;}
.lista_03 li {
	padding:0 2em;
	line-height:1.5em;
}
.lista_03 li:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f0da";
	color:#d8001d;
}

/* Lista 4 */

.lista_04 {list-style:none;}
.lista_04 li {padding:0 2em;}
.lista_04 li p {text-indent: -0.85em;}
.lista_04 li p a {color:#000; text-decoration:none}
.lista_04 li p a:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f101";
	color:#d8001d;
}

/* Lista 5 */

.lista_05 {list-style:none;}
.lista_05 li {padding:0 2em;}
.lista_05 li p {text-indent: -0.85em;}
.lista_05 li p:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f0da";
	color:#d8001d;
}

/* Lista 6 */

.lista_06,.lista_06 li ul, .lista_06 li ul li ul {list-style:none;}
.lista_06 li {padding:0 2em;}
.lista_06 li p {text-indent: -0.85em;}
.lista_06 li h4, .lista_06 li h5  {text-indent: -0.85em;}
.lista_06 li a {color:#000;}
.lista_06 li p:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f0da";
	color:#d8001d;
}

/* Lista 07 */
.lista_07,
.lista_07 li ul,
.lista_07 li ul li ul {list-style:none;}
.lista_07 li {color:#d8001d; padding:.7em 0 .7em 2em;}
.lista_07 li a {color:#000;}
.lista_07 li a:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f105";
}
.lista_07 li a:hover {color:#d8001d;}
/* --- */


/* Lista AZ-Index */
.lista_az-index,
.lista_az-index li ul,
.lista_az-index li ul li ul {list-style:none;}
.lista_az-index li {color:#d8001d; padding-left:2em;}
.lista_az-index li a {color:#000;}
.lista_az-index li a:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f105";
}
.lista_az-index li a:hover {color:#d8001d;}
/* --- */
.lista_square { list-style-type:square; padding-left: 10px;}
/* Lista Mapa Web */
.lista_mapa-web,
.lista_mapa-web li ul,
.lista_mapa-web li ul li ul {list-style:none;}
.lista_mapa-web li > p {font-size:1.5em}
.lista_mapa-web li ul > p,
.lista_mapa-web li ul > p:before {
	padding: 10px 5px;
	font-weight: bold;
	font-size:1.2em;
	content: "\f0c8 ";
}
.lista_mapa-web li ul > p:before {
	font: normal normal normal 10px/1 FontAwesome;
	line-height:200%;
}
	
.lista_mapa-web li ul li p {font-size:1em}
.lista_mapa-web li {color:#d8001d; padding:.7em 0 .7em 2em;}
.lista_mapa-web li a {color:#000;}
.lista_mapa-web li a:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f105";
}
.lista_mapa-web li a:hover {color:#d8001d;}
/* --- */

/* Lista - Concurso de Fotografía */

.lista_concurso_fotografia {list-style:none; padding-top:10px;}
.lista_concurso_fotografia li {padding:0.3em 0;}
.lista_concurso_fotografia li div.texto_cf {margin:0 7em; display:inline-block; text-align: center; width: 30%; vertical-align:middle}
.lista_concurso_fotografia li span:before {
	font: normal normal normal 12px/1 FontAwesome; 
	padding-right: 0.6em;
	content: "\f061";
	color:#d8001d;
}
.lista_concurso_fotografia li.ano { border-top: 1px dotted #d8001d; }
.lista_concurso_fotografia li a:hover div.img_concurso_fotografia { border-color:#feb69a;}
.lista_concurso_fotografia li div.img_concurso_fotografia {margin-left:10px; vertical-align:middle;}
.lista_concurso_fotografia li div.img_concurso_fotografia {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 75px;
    width: 75px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
    background-size: 100%;
	border: 4px solid #ddd;
	display:inline-block;
}

/* Listas CLM en los Medios */
.lista-clm-medios {list-style:none;}
.lista-clm-medios li{margin-bottom:5px;}
.clm-medios-ano { 
	background-color:#ccc; 
	padding:1em;
}
.clm-medios-noticia {
	border-bottom: 1px solid #ccc; 
	padding: 5px 0; 
	width: 95%
}
.clm-medios-logo {text-align:center;}
.clm-medios-titulo {line-height:1.5em;}

/*------------------------------------------*/

/* Adapatación Galería Fotos anterior 2015 */

.galeria-fotos-antiguas {
	width: 80%; 
	text-align: center;
	margin: 0 auto;
}
.galeria-fotos-antiguas td {
	width:25%;
	text-align:center;
	vertical-align:central;
}
.galeria-fotos-antiguas tr td a {
	border: 1px solid #ddd;
	display: inline-block;
	margin:0.2em;
	padding:1.5em;
/* Bordes redondeados */
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
/* Sombreado */
	box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
  	-moz-box-shadow: 2px 2px 2px #ccc;
  	filter: shadow(color=#ccc, direction=135, strength=2);
}

/*-- --*/

/* Lista - Galería Concurso de Fotografía */

.galeria-concurso-fotografia {
	list-style:none; 
	padding:10px 0;
	width: 90%;
}
.galeria-finalistas {
	width: 70%;
}
.galeria-concurso-fotografia li{
	border: 1px solid #ddd;
	display: inline-block;
	margin:0.2em;
	padding:1.5em;
/* Bordes redondeados */
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
/* Sombreado */
	box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
  	-moz-box-shadow: 2px 2px 2px #ccc;
  	filter: shadow(color=#ccc, direction=135, strength=2);
}
.galeria-concurso-fotografia li:hover {
	/* Sombreado */
	box-shadow: 2px 2px 2px #FEB69A;
	-webkit-box-shadow: 2px 2px 2px #FEB69A;
  	-moz-box-shadow: 2px 2px 2px #FEB69A;
  	filter: shadow(color=#FEB69A, direction=135, strength=2);
}
.galeria-concurso-fotografia li div{ 
/* Tamaño para la galería de fotos  */
	overflow: hidden;
	height: 75px;
    width: 75px;
	text-align:center;
}
.galeria-concurso-fotografia li div a:hover img { border-color:#feb69a;}
.galeria-concurso-fotografia li div a img {vertical-align:middle; height: 100%;}
.galeria-concurso-fotografia div.premiados {
 /* Tamaño para la galería de fotos  */
 	overflow: hidden;
    height: 150px;
    width: 150px;
	margin: 0 auto;
}
.galeria-concurso-fotografia div.premiados img {
    height: 150px;
    width: auto;
}
ul.galeria-concurso-fotografia li p:first-of-type {color: #d8001d;}

/*------------------------------------------*/

/* Lista - Galería Exposición Antiguas */

.exposiciones {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.exposiciones > div.ano-exposiciones{
	border-bottom: 1px dotted #d8001d;
	position: relative;
}
div.ano-exposiciones::after{
	content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #d8001d;
	position: absolute;
	right: 0;
	top:57px;
}
.exposiciones > div:not(.ano-exposiciones){
	display: flex;
	margin: 10px;
/* Alineado de texto */	
	text-align:center;

}
.exposiciones > div:not(.ano-exposiciones),
.exposiciones > div > div{
	height: 280px;
	width: 280px;
}
.exposiciones div div div.foto-book,
.exposiciones div div div.foto-book img,
.exposiciones div div div.info-exposicion { 
	height: 250px;
	width: 250px;
}

.ano-exposiciones{
	width: 100%;
}
.exposiciones > div > div{
	/* Sombreado */
	box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
  	-moz-box-shadow: 2px 2px 2px #ccc;
  	filter: shadow(color=#ccc, direction=135, strength=2);	
}
.exposiciones > div > div:hover {
	/* Sombreado */
	box-shadow: 2px 2px 2px #FEB69A;
	-webkit-box-shadow: 2px 2px 2px #FEB69A;
  	-moz-box-shadow: 2px 2px 2px #FEB69A;
  	filter: shadow(color=#FEB69A, direction=135, strength=2);
}
.exposiciones div div div.foto-book { 
/* Tamaño para la galería de fotos  */
	position: relative;
	left: 15px;
	top: -235px;
	transition: all 1.5s ease-in-out;
	transition-delay: 3s;
	z-index: 90;
}
.exposiciones div div div.foto-book:hover {
	cursor: default;
	opacity: 0; /* Safari, Opera */
    -moz-opacity:0; /* FireFox */
    filter: alpha(opacity=0); /* IE */
	transform: scale(0,0);
	transition-delay: 0s;
}
.exposiciones div div div.info-exposicion {
	display: table-cell;
	position: relative;
	left: 10px;
	top: 10px;
	vertical-align: middle;
}
.g_expo_titulo {font-size: 1.2em; color: #d8001d;}
.g_expo_autor {font-size: 1em; padding-top:10px;}
.g_expo_fecha {color: #555; padding-top:10px;}
.g_expo_enlace-book {padding-top:10px;}

/*------------------------------------------*/

/* Personal */
.personal { 
	padding: 5px;
	border-bottom: 1px dotted #ccc;
	text-align: left;
}
.personal div img {
	border-radius: 20px;
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari y navegadores que usen WebKit */
}
.personal div:nth-child(2) p:first-line {color:#d8001d;}
.personal ul {
	list-style: square;
	padding-left: 20px;
}
.personal ul li{
	font-size: 0.95em;
	padding-bottom: 5px;
}
.nombre-cargo{
	font-weight: 400;
}
.perfiles-direccion p{
	text-align: justify;
}
/*-- --*/

/* Directores */
.directores { 
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}
.directores div img {
	border-radius: 20px;
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari y navegadores que usen WebKit */
}
.directores div:nth-child(2) p {color:#d8001d;}
/*-- --*/

/* Páginas de Concurso Fotografía */

.paginado_c_fotografia {
	margin: 0;
	padding: 0;
	text-align: center;
}

.paginado_c_fotografia li {display: inline-block; margin-top:10px;}

.paginado_c_fotografia li a {
	border: 1px #d8001d solid;
	color: #d8001d;
	padding: 3px;
}
.paginado_c_fotografia li a:hover {background-color: #fcc;}

.paginado_c_fotografia li a.activo {
	background-color: #d8001d;
	color: #fff;
	font-weight: bold;
}
/*---------------------*/
.iframe-resultados-b1{
    width: 600px;
    height: 570px;
}

/*-----------------------------------------*/

.icon_des:before, .icon_down:before{
	font: normal normal normal 14px/1 FontAwesome; 
	color:#d8001d;
}
.icon_des::before{
	content: "\f0da";
	padding-right: 0.6em;
}
.icon_down::before{
	content: "\f0d7";
	padding-right: 0.4em;
}

/* Aviso  */

.aviso {
	position: relative;
	border:1px solid #eee;
	background-color: #fbe5e5;
	padding: 30px 10px 5px 10px;
	-webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
	color: #000;
	width: 90%;
	margin: 10px auto;
}
.aviso p{
	font-size: 1em !important;
}
.aviso:before {
	content: "";
	width: 220px;
	height: 60px;
	background-image: url(https://www.clm-granada.com/img/svg/pestana-red.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: -27px;
	left: 15px;
	color: yellow;
	font-size: 0.9em;
	background-size: 100%;
	line-height: 4;
	font-weight: bold;
	text-align: center;
}

.aviso a {
	display: block;
	border-radius: 10px;
	background: #df0d0e;
	color: #ffd6d6 !important;
	text-decoration: none;
	width: 180px;
	margin: 5px auto;
	padding: 2px 5px 2px 5px;
}
.aviso a:hover {
	color:yellow !important;
}

.aviso-importante:before {
	content: "AVISO IMPORTANTE";
}
.aviso-novedad:before {
	content: "NOVEDAD";
}


/*------------- Navegador Español --------------*/

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li.nav-item > a {
  position: relative;
  display: block;
	padding: 10px 1px;
	color:#000;
 /*Original padding: 10px 15px;*/
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: none;
	color: #d8001d;
}
.nav > li.disabled > a {
  color: #999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav > a.open ,
.nav  > a.open :hover,
.nav  > a.open :focus {
  background-color: none;
  border-color: #1B242F;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
	margin:0 5px;
  line-height: 1.42857143;
  border: 1px solid transparent;
	background-color:#eee;
  /*border-radius: 4px 4px 0 0;*/
}
.nav-tabs > li > a:hover {
  border-color: none none #ddd;
}
.nav-tabs  li  a  span {margin-left:7px;}
.nav-tabs > li > a.nav-link.active,
.nav-tabs > li > a.active:hover,
.nav-tabs > li > a.active:focus {
  color: #fff;
  cursor: default;
  background-color:#d8001d;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs > li.active > li.dropdown-submenu > a:focus {
  color: #fff;
  cursor: default;
  background-color:#fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.tab-content{
	padding: 15px
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #1B242F;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}


/* --- Fin Navegador Español ---------------*/

/********** Login *************/
#loginContainer {
	position: relative;
}
#loginContainer a span {
	display: block;
	padding: 4px 10px;
}

/* Login Button */
#loginButton {
	display: inline-block;
	position: relative;
	z-index: 30;
	cursor: pointer;
}
/* Login Box */
#loginBox {
	position: absolute;
	top: 30px;
	right: 0px;
	display: none;
	z-index: 29;
	/* Actualizado para CLM */
	width: 200px;
	background: #424242;
	border: 1px solid #999;
}
#loginBox ul{
	list-style:none;
	margin: 5%;
	font-size:0.9em;
}
#loginBox ul li{
	display:block;
	padding:5px 0;
}
#loginBox ul li a{text-align:left;}
#loginBox ul li a i{ padding-right:7px;}

#loginForm:after {
	content: '';
	position: absolute;
	right: 25px;
	top: -10px;
	border-left: 10px solid rgba(0, 0, 0, 0);
	border-right: 10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #fff;
}
/* Login Form */
#loginForm {
	width: 300px;
	background: #fff;
	border: 1px solid #d6d6d6;
}
#loginForm fieldset {
	margin: 0 0 15px 0;
	display: block;
	border: 0;
	padding: 0;
}
fieldset#body {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	padding: 15px 15px;
	margin: 0;
}
#loginForm #checkbox {
	width: auto;
	margin: 3px 6px 0 0;
	float: left;
	padding: 0;
	border: 0;
 	*margin:-3px 9px 0 0; /* IE7 Fix */
}
#body label {
	color: #000;
	margin: 10px 0 0 0;
	display: block;
	float: left;
	font-size: 0.8725em;
}
#loginForm #body fieldset label {
	display: block;
	float: none;
	margin: 0 0 6px 0;
	font-weight: 600;
}
#body label i {
	color: #000;
	font-size: 1em;
	font-style: normal;
	font-weight: 600;
}
/* Default Input */
#loginForm input {
	width: 92%;
	border: 1px solid #DADADA;
	color: #222;
	background: #FFF;
	padding: 6px;
	font-size: 0.8125em;
	-webkit-apperance: none;
	/*font-family: 'Open Sans', sans-serif;*/
}
/* Sign In Button */
#loginForm #login {
	font-family: 'Open Sans', sans-serif;
	width: auto;
	float: left;
	background: #ED1C24;
	color: #333;
	font-weight: 600;
	font-size: 0.8725em;
	padding: 8px 20px;
	border: none;
	margin: 0 12px 0 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
#loginForm #login:hover {
	background: #EEBF05;
}
/* Forgot your password */
#loginForm span {
	display: block;
	padding: 0px 0px 15px 0px;
}
#loginForm span a {
	color: #000;
	font-size: 0.85em;
	font-weight: 600;
	background: none;
	border: none;
	box-shadow: none;
}
#loginForm span a:hover {text-decoration: underline;}
input:focus {outline: none;}
.main {padding: 5em 0em;}
label {
	display: block;
	margin-bottom: 0;
	font-weight: normal;
}
.head-bann {background: #000;}
.head-nav {margin: 0 auto;}
.head-nav ul {
	margin: 0;
	padding: 0;
	text-align:center;
}
.head-nav ul li {
	display: inline-block;
	text-align:left;
}
.head-nav ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1em; /* 1.1em Anterior */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding: 0.8em 0.9em; /* 0.8em 1em Anterior */ /* 0.8em 1.4 Anterior */
	display: block;
}
.banner-info {margin: 4em 0em;}

.banner h1 {
	font-size: 2.5em;
	font-weight: 400;
	color: #000;
	line-height: 1.8em;
	margin: 1em 0em;
	text-align: left;
}
.banner p {
	font-size: 1.1em;
	font-weight: 400;
	color: #000;
	line-height: 1.8em;
	margin: 1em 0em;
	text-align: left;
}
div.banner-info  {
	background-color:rgba(0,0,0,0.5);
	padding:5px;
}
.banner-info h1, .banner-info p {color: #F90;}
/* Contenedor */

.container a{
	color: #d8001d;
	text-decoration:none;
}
.container a:hover{color: #B33506;}
/*div.show {
	background: #d8001d;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	padding: 0.7em 1.2em;
	text-decoration: none;
	text-shadow: inset 0 2px 0 red, inset 0 0 4px red;
	border-radius: 50%;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-msborder-radius: 50%;
	width: 75px;
	height:75px;
	margin:5px;
}
div.show:hover {background: #424242;}
div.show a, div.show a:hover{color: #fff;}*/

div.show-more {
	background: #ed1c24;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 400;
	padding: 0.7em 1.2em;
	display: inline-block;
	text-decoration: none;
	text-shadow: inset 0 2px 0 red, inset 0 0 4px red;
	border-radius: 3px;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-msborder-radius: 3px;
	margin: 1em 0em 0;
}

.menu_secundario{
	border: 1px solid #C0BEBE;
	background: #e9e9e9;
	margin: 0 0 1em 0;
	padding:0;
	overflow:auto;
}
.ubicacion_menu_secundario {float:right;}

h3.m_2 {
	font-size: 1.3em;
	font-weight: 800;
	padding: 16px;
	text-transform: uppercase;
	color: #000;
	margin: 0;
	border-bottom: 1px solid #C0BEBE;
	background-color:#ddd;
}

/* -------------------- Enlaces en negro -------------------- */
.enlace-negro a{ color:#000;}
.enlace-negro a:hover{ color:#d8001d;}

/* start menu */
.h_nav h4 {
	border-bottom: 1px solid rgb(236, 236, 236);
	font-size: 1.3em;
	color: #000;
	font-weight: 600;
	line-height: 1.8em;
	text-transform: uppercase;
	margin-bottom: 4%;
}
.h_nav h4.top {margin-top: 12%;}
.h_nav ul li {
	display: block;
    margin: 0;
}
.h_nav ul li a:before {
	content:"\00BB    ";
	color:#d8001d;
}
.h_nav ul li a {
	display: block;
	font-size: 0.9em;
	color: #555;
	padding: 13px 0px;
	/*text-transform: capitalize;*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	line-height: 1em;
}
.h_nav ul li a:hover {
	color: #d8001d;
	text-decoration: none;
}
.h_nav ul li p {
	text-indent:-10px;
	padding-left:10px;
}
.grids_of_4 {
	display: block;
	margin: 6% 0 8%;
}
.grid1_of_4 {
	float: left;
	width: 30.22222%;
	margin-left: 2.33333%;
}
.grid1_of_4:first-child {
	/*margin-left: 0;*/
}
.grid1_of_4 h4 {
	font-size: 20px;
	margin-top: 30px;
}
.grid1_of_4 h4 a {
	text-transform: uppercase;
	color: #000;
}
.content_box span {
	font-size: 1.2em;
	color: #ed1c24;
	font-weight: 600;
}
.grid1_of_4 p {
	font-size: 1em;
	color: #777777;
	line-height: 1.8em;
	margin-bottom: 1em;
}
.content_box-grid {margin-top: 2em;}
.banner1 {
	background: url(https://www.clm-granada.com/img/banner.jpg) no-repeat center top;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 0px;
}

/* Banners CLM */
.menu-secciones{
	display: flex;
	width: 100%;
	justify-content: center;
	margin: 10px auto 80px auto;
	flex-wrap: wrap;
}
.menu-secciones div{
	width: 100%;
}

.menu-secciones div img{
	width: 100%;
}

@media(min-width:576px){
	.menu-secciones{
		flex-wrap:nowrap;
	}
}
.enlace-banner{padding:0; margin:0;}
.banner-esp {
	background: url(https://www.clm-granada.com/img/banner_esp.jpg) no-repeat;
	display: block;
	background-size: cover;
	min-height: 300px;
	text-align: center;
	color:#333;
}
.banner-lem {
	background: url(https://www.clm-granada.com/img/banner_lem.jpg) no-repeat;
	display: block;
	background-size: cover;
	min-height: 300px;
	text-align: center;
}
.banner-esp-intro {background: url(https://www.clm-granada.com/img/banner_esp-intro.png) no-repeat;}
.banner-esp-intro-en {background: url(https://www.clm-granada.com/img/banner_esp-intro-en.png) no-repeat;}
.banner-lem-intro {background: url(https://www.clm-granada.com/img/banner_lem-intro.png) no-repeat;}
.banner-lem-intro-en {background: url(https://www.clm-granada.com/img/banner_lem-intro-en.png) no-repeat;}
.banner-formacion-intro {background: url(https://www.clm-granada.com/img/banner_esp-cursos-oline.png) no-repeat;}
.banner-formacion-intro-en {background: url(https://www.clm-granada.com/img/banner_formacion-intro-en.png) no-repeat;}
.banner-esp-intro,
.banner-esp-intro-en,
.banner-lem-intro,
.banner-lem-intro-en { 
	background-position: center; 
	background-size: contain;
	display: block;
	float:left;
	min-height: 300px;
	width:50%
}
.banner-formacion-intro,
.banner-formacion-intro-en { 
	background-position: center; 
	background-size: contain;
	display: block;
	float:left;
	margin: 15px auto 0;
	min-height: 300px;
	width:50%
}
.banner-vacio{
	width:24%;
	min-height: 194px; 
	float:left;
	display: block;
}
.banner-esp div h3,
.banner-esp div h4,
.banner-lem div h3,
.banner-lem div h4 {color:#333;}
.col-md-6.banner-esp {
	float: left;
	width: 49%;
}

.banner-esp-intro:hover,
.banner-lem-intro:hover,
.banner-esp-intro-en:hover,
.banner-lem-intro-en:hover {opacity:0.8;}
.bloque-texto {
	position:absolute;
	bottom:0;
	margin:5px auto;
}
.bloque-texto h3,
.bloque-texto h4 {color:#fff;}
.col-md-6.banner-lem {
	float: right;
	width: 49%;
}
/* Fin Banners CLM */


.circle-text {
	float:right;
    display: block;
    width: 150px;
    height:150px;
    background: #f19b1a; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
	border: 5px solid #f8cd8c;
	font-size:1.0em;
	
}
.circle-text div {
    float:left;
    width:100%;
    padding-top:40%;
    line-height:1em;
	font-weight:bold;
    margin-top:-0.5em;
    text-align:center;
    color:white;
}

/* -------------------- Estilos Pie de Página ---------------------- */
/*** Footer ***/
.footer {
	padding:2em 0;
	background:#424242;
	background-image:url(../img/logotipos/logo_leon_pie.png);
	background-repeat:no-repeat;
	background-position: 20px 20px; 
	overflow:hidden;
	width:100%
}
.footer_grid h4{
	font-size:1.8em;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:1em;
}
.footer_top {
	border-bottom: 1px dotted #8F695E;
	padding-bottom: 2em;
}
.footer_grid p{
	font-size:0.95em;
	color:#eee;
	line-height:1.8em;
}
.footer-list ul{
	padding:0;
	list-style:none;
}
i.twt{
	color: #fff;
	float: left;
	font-size: 2em;
	margin-right: 10px;
}
span.yellow a {color:#fff;}
span.yellow a:hover {
	color:#d8001d;
	text-decoration:none;
}
.footer-list li p {
	overflow:hidden;
	font-size:0.95em;
}
.footer-list li.list_top {margin-bottom:2em;}
.company_address p {
	color:#eee;
	font-size:0.95em;
	padding: 2px 0;
}
.company_address p span a {
	text-decoration: underline;
	color:#fff;
}
.company_address p span a:hover{text-decoration:none;}
ul.socials{
	padding:0;
	list-style:none;
	margin-top: 1em;
}
ul.socials li{
	display:inline-block;
	border:1px solid #555;
	text-align: center;
	background: #555;
}
/* Icono Facebook */
ul.socials li:nth-child(1):hover{background-color: #3b5998;}
/* Icono Instagram */
ul.socials li:nth-child(2):hover{background-color: #c20097;}
/* Icono Twitter */
ul.socials li:nth-child(3):hover{background-color: #00aced;}
/* Icono Blog */
ul.socials li:nth-child(4):hover{background-color: #dd4b39;}
/* Icono YouTube */
ul.socials li:nth-child(5):hover{background-color: #d9261f;}

.socials li a {
	margin: 0 auto;
	height: 43px;
	width: 43px;
	display: inline-block;
	color:#eee;
	background: none;
	text-align: center;
	line-height: 42px;
	font-size: 17px;
	/*border:1px solid #eee;*/
	-webkit-border-radius: 500px; 
	-moz-border-radius: 500px;
	border-radius: 500px; 
}
/* Configuración para tuenti */
.socials li a.tuenti {
	line-height: 40px;
	font-size: 15px;
}
.socials li a:hover {
	border-color: #d8001d;
	color: #fff!important;
}

/*--- Redes Sociales Index-español ---*/
	ul.socials2{
		padding:0;
		list-style:none;
		margin-top: 1em;
	}
	ul.socials2 li{
		display:inline-block;
		border:0 solid #555;
		text-align: center;
	}
	/* Icono Facebook */
	ul.socials2 li:nth-child(1){background-color: #3b5998;}
	/* Icono Instagram */
	ul.socials2 li:nth-child(2){background-color: #c20097;}
	/* Icono Twitter */
	ul.socials2 li:nth-child(3){background-color: #00aced;}
	/* Icono Blog */
	ul.socials2 li:nth-child(4){background-color: #dd4b39;}
	/* Icono YouTube */
	ul.socials2 li:nth-child(5){background-color: #d9261f;}

	.socials2 li a {
		margin: 0 auto;
		height: 55px;
		width: 55px;
		display: inline-block;
		color:#eee;
		background: none;
		text-align: center;
		line-height:58px;
		font-size: 19px;
	}
	.socials2 li a:hover {
		color:#eee;
	}
	.socials2 li{
		transition: transform .5s; /* Animation */
	}
	.socials2 li:hover {
		border-color: #d8001d;
		color: #fff!important;
		transform: rotate(-360deg)
}
/*--- Fin Redes Sociales Index-español ---*/

.social-instagram {
	max-height: 325px;
	overflow: scroll;
}

.footer_bottom{margin-top:2em;}
.pie-index-nuevo > div > div{padding: 0 0 20px;}
.pie-index-nuevo{
	background-image: url();
	position:fixed;
	bottom:0;
	margin:0 auto;
	width:100%;
	padding:0;
}
.footer_nav{
}
.footer_nav ul{list-style:none;}
.footer_nav li{
	/*display:inline;*/
	padding:4px 0;
}
.footer_nav ul{
	list-style:none;
	padding:0;
}
.footer_nav li a{
	color:#FFF;
	text-decoration: none;
	font-size:0.95em;
	margin: 0px 8px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.footer_nav li a:hover{color:#d8001d;}
.copy_right {
	margin:0 auto;
	text-align:center;
}
.copy_right p {
	font-size:0.95em;
	color:#FFF;
}
.copy_right p a {color:#d8001d;}
.copy_right p a:hover {
	color:#FFF;
	text-decoration:underline;
}
.logos-asociaciones {
	width:100%;
	text-align:center;
	margin-top:10px;
}
.logos-asociaciones a{padding:0 10px;}
.logos-asociaciones a img, .company_address a img{
	opacity: 0.4;
  	filter: alpha(opacity=40); /* For IE8 and earlier*/
}
.logos-asociaciones a img:hover, .company_address a img:hover{
	opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier*/
}
	
.escala-75{
    -ms-transform: scale(0.75,0.75); /* IE 9 */
    -webkit-transform: scale(0.75,0.75); /* Safari */
    transform: scale(0.75,0.75); /* Standard syntax */
}
.blanc-info {padding: 2em 1em;}
.blanc-info h3 {
	font-size: 1.5em;
	font-weight: 600;
	color: #fff;
	line-height: 1.8em;
	text-align: left;
}
.blanc-info h4 {
	font-size: 1.3em;
	font-weight: 400;
	color: #fff;
	line-height: 1.8em;
	margin: 1em 0em;
	text-align: left;
	width: 90%
}

.ocultar-label {display: none;}
.barra-idiomas,
.busqueda{
	float:left; 
	margin-top:10px;
	text-align:center;
}
.barra-idiomas {width:160px;}
.barra-idiomas ul {list-style:none;}
.barra-idiomas ul li {
	display: inline-block;
	font-size: 12px;
	margin-right: 5px;
	padding-top:7px;
}
.barra-idiomas ul li,
.barra-idiomas ul li a {color:#fff;}
/* ----------------------------------------------------------------- */
/* ------ Botón Gráfico ---- */
.boton-grafico { 
	background-color:#d8001d;
	overflow:hidden;
	padding:0 5px;
	width:300px;
	margin: 10px auto 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.boton-grafico:hover { background-color:#c9021d;}

.texto-boton {
	font-size:1.5em;
	margin:10% 0; 
	text-align:center;
	width:70%;
	float:right;
}
.texto-boton a{
	color:#fff;
	text-decoration:none;
}
.texto-boton a:hover {
	color:#fc6;
}
.grafico-boton {
	border-right: 1px dotted #fff;
	color:#fff;
	font-size:2.5em;
	float:left;
	margin: 7% 0 1%;
	text-align:center;
	width:30%;
}


/* Busqueda */
.busqueda {width:250px;}
.search {
    height:20px;
    width:20px;
    border: none;
    cursor: pointer;
    color:#fff;
    background-color:#d8001d;
	padding:5px;
    position:relative;
}
input[type="submit"] {
    font-family: FontAwesome;
    font-size: 14px;
}

.busqueda input[NAME="q"] {font-size: 12px;}
.c-busqueda{
	background-color:#eee;
	border:1px solid #ddd;
	color:#000;
	padding:3px;
	text-align:center;
}

/* Estilos Búsqueda Google */
/* Utiliza una fuente distinta para los resultados de búsqueda */
.gs-title, .gs-snippet {font-family: courier;}

/* Añade un borde a cada resultado de búsqueda de forma individual */
.gs-webResult {
	border: 1px solid #eee;
	padding: 1em;
}
/* No mostrar el contador en los resultados de búsqueda */
.gsc-result-info {display: none;}

/* Quitar la marca de Google de los resultados */
.gcsc-branding {display: none;}

/* Quitar las imágenes en miniaturas de los resultados */
.gsc-thumbnail {display: none;}

/* Quitar los fragmentos enriquecidos de Google de los resultados */
.gs-snippet {display: none;}

/* Cambiar el tamaño de la fuente del titulo en los resultados */
.gs-title a {font-size: 16px;}

/* Cambiar el tipo de tamaño de los fragmentos en los resultados  */
.gs-snippet {font-size: 14px;}

/* Destacar las palabras coincidentes en negrita */
.gs-title b, .gs-snippet b {font-weight: normal;}

/* No mostrar la URL de las páginas web en los resultados de búsqueda */
.gsc-url-top, .gsc-url-bottom {display: none;}

/* Resaltar los botones de paginación en la parte inferior de los resultados */
.gsc-cursor-page {
	font-size: 1.5em;
	padding: 4px 8px;
	border: 2px solid #ccc;
}
/* ---- */

/*** Formulario Sugerencias ***/
.sugerencias_form,
.aluni_form,
.incidencias_form,
.formulario_general {
	display:block;
	overflow:hidden;
	border-radius: 7px;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari y navegadores que usen WebKit */
	box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	margin: 0 auto;
	padding:15px 35px;
	width:50%;
}
.b1-b2_form,
.inscripcion_form {
	display:block;
	overflow:hidden;
	width:100%;
}
.inscripcion_form label{ color:#000; padding:0 5px;}
.sugerencias_form input,
.aluni_form input,
.incidencias_form input,
.b1-b2_form input,
.formulario_general input,
.sugerencias_form textarea,
.aluni_form textarea,
.incidencias_form textarea,
.b1-b2_form textarea,
.formulario_general textarea {
	background-color:#ddd;
	border:0;
	font-family: 'Montserrat', sans-serif;
	padding:5px;
	width:100%;
	margin:10px 0;
}
.sugerencias_form input[type="submit"],
.aluni_form input[type="submit"],
.incidencias_form input[type="submit"],
.b1-b2_form input[type="submit"],
.formulario_general input[type="submit"] {
	background-color:#424242; 
	border-radius: 7px;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari y navegadores que usen WebKit */
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	width:100px;
}

.incidencias_form input[type="checkbox"]{
	margin:0;
	padding-botton: 0;
}

.sugerencias_form input[type="checkbox"],
.b1-b2_form input[type="checkbox"] {width:30px;}
.sugerencias_form input[type="submit"]:hover,
.aluni_form input[type="submit"]:hover, 
.incidencias_form input[type="submit"]:hover,
.b1-b2_form input[type="submit"]:hover,
.formulario_general input[type="submit"]:hover {background-color:#d8001d;}
.incidencias_form select,
.b1-b2_form select,
.formulario_general select {background-color:#CCC; margin: 5px;}
.incidencias_form label, 
.b1-b2_form label {font-weight:bold; padding-right:5px;}
.b1-b2_form ul {list-style:none;}
.b1-b2_form ul li {padding:0.5em 2em;}
.b1-b2_form ul li {text-indent: -1em;}
.b1-b2_form ul li:before {
	padding-right: 0.2em;
	content: "\00BB ";
	color:#d8001d;
}

/* */

/*** Formulario Cursos Cambridge ***/
.obligado label:before {content: "* ";}

/*-- responsive --*/
@media(max-width:1024px) {
.header {padding: 0.5em 0em;}
.top_right {margin-top: 7px;}
.banner h1 {
	font-size: 2.3em;
	margin: 0.5em 0em;
}
.banner {min-height: 430px;}
.banner-info{margin: 3em 0em;}
.main {padding: 1em 0em;}
h3.m_2 {font-size: 1.1em;}
}
@media(max-width:1024px) {
	/*.banner-esp-intro,
	.banner-lem-intro {margin:0 auto; width:100%;}*/
	/*.pie-index-nuevo {position:relative; bottom:-25px}*/
	.flex-container-g-expo {
		flex-wrap:wrap;
		text-align: center
	}	
	.flex-container-g-expo > div {
  		width: 100%;
	}
}

@media(max-width:992px) {
	/* -- Tablas responsivas apartir de 992px para CLM --*/
	 .table-responsive {
		width: 100%;
		padding:5px;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	  }
	/*--  --*/
	/*-- Bloque Calidad Compromiso Garantía --*/
	.bloque_ccg div {text-align:center; margin-bottom: 2em;}
	.bloque_ccg div p{display: block; width: 450px; margin: 0 auto;}
	/*--  --*/
	.logos-asociaciones {
		margin:0 auto;
		text-align:center;
		border-bottom: 1px dotted #8F695E;
		padding:10px 0;
	}
	.footer_nav{
		text-align:center;
		padding:10px 0;
		border-bottom: 1px dotted #8F695E;
	}
	.company_address {text-align:center;}
	.logos-asociaciones a{
		display:inline-block;
		width:24%;	
	}
	.logo {float:none; width:100%;}
	.logo img{margin:0 auto;}
	.top_right {float:none; width:100%;}
	.barra-idiomas {float:none; width:100%;}
	.busqueda {float:none; width:100%;}
	.sugerencias_form,
	.aluni_form,
	.incidencias_form {width:80%;}
	
	/*-- eLADE - DELE --*/
	.menu-elade-principal,
	.menu-dele-principal {width:75%;}
	/*--*/
	.b1-b2_form input,
	.b1-b2_form select {width:100%;}
	.cv_profesores {grid-template-columns: auto auto;}
	
	/* Ajustes foto exposición */
	.flex-container-g-expo{
		height:400px;
		margin-bottom: 100px;
	}
	.flex-container-g-expo .expo-texto{
		left: calc(50% - 175px);
		bottom: -100px;
		background-color:rgba(0,0,0,1); 
	}
}

@media(max-width:768px) {
	.head-nav ul li a {color: #000;}
	.head-bann {background: #fff;}
	.banner h1 {
		font-size: 2em;
		text-align: center;
	}
	.banner p {text-align: center;}
	.banner {
		min-height: 350px;
		text-align: center;
	}
	.banner-esp {min-height: 244px;}
	.banner-lem {min-height: 244px;}
	.grid1_of_4 h4 {
		font-size: 18px;
		margin-top: 30px;
	}
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	.span_1_of_right {
		padding: 0;
		margin-left: 0%;
		margin-top: 4em;
	}
	.button1 {padding: 7px 11px;}
	.head-bann {background: #f1f1f1;}
	.head-bann div.container{
		padding-left: 0;
		padding-right: 0;
	}
	.ubicacion_menu_secundario {
		position:absolute;
		bottom:-20px;
		width: 90%;
	}
	.ajuste_menu {padding-bottom:250px;}
	.personal div {text-align:center;}
	.personal div img {margin:0 auto;}
	.blanc-info h3 {font-size: 1.3em;}
	.blanc-info h4 {
		font-size: 1.1em;
		width: 66%;
	}
	.sugerencias_form,
	.aluni_form,
	.incidencias_form {width:80%;}

	/*-- Grids - Tipo Tabla --*/
	.row.table-grids {display: block;}
	.row.table-grids.table-grids2 > div,
	.row.table-grids.table-grids3 > div,
	.row.table-grids.table-grids4 > div,
	.row.table-grids.table-grids5 > div {
		display: block;
		width:100%;	
	}
/* Ajustes foto exposición */
	.flex-container-g-expo .expo-texto{
		width: 340px;
		left: calc(50% - 170px);
	}
}

@media(max-width:640px) {
.cv_profesores {grid-template-columns: auto;}
.banner h1 {font-size: 1.7em;}
.banner p {font-size: 1em;}
.banner-info {margin: 2em 0em;}
.banner {min-height: 305px;}
.banner-esp {min-height: 215px;}
.banner-lem {min-height: 215px;}
.grid1_of_4 h4 {font-size: 15px;}
.grid1_of_4 p {font-size: 0.875em;}
.content_box span {
	font-size: 1.1em;
	font-weight: 600;
}
.iframe-resultados-b1{
    width: 330px;
    height: 300px;
}
.blanc-info h3 {font-size: 1.1em;}
.blanc-info h4 {
	font-size: 0.9em;
	width: 73%;
}
.sugerencias_form,
.aluni_form,
.incidencias_form {width:100%;}

/*-- eLADE - DELE --*/
.menu-elade-principal,
.menu-dele-principal {width:100%;}
/*--*/

.planificacion-cursos img {
	width:75%;
	height:75%;
}

/* Banners Intro */
	.banner-esp-intro,
	.banner-esp-intro-en,
	.banner-lem-intro,
	.banner-lem-intro-en,
	.banner-formacion-intro,
	.banner-formacion-intro-en { 
		width:100%;
	}
	.banner-esp-intro,
	.banner-esp-intro-en,
	.banner-lem-intro,
	.banner-lem-intro-en { 
		min-height:250px;
	}
	.banner-formacion-intro,
	.banner-formacion-intro-en { 
		min-height:155px;
	}
	.banner-vacio {display:none}
	.grid-container {
		grid-template-columns:auto;
	}
	.lista-actividades li {border-right: 0}
}

@media(max-width:480px) {
	.banner h1 {font-size: 1.5em;}
	.banner p {font-size: 0.875em;}
	.banner {min-height: 272px;}
	.col-md-6.banner-esp {
		float: none;
		width: 100%;
	}
	.col-md-6.banner-lem {
		float: none;
		width: 100%;
		margin-top: 2em;
	}
	.banner-esp {min-height: 190px;}
	.banner-lem {min-height: 190px;}
	h3.m_2 {font-size: 0.9em;}
	.grid1_of_4 {
		float: left;
		width: 47%;
		margin-left: 2%;
	}
	.grid1_of_4 h4 {font-size: 14px;}
	.content_box span {font-size: 1em;}
	.span_3_of_2 {
		width: 100%;
		margin: 2em 0;
	}
	.top_right {
		float: none;
		text-align: center;
	}
	.logo {float: none;}
	.logos-asociaciones a{
		display:inline-block;
		width:49%;	
	}
	.iframe-resultados-b1{
		width: 260px;
		height: 300px;
	}
}

@media(max-width:384px) {
.col-xxs-12{
	width: 50% !important;
}
}

@media(max-width:320px) {
	.banner h1 {font-size: 1.2em;}
	.banner p {font-size: 0.8125em;}
	.banner-info {margin: 1.5em 0em;}
	.banner {min-height: 231px;}
	.banner-lem {min-height: 174px;}
	.banner-esp {min-height: 174px;}
	#loginBox {top: 30px;}
	.head-nav ul li a {font-size: 0.9em;}
	.blanc-info h3 {font-size: 1em;}
	.blanc-info h4 {
		font-size: 0.875em;
		width: 69%;
	}
	.lista-actividades-mensual ul li {border-right: 0}
}

/* Páginas de opiniones */

#paginado_opiniones ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
#paginado_opiniones li {display: inline;}

#paginado_opiniones ul li a {
	border: 1px #d8001d solid;
	color: #d8001d;
	line-height: 25px;
	padding: 3px 3px;
}

#paginado_opiniones ul li a:hover {background-color: #F2DEDE;}

#paginado_opiniones ul li a.activo {
	font-weight: bold;
	color: #fff;
	background-color: #d8001d;
}
.fuente-pacifico {font-family: 'Pacifico'; line-height:normal}
.font-pacifico {font-family: 'Pacifico'; font-size:2.5em; line-height:1em; line-height:normal}
.titulo-w-redes-sociales {font-size:1.5em; color: #555; padding:10px 0; width:100%;}
.follow-social {font-family:"Pacifico"; font-size:2.2em; color:#ccc; margin: 5px auto 15px auto;}
.redes-sociales > div:nth-child(1), .redes-sociales > div:nth-child(2) {border-right:1px dotted #ccc}
.bloque-redes {padding: 0 5px; min-height:600px;}
/* -- -- */

/* Barra de desplazamiento */
.scroll-pane {
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only {
	height: auto;
	max-height: 200px;
}


/* Ocultar/Mostrar Bloques */

	/* Resultados eLADE */
	/*.resultados_elade{display:none}*/
	
	/* Resultados Examen B1/B2 */
	/*resultados_b1b2{display:none}*/
	
	/* Muestra la información Cambridge en inglés
	   En la página de inglés ordinarios se le agrega en la etiqueta div con el class "container" la clase "mostrar-cambridge" */
	div.tabla-cambridge {display:none}
	div.mostrar-cambridge div div  div.tabla-cambridge {display:block} /*Muestra el bloque Cambridge la página de Inglés Ordinarios*/
	div.mostrar-cambridge  div.tabla-cambridge {display:block} /*Muestra el bloque Cambridge la página de Cambridge*/
	
/* ------------- */

/* ----- Ventana de error formularios  (B1-B2 Preinscripción)---------- */

.alert-box {
	border-radius:10px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari y navegadores que usen WebKit */
	color:#555;
	margin:20px;
	padding:10px 36px;
}

.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}

.warning {
	background:#fff8c4 url('https://www.clm-granada.com/img/iconos/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
.error {
	background:#ffecec url('https://www.clm-granada.com/img/iconos/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}

/* ---- Resumen de errores --- */

#errorExplanation{
	background: #f6e3e3 url(../imag/iconos/alerta_square.gif) no-repeat 5px 5px;
	border: 1px dotted #ee9d8a;
	margin: 0 0 10px 0;
	padding: 3px 0 3px 35px;
}

#errorExplanation h2{
	background:none;
	padding:0px;
	/*text-transform:uppercase;*/
}

#errorExplanation h2::after {content: " ]"}

#errorExplanation h2::before {content: "[ "}

#errorExplanation ul{list-style-type:none}

#errorExplanation li { 
	margin:0;
	padding: 5px 0 0 30px;
}

#errorExplanation li::before{
	content: "[*] ";
	color:#dd3b15;
}

/* Campos Erroneos */

div.fieldWithErrors,
div.field_with_errors {
	display: inline;
	margin:0;
	padding: 0 0 0 3px;
}

div.fieldWithErrors input,
div.field_with_errors input {border: 1px solid #ee9d8a;}
div.fieldWithErrors label::before,
div.field_with_errors label::before {
	color:#dd3b15;
	content: "[*] ";
}

/* ---- Noticias Facebook Index --- */
#fb-root {
	background:#424242;
	height:0;
	display:none
}


/* --Inicio Filtro-- */
    
/*-- CSS Mixitup --*/
.filter_controls{
	padding: 2%;
	color: #eee;
}
button{
	display: inline-block;
	padding: .3em .7em;
	background: #000000;
	border: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	border-radius: 4px;
	cursor: pointer;
}
button.active{background: #424242;}
button:focus{outline: 0 none;}
.filter_container{
	padding: 2% 2% 0;
	text-align: justify;
	font-size: 0.1px; 
}

.filter_container:after{
	content: '';
	display: inline-block;
	width: 100%;
}
.filter_container .mix{
	text-align: left;
	margin-bottom: 2%;
	display: none;
}

#filter_date_asc, #filter_date_des{
	font-size: normal;
	border: #000000;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
	width: 130px;
	height: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#filter_date_asc, 
#filter_date_des {cursor:pointer;}
		
		
/* ----  Evitar que los robots rastreen nuestras páginas  --- */
/* \40 es un código para escribir el caracter '@' */

.clmmail:after {content: "\40 clm.ugr.es";} 
.gougrmail:after {content: "\40 go.ugr.es";} 
.ugrmail:after {content: "\40 ugr.es";}
.gmailmail:after {content: "\40 gmail.com";}
.yahoomail:after {content: "\40 yahoo.com";}  
.yahooesmail:after {content: "\40 yahoo.es";}  
.hotmailmail:after {content: "\40 hotmail.com";}  
.eulainmaculadamail:after {content: "\40 eulainmaculada.com";} 

    /*--FIN CSS--*/
.tabladiv {
	display:table; 
	margin:auto;
	border-spacing:50px 0px;
}
	
.div-circular{
	background-color:#d8001d;
	color:#fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;  /* Safari  */
	-moz-border-radius: 50%;   /* Firefox */
	display: table-cell;
	font-weight:bold;
	line-height:1.1em;
	height: 150px;
	overflow: hidden;
	text-align:center;
	vertical-align: middle;
	width: 150px;
	padding-top:15px;
}

.div-circular span{font-size:2em; line-height:1.2em; color:yellow;}
.div-circular a{color:#fff;}
.div-circular a:hover{color:#fff;}

.tablaprecios {
	display:table; 
	margin:5px auto;
	border-spacing:5px 0px;
}

.tablaprecios div{
	background:#44607F;
	color:#fff;
	display: table-cell;
	padding:0 10px;
	text-align:center;
	vertical-align: middle;
	width:33%;	
}
.tablaprecios div h4 {color:#89BFFF;}
/*.tablaprecios div:last-child{
	background:#fff;
	padding:0;
	width:22%;
}*/

/* ------------ Efecto Zoom ---------- */

@-webkit-keyframes zoomin {
	from { -webkit-transform: scale(0,0) rotate(360deg); }
	to   { -webkit-transform: scale(1,1) rotate(0deg);}
}
@-moz-keyframes zoomin{
	from { -moz-transform:  scale(0,0) rotate(360deg);}
	to   { -moz-transform:  scale(1,1) rotate(0deg);}
}
.zoomin {				
	-webkit-animation-name: zoomin;
	-moz-animation-name: zoomin;
	animation-name: zoomin;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
/* ---- Botones genéricos ---- */

a.boton {
	color: white;
	display: block;
	margin: 0 auto;
	padding: 10px;
}
a.boton100 {
	width:100%;
}
a.boton90 {
	width:90%;
}
a.boton80 {
	width:80%;
}
a.boton-azul{
	background-color: #337ab7;
}
a.boton-azul:hover {
	background-color: #0469B3;
	color: white;
}



/* ---- Fin Botones genéricos ---- */

.boton_zoom {
	-webkit-transition: linear 0.5s; /* For Safari 3.1 to 6.0 */
	transition: linear 0.5s;
}
.boton_zoom:hover{
	transform:scale(1.2,1.2);
}

.icon-blog {font-size:0.8em}

@media print {
  header, .footer, nav, aside, .color-cabecera {
  display: none;
}
a[href^=http]:after {
	content:" <" attr(href) ">";
}
}

/* --- Estilos I Jornadas Difusión-Centro de Lenguas Modernas de Granada ----- */
.lista-hoteles {
	display:grid;
	grid-template-columns: auto auto auto;
  	grid-gap: 5px;
	padding-bottom: 5px;
}
.lista-hoteles  div.item {
	border-bottom: 1px dotted #777;
	padding: 5px;
	margin:5px 2px;
}

.lista-hoteles  div.item ul li {
	list-style: none;
	font-size: 0.9em;
	color: #888;
	margin: 5px 20px;
}
.lista-hoteles  div.item ul li:first-child {
	font-size: 1.1em;
	/*color: #d8001d;*/
	color: #222;
	margin: 5px 5px;
}
@media(max-width:1024px) {
	.lista-hoteles {
		grid-template-columns: auto auto;
	}
}