/*FUENTES IMPORTADAS*/

@font-face {
	font-family: Sunrise;
	src: url('../fonts/Sunrise_International.otf');
}

@media only screen and (max-width: 600px) {
    .logo{
		position:absolute !important; 
		max-height:20% !important; 
		max-width:25% !important; 
		min-width:13% !important; 
		min-height:10% !important; 
		top: 50px !important; 
		left : 38% !important; 
	    background-position: center !important; 
		z-index: 1 !important; 
		position: center !important;
	}

	.banner-hojas{
		background-image: url('../images/banner_hojas.png') !important;
		background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center;
	    width: 100%;
	    padding-top: 150px !important;
	    padding-bottom: 500px;
	    align-items: center;
	}

	.margin-inicio{
		margin-left: 0% !important;
	}

	.cuncuna{
		padding-top: -10px !important;
	}
}


@media only screen and (max-width: 1600px) {
	.margin-inicio{
		margin-left: 27% !important;
	}
}

/*@media only screen and (max-width: 700px) {
	.margin-inicio{
		margin-left: 20.5% !important;
	}
}*/
/******* Genrales *******
*************************/

.titulos-sunrise{
	font-family: Sunrise, serif;
	font-size: 35px;
	color: #ffffff;
}

.parrafo-blanco{
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	color: #ffffff;
	margin-left: 10px; 
}

.back-nav{
	background-color: #0181b0 !important;
}

.btn-whatsapp {
    display:block;
    width:80px;
    height:80px;
    color#fff;
    position: fixed;
    right:20px;
    bottom:20px;
    border-radius:50%;
    line-height:80px;
    text-align:center;
    z-index:999;
}

.btn-email {
    display:block;
    width:20px;
    height:20px;
    color#fff;
    position: fixed;
    right:80px;
    bottom:160px;
    border-radius:50%;
    line-height:80px;
    text-align:center;
    z-index:999;
}

.icono-email{
    width:80px;
    height:80px;
}

.thead-tabla{
	background-color: #0181b0;
	color: #ffffff;
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
	text-align: center;
}

.align-texto{
	text-align: left;
	vertical-align: middle;
}

/******************
		BOTONES
*******************/
	
.btn-lector{
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
}

/******************
		TOP
*******************/

.titulos_menu{
	font-size: 16px !important;
	color: #ffffff !important;
	font-weight: bold !important;
	font-family: 'Poppins', sans-serif !important;
	margin-right: 50px;
}

.logo{
	position:absolute;
	max-height:20%;
	max-width:15%;
	min-height:10%;
	min-width:13%;
	top: 55px;
	left : 43%;
	z-index: 2;
}

.margin-inicio{
	margin-left: 33.5%;
}

.sesion-usuario{
	font-size: 13px !important;
	color: #ffffff !important;
	/*font-weight: bold !important;*/
	font-family: 'Poppins', sans-serif !important;
	text-align: center;
}


.banner-hojas{
	background-image: url('../images/banner_hojas.png') !important;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 0;
    padding-top: 15%;
    padding-bottom: 0px;
    align-items: center;
}

/******************
		NOSOTROS
*******************/
.back-nosotros{
	background-image: url('../images/backgrounds/fondo_nosotros.jpg');
	background-size: auto;
}

/******************
		PLANES
*******************/

.estrella{
	position: absolute;
	display:block;
    bottom:93%;
    right: 85%;
    /*line-height:80px;*/
    /*text-align:center;*/
    z-index:999;
}

.titulos-sunrise-planes{
	font-family: Sunrise, serif;
	font-size: 50px;
	color: #ffffff;
}

.back-planes-uno{
	background-image: url('../images/backgrounds/planes_uno_verde.jpg');
	background-size: auto;
}

.back-planes-dos{
	background-image: url('../images/backgrounds/planes_dos_rojo.jpg');
	background-size: auto;
}

.valor-plan{
	font-family: 'Poppins', sans-serif !important;
	font-weight: bold !important;
	color: #ffffff !important;
	text-align: center;
	border-top: 2px solid;
	border-bottom: 2px solid;
}


.nav-pills-inactiv{
	border: solid 2px #f2f2f2;
	margin-top: 10px;
}

/******************
		REGALOS
*******************/

.back-regalo{
	background-image: url('../images/backgrounds/regalos_amarillo.jpg');
	background-size: auto;
}

/******************
	CÓMO FUNCIONA
*******************/

.titulos-sunrise-azul{
	font-family: Sunrise, serif;
	font-size: 45px;
	color: #0181b0;
	text-align: center;
}

.cf-titulo-parrafo{
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	color: #0181b0;
	font-weight: bold;
	text-align: center;
}

.cf-parrafo-azul{
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	color: #0181b0;
	text-align: center;
}

.max-div{
	max-width: 370px;
}

.img-cf{
	max-height: 200px;
	display: block;
 	margin-left: auto;
	margin-right: auto;
}

.cuncuna{
	padding-top: 61px;
}

.margen-mini{
	margin-top: 29px;
}

.margen-suscripciones{
	margin-top: 29px;
}

.margen-regalos{
	margin-top: 29px;
}

/******************
	MI CUENTA
*******************/

.nino-leyendo{
	/*max-width: 500px !important;*/
}




/******************
		CONTACTO
*******************/

.back-contacto{
	background-image: url('../images/contacto/contacto-scaled.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 150px;	
}

/******************
		FAQ
*******************/

.link_collapse_faq{
	font-size: 13px;
	color: #0181b0;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	text-decoration:none !important;
	text-align: left;
}

.card_feader_padding{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.card-body p{
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
	color: #888888;
}


/******************
		footer
*******************/
.footer{
	position: relative;
  	bottom: 0px;
  	margin-top: 5%;
  	padding-right: 0px;
  	background-color: #F2F2F2;
}

.titulos_footer{
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
}

.link_footer{
	font-size: 13px;
	color: #888888;
	font-family: 'Poppins', sans-serif;
}

.thumbnail-wrapper a{
pointer-events: none !important;
cursor: default !important;
}

.p-imagen{
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
	color: #888888;
	text-align: center;
}


