@charset "UTF-8";

h1{font-family: AvertaLight, Arial, Verdana, sans-serif; }

.rosa {color: #d53381}
.rojo {color:#b11818}
.img {
	text-align: center;
	margin-bottom: 15px;
}
.bloqueMain{height: 109px;}
	@media screen and (max-width: 890px) {
		.bloqueMain{height: 108px;}
	}
	@media screen and (max-width: 480px) {
		.bloqueMain{height: 80px;}
	}

.bloqueTexto {top: 34px;}
	@media screen and (max-width: 890px) {
		.bloqueTexto {top: 21px;}
	}
	@media screen and (max-width: 480px) {
		.bloqueTexto {top: 14px;}
	}

a {color: #000}

h2 {
    font-size: 1.85em;
    text-align: center;
    margin-bottom: 15px;
}

.contenido p{
	font-size: 1.7em;
	text-align: center;
	margin-bottom: 30px;
	padding: 0px 70px;
}
	@media screen and (max-width: 890px) {
		.contenido p {		
			text-align: left;
			padding: 0px 10px;
		}
	}
	@media screen and (max-width: 652px) {
		.contenido p{		
			font-size: 1.5em;
			padding: 0px 10px;
		}
	}

.contenedor p {
	padding: 0px;
	text-align: center;
}
.contenedor p.rosa {
	line-height: 15px;
}
	@media screen and (max-width: 652px) {
		.contenedor p{		
			font-size: 2.1em;
		}
	}
	@media screen and (max-width: 458px) {
		.contenedor p{		
			font-size: 1.3em;
		}
	}
 .contenedor {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 15px
}
	@media screen and (max-width: 890px) {
		.contenedor {		
			justify-content: left;
		}
		br.brEscritorio{display:none}
	}
	@media screen and (max-width: 480px) {
		.contenedor {		
			width: 100%;
			min-width:340px;
			margin-bottom: 18px;			
		}
	}

.contenedorb {
	font-weight: lighter;
}
	@media screen and (max-width: 890px) {
		.contenedorb{
			border-bottom: 1px solid #bfbfbf;
			height: 324px;
			width: 543px;
			margin: 0 auto 25px;
		}
		.contenedorc {		
			border-bottom: 1px solid #bfbfbf;
			height: 324px;
			margin-bottom: 50px;
			width: 98%;
		}
	}
	@media screen and (max-width: 480px) {
		.contenedorb {
			height: 278px;
			margin-bottom: 15px;
		}
		.contenedorc {
			height: 324px;
			border-bottom: none;
		}
	}


.segundo {border-right: 1px solid #bfbfbf;}
.tercero {
	width: 454px;
  	float: left;
}
	@media screen and (max-width: 890px) {
		.tercero {width: 100%}
	}
	
.segundo {
	width: 358px;
  	float: left;
	height: 205px;
}
	@media screen and (max-width: 668px) {
		.segundo {		
			width: 237px;
		}
	}
	@media screen and (max-width: 458px) {
		.segundo {		
			width: 186px;
		}
	}

.primero {
	width: 156px;
	float: left;
}
	@media screen and (max-width: 452px) {
		.primero {		
			width: 106px;
		}
	}


	@media screen and (max-width: 768px) {
		.segundo, .tercero, .primero {
			padding: 5px;
		}
	}
	@media screen and (max-width: 890px) {
		.segundo{		
			border-right: none;
		}
	}



.contenido .textotercero p{
	 font-size: 1.91em;
}	
.tituloTercero{
    font-size: 0.982em;
    width: 250px;
    float: left;
    text-align: right;
}
.textotercero .rosa {
    float: left;
    position: relative;
    left: 8px;
}
	@media screen and (max-width: 890px) {
		.textotercero {
		    width: 420px;
		    margin: 0 auto;
		}
		.contenido .textotercero p{font-size: 2.1em;}
	}
	
	@media screen and (max-width: 480px) {
		.textotercero {width: 100%;}
		.tituloTercero{
			text-align: left;
			width: 185px;
		}
		.contenido .textotercero p{text-align: left;}
		.contenido .textotercero p span {
			display: block;
			font-size:0.8em;
			float: none;
			left: 0;
		}		
	}
	
	

@media screen and (max-width: 480px) {
	p.textoRojo, .contenedor p.rosa{
		width:100%;
		text-align: left;
		font-size: 2em;
		line-height: 29px;
	}
	br.brEscritorio{display:none;}
}

/*Necesario ajuste para el submenú de tarjetas*/
#navegacion ul ul{left:135px;}

@media screen and (max-width: 940px){
		#navegacion ul ul{
			left:80px;
		}
	}
	@media screen and (max-width: 768px){
		#navegacion ul li:hover > ul{
			display:none;
		}
	}