/*
 * Custom CSS
 * theme-skin override
 */
:root{
	--colorPrimario: #005751;
	--colorSecundario: #4A4A4A;
}

img.img-responsive.logo {
    margin: -20% 0 0 0;
}
 .carousel-news{
 	width: 350%;
 }
 
 /* Noticias portada *******************************************/
 
 .home .card .card-block {
  	padding: 16px 16px !important;
  }
  
 .home .card .card-block h3.card-title {
  	font-size: 20px !important;
  }
  
  /*Texto en cuadro destacado*/
 .cuadrodestacado {
	width: 580px;
	float: left;
	padding: 2%;
	text-align: justify;
	color: #888;
	line-height: 1.25;
	margin: 0;
	padding-left: 40px;
	position: relative;
  }
  
  /* Destacados portada ******************************************/
  .panelcaption .pic-title h4 a{
      color: white;
  }
  
  .panelcaption .bottom-to-top {
      top: 60%;
  }
  
  .panelcaption .pic-image {
     height: 190px;
  }
  
  .panelcaption .pic-caption {
     background: var(--colorPrimario);
  }
  
  /* Eventos ********************************************************/
  
  .calendario-timeline .events-title strong {
 	 color: white;
  }
  
  /***********************************
		TABLON DE ANUNCIOS
************************************/

.tablon .title {
  color: white;
}

.tablon .link {
    color: #ffffff;
    font-size: 19px;
    font-style: italic;
    text-align: right;
    text-decoration: underline;
    width: 100%;
}
 
.tablon.dark {
    padding-top: 15px;
}

.tablon {
    padding: 40px;
	margin-bottom: 30px !important;
}

.tablon h3 {
  margin-top: 5px;
  /*color: white;*/
}

.tablon h3.card-title {
    font-size: 18px;
}

.tablon .detail-p .link::before{
 	content: "\f0c1";
	font-family: FontAwesome;
	font-size: 110%;
	margin-right: 5px;
 }
 
.tablon .detail-p .link{ 	
    font-weight: bold;
}

.tablon .item {
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #AAA;
  color: white !important;
}

.tablon .pmicon-stack {
  /*color: white;*/
}

.margin-top-portada{
	margin-top: 100px;
}

.detail-p {
    font-weight: 500;
}

.intro .layout > div {
    height: 293px;
	}
	
	
  /***********************************
		LISTADO CURSOS PORTADA
************************************/
.proximosCursos-container {
  padding-right: 5px;
}
.cursosFinPlazoSolicitudes-container {
  padding-left: 5px;
}

.tituloProximoCurso{
	font-size: 30px;
	line-height: 1.3333333333;
	margin-bottom: 24px;
	text-transform: none;
    font-weight: 600;
    text-align: left;
	color: white;
}

.itemProximoCurso{
	/*border-bottom: 1px solid #AAA;*/
	margin-top: 15px;
}
.itemProximoCurso .detalleProximoCurso{
	color: white;
}

.itemProximoCurso .detalleProximoCurso .nombreProximoCurso a{
	font-size: 18px;
	color:white;

}
.itemProximoCurso .detalleProximoCurso .duracionProximoCurso{
	font-size: 16px;
	margin-top :15px;
	margin-bottom :15px;
}

.calendarioaProximoCurso{
	display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    text-align: center;
}

.calendarioaProximoCurso .mesProximoCurso{
    background-color: var(--colorPrimario);
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.calendarioaProximoCurso .diasProximoCurso{
    background-color: rgba(255, 255, 255, 0.9);
    color: #606060;
    font-size: 30px;
    font-weight: bold;
}

  /***********************************
		CATALOGO DE CURSOS
************************************/
button.btn {
    color: #fff;
    background-color: var(--colorPrimario);
    border-color: var(--colorSecundario);
}
.cursocatalogo.nuevo .textoalerta{
	color: #900;
	margin-bottom: 10px;
	margin-left: 15px;
}
.cursocatalogo.nuevo .textoalerta .fa{
	font-size: 120%;
}

ul.ediciones {
    margin-bottom: -27px !important;
	list-style-type: none;
}

li.cursocatalogo a{
	font-size: 110%;
	text-decoration: none;
	color: #2B502E;
}
li.cursocatalogo.sinplazosolicitud a{
	color: #AAA;
}