@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;
}

body{
	font-family: "Open Sans", arial, helvetica;
	color:#242424;
	 height:100%;
}

.contenedor-cabecera{

	background: url("../images/background-movil.jpg");
	width: 100%;
	display: -webkit-flex;  
	display: flex;   
	-webkit-flex-wrap: wrap;   
	flex-wrap: wrap;
}

.contenedor-100{
	clear: both;
	background-color: #e5f6f5;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	/* Como pongo que pinte de verde toda la caja?? */
	
}

.contenedor-100-gris{
	clear: both;
	background-color: #dedede;
	width: 100%;
	margin: 40px 0;
	padding-bottom: 40px;
	overflow: hidden;
}

.contenedor-100-gris-int{
	clear: both;
	background-color: #dedede;
	width: 100%;
	
	margin: 20px 0;
}


.contenedor-negro{
	clear: both;
	background-color: #000;
	width: 100%;
	/*height: 80px;*/
	
	
}

.logo{
	float: left;
	padding-top: 10px;
}


.opciones{
	
	float: right;
}





.texto-cabecera{
    line-height: 30px;
	text-align: justify;
	padding-top: 30px;
}

.texto-selecciona{
	font-size: 20px;
	font-weight: bold;
}
/* colores */

.verde{
	color:#00A298 !important;
}

.negrita{
	font-weight: bold;
}

.fondo-negro{
	background-color: #000;
}

.blanco{
	color:#FFF;
}

.rojo{
	color:#fa040a;
}

/* estilos texto */

.centrado{
	text-align: center;
}

.derecha{
	text-align: right;
}


.containerDetalleW {
	text-align: left !important;
	margin:auto;
	
}

/* Ficha del webbinar */
.titulo-w{
	font-size: 16px;
	font-weight: bold;
	color:#00A298;
	padding-bottom: 5px;
	min-height: 50px;
}
.titulo-w:hover{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color:#00A298;
}

.entidad-w{
	font-size: 16px;
	text-decoration: none;
	color:#242424;
	font-weight: bold;
}

.entidad-w:hover{
	font-size: 16px;
	font-weight: bold;
	color:#868686;
	
}
.entidad-w2{
	font-size: 16px;
	text-decoration: none;
	color:#242424;
}

.entidad-w2:hover{
	font-size: 16px;
	color:#868686;
	
}

.fecha-w{
	font-size: 15px;	
	
}

.acceder-w{
	font-size: 15px;
	color:#868686;
}



/* enlaces */

.enlace{
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	
}
.enlace:hover{
	opacity: .7;
	text-decoration: none;
	
}


.boton-pag{
	text-decoration: none;
	font-size: 17px;
	
	color:#242424; 
	
}

.boton-pag:hover{
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
	color:#242424;
}


.boton-acceder {
    font-size: 15px;
    padding: 8px 20px;
    border-radius: 10px;
    font-weight: bold;
    color: #FFF;
    background-color: #00A298;
    border: solid 2px #00A298;
    text-decoration: none;
}


.boton-acceder:hover {
   color: #00A298;
   background-color: #fff;
   border: solid 2px #00A298;
   text-decoration: none;                
}



.enlace-acceso{
	font-size: 15px;
	
	padding: 10px 0;
	color:#242424;
}

.enlace-acceso:hover{
	font-size: 15px;
	
	padding: 10px 0;
	color:#242424;
}


/* Línea */

hr{
	
	border-top: 2px solid #00A298;
}



/* Botones */

.boton-info {
	font-size: 15px;
	padding: 8px 10px;
	border-radius: 10px;
	font-weight: bold;
	color: #00A298;
	background-color: #fff;
	border: solid 2px #00A298;
	
}

.boton-info:hover {
	font-size: 15px;
	padding: 8px 10px;
	border-radius: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #00A298;
	border: solid 2px #00A298;
	text-decoration: none;
}

.boton-info2 {
	font-size: 15px;
	padding: 8px 10px;
	border-radius: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #00A298;
	border: solid 2px #00A298;
	
}

.boton-info2:hover {
	font-size: 15px;
	padding: 8px 10px;
	border-radius: 10px;
	font-weight: bold;
	color: #00A298;
	background-color: #fff;
	border: solid 2px #00A298;
	text-decoration: none;
}



.boton-mas {
	font-size: 15px;
	padding: 8px 60px;
	border-radius: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #00A298;
	border: solid 2px #00A298;
	text-decoration: none;
}


.boton-mas:hover {

	color: #00A298;
	background-color: #fff;
	border: solid 2px #00A298;
	text-decoration: none;
	
}


.boton-apun {
	font-size: 15px;
	padding: 8px 40px;
	border-radius: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #00A298;
	border: solid 2px #00A298;
	
}

.boton-apun:hover {
	font-size: 15px;
	padding: 8px 40px;
	border-radius: 10px;
	font-weight: bold;
	color: #00A298;
	background-color: #fff;
	border: solid 2px #00A298;
	text-decoration: none;
}

.boton-apun2 {
	font-size: 15px;
	padding: 8px 40px;
	border-radius: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #00A298;
	border: solid 2px #00A298;
	
}

.boton-ok {
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: bold;
	color: #00A298;
	background-color: #fff;
	border: solid 2px #00A298;
	
}

.boton-ok:hover {
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #00A298;
	border: solid 2px #00A298;
	text-decoration: none;
}

.boton-error {
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: bold;
	color: #a80505;
	background-color: #fff;
	border: solid 2px #a80505;
	
}

.boton-error:hover {
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #a80505;
	border: solid 2px #a80505;
	text-decoration: none;
}

/* padding */

.pad-20{
	padding: 20px;
}

.pad-20l{
	padding: 20px 0;
}


.pad-40{
	padding: 40px;
}


.pad-40l{
	padding-left: 40px;
	
}

.pad-40t{
	padding-top: 40px;
}

.pad-40b{
	padding-bottom: 40px;
}

.pad-lat-40{
	padding: 0 40px;
}
.pad-2b{
	padding-bottom: 2em;
}
.pad-1b{
	padding-bottom: 1em;
}
/* Boletin */
.full-width-container {
	width: 100%;
}
.azulBg {
	background:#003358!important;
}
.display_inline {
	display:inline;
}
.newsletter2 {
	line-height:90px;
	color:#fff;
	font-size:20px;
}
.text-center {
	text-align:center;
}
.margin-left24 {
	margin-left: 24px;
}
.pull-left{float:left!important}
.accordion-toggle {
	cursor:pointer;white-space:nowrap;font-weight:600;display:inline-block;border:1px solid transparent;-webkit-user-select:none;-o-user-select:none;
}
.margin-left12 {
	margin-left: 12px;
}
.btnGris{padding:5px 20px;margin-bottom:0;font-size:14px;text-align:center;border-radius:4px;user-select:none;color:#003358;background-color:#fff; }
.btnGris:hover{background-color:#e8e8e8!important;border:1px solid #333;color:#333;text-decoration:none;}
.azulHover span:hover{color:#df0126!important}
.periodicoHover:hover{opacity:.9}




/* Pie de página */

.pie {
	
	background-color: #000;
	font-size: 14px;
	padding: 15px;
}

.enlace-pie, .enlace-pie:hover{
	color: #FFF;
	text-decoration: none;
	
}

.img-pie{
	padding: 10px 20px;
}


.img-enti{
	border: solid 2px #00A298;
	margin-top: 20px;

	height: 130px;
	background-color: #FFF;
}

.img-web{
	
	margin-top: 20px;
	width: 350px;
	height: 525px;
	background-color: #FFF;
}


.bottom { position: absolute; text-align: center; width: 100%; bottom: 0px; width: 100%; } 

.txt-peq{
	font-size: 12px;
	text-align: justify;
	padding: 15px 0;
}






/* Imagenes */

.linea-inf{
	border-bottom: 1px solid #ccc;	
}


.img-listado{
	max-height: 200px;
	
	overflow: hidden;
}



/* ventana modal */
.msg{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	
	color:#676565;
	
}

.city1 {
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 190px;
}
.city2 {
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 590px;
}
.city3 {
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 300px;
	padding-right: 40px;
	padding-bottom: 40px;
}
/* columnas iguales*/
.containerCaja {
	display: -webkit-flex;  
	display: flex;   
	-webkit-flex-wrap: wrap;   
	flex-wrap: wrap;
}
.columnCaja {
	display: -webkit-flex;  
	display: flex;
}






.form-control:focus {
  border-color: #00A298;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 162, 152, 0.6);
}




/* Encuesta */

.encuesta{
	list-style: none;
	
}


.encuesta li {
	display: inline-block;
	text-align: center;
	padding-right: 50px;
	padding-top: 20px;
}


.text-area{
	color: #626262;
	font-size: 14px;
	border: 1px solid #ccc;
	margin-top: 10px;
}
@media only screen and (min-width:320px) and (max-width:480px){
	
	.logoImagen1 {
		width:150px;
	}
	.logoImagen2 {
		width:70px;
	}
	.col-md-2movil {
		width:50% !important;		
		float:left !important;
	}
	.col-md-10movil {
		width:45% !important;		
		float:left !important;
	}
	.texto-cabecera {
		font-size:90%;
	}
	.form-control {
		margin-bottom:10px;
	}
	.containerCaja {
		margin-bottom: 10px;
	}
	.columnCaja {
		margin:auto !important;
	}
	.img-pie {
		padding: 0;
		margin: 0;
	}
	.img-pie2 {
		width:98%;
	}
	.pad-40t {
		padding-top:10px;
	}
	.img-enti{
		width: 90%;
		height: 100%;
	}
	.txtMovil {
		font-size: 20px;
	}
	.margenTMovil {
		margin-top: 20px; display:block;
	}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.logoImagen1 {
		width:250px;
	}
	.logoImagen2 {
		width:100px;
	}
	.col-md-2movil {
		width:50% !important;		
		float:left !important;
	}
	.col-md-10movil {
		width:45% !important;		
		float:left !important;
	}
	.texto-cabecera {
		font-size:100%;
	}
	.form-control {
		margin-bottom:10px;
	}
	.containerCaja {
		margin-bottom: 10px;
	}
	.columnCaja {
		margin:auto !important;
	}
	.img-pie {
		padding: 0;
		margin: 0;
	}
	.img-pie2 {
		width:98%;
	}
	.pad-40t {
		padding-top:10px;
	}
	.img-enti{
		width: 90%;
		height: 100%;
	}
	.txtMovil {
		font-size: 20px;
	}
	.margenTMovil {
		margin-top: 20px; display:block;
	}
}





.rrss{padding-top: 1em; padding-right: 0.7em; }
.facebook{color:#3b5998;}
.twitter{color:#1da1f2;}
.lindkedin{color:#0a66c2;}
.whatsapp{color:#00e676;}
.cabecera-congreso {  
  background-repeat: no-repeat;
  height: 200px;
  width: 1024px;
  margin: 10px;    
  font-size: 1.7em;
  text-align: center;
  padding-top: 1.5em;
}