@charset "utf-8";

.superiorinicio{
	margin-top: 150px;
}


.superiornumeros{
	margin-top: 40px;
}

.cuadro1{ 
	border: 2px solid #ffd204; 
	padding: 50px!important;
}

.cuadrogris{
	background: #C9CBCD;
	padding: 20px!important;
	margin-top: 50px!important;
	/*margin-left: 10px;
	width: 330px!important;*/	
}

.anacasas{
	background-image: url(../images/personas/ana1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	/*background-image: url("images\personas\ana1.jpg");*/	
	/*background: #C9CBCD;
	padding: 20px!important;
	margin-top: 50px!important;*/
	/*margin-left: 10px;
	width: 330px!important;*/	
}


.fotospersonas:hover {filter: opacity(.3);}

.cuadroamarillo{
	background: #ffd204;
	padding: 40px 0px 0px 50px!important;
	margin-top: 50px;
	border-bottom-left-radius: 25px;
}

.cuadroblanco{
	z-index: 100px;
	background: #fff;
	padding: 10px 0px 30px 40px!important;
	margin-left: -80px;
	
}

/*Iconos redes sociales*/
.social [class*="fa fa-facebook"] {
    background-color: #2568b3;
    border-radius: 20px;
    color: #fff;
    /*display: inline-block;*/
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    /*font-size: 15px;*/
    text-align: center;
}
.fa-facebook:hover { 
    background-color: #337DCF; 
}

.social [class*="fa fa-twitter"] {
    background-color: #29abe2;
    border-radius: 30px;
    color: #fff;
    /*display: inline-block;*/
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    /*font-size: 15px;*/
    text-align: center;
}
.fa-twitter:hover { 
    background-color: #42B8E9; 
}

.social [class*="fa fa-caret-right"] {
    background-color: #e11e26;
    border-radius: 30px;
    color: #fff;
    /*display: inline-block;*/
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    /*font-size: 15px;*/
    text-align: center;
}
.fa-caret-right:hover { 
    background-color: #E8343B; 
}

.social [class*="fa fa-instagram"] {
    background-color: #125c86;
    border-radius: 30px;
    color: #fff;
    /*display: inline-block;*/
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    /*font-size: 15px;*/
    text-align: center;
}
.fa-instagram:hover { 
    background-color: #206D98; 
}

/* Agregados mlp */

p{
	font-family: 'flama-semi-book' !important;
	text-align: justify;
	font-size: 18px;
	color: #211915 !important;
}

.txt-reel{
	margin-left: 30px;
	font-family: 'flama-semi-ultra';
	font-size: 18px;
	color: #211915 !important;
	text-align: justify;
	z-index: 999;
	
}

.div-marco{
	margin-left: 80px;
	border-left: 2px solid #f9dd39;
}

.img-separador{
	position: absolute;
	z-index: 888;
}

.img-separador2{
	position: absolute;
	z-index: 888;
	margin-top: -80px;
	right: 0;
}

.enEnlaces{
	font-family: 'flama-semi-book' !important;
	font-size: 16px;
	color: #808183 !important;
	text-align: right;
}

#btnVermas1, #btnVermas2{display: block;}
#btnVermenos1, #verm1, #btnVermenos2, #verm2{display: none;}


/* Seccion 2 */
.tit-rojo{
	font-family: 'flama-conden-basic';
	font-size: 40px;
	line-height: 1;
	color: #cc2128 !important;
}

/* Seccion 3 */
.txt-sub-1{
	font-family: 'flama-conden-semib';
	font-size: 40px;
	color: #262424;
}

.txt-sub-2{
	font-family: 'flama-conden-basic';
	font-size: 40px;
	color: #cc2128;
}

.txt-raya{
	font-family: 'flama-conden-basic';
	font-size: 60px;
	color: #afafaf;
}

.img-manifiesto{
	width: 360px;
	height: 220px;
    background-image: url(../images/escencia.png);
	transition:all 1s ease-in-out;
}

.img-manifiesto:hover{
	transition:all 1s ease-in-out;
    background-image: url(../images/escencia-over1.png);
}

.en-redes{
	list-style: none;
	margin-top: 10px;
}
.en-redes li{float: left;}

spansubti{
	font-size: 13px;
} 


.btn-n{
	display: block;
}

.btn-ico{
	display: none;
}

/* md */

@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* sm */

@media (min-width: 768px) and (max-width: 991px) {
	.tit-rojo{font-size: 35px;}
}

/* xs */

@media (min-width: 480px) and (max-width: 767px) {
	h1{ font-size: 28px;}
	.tit-rojo{font-size: 32px;}
	.btn-n{	display: none;}
	.btn-ico{display: block;}
	.txt-sub-1{	font-size: 30px;}
	.txt-sub-2{	font-size: 30px;}
	.txt-raya{font-size: 30px;}
}

/* XS Portrait */

@media (max-width: 479px) {
	h1{ font-size: 24px;}
	.tit-rojo{font-size: 24px;}
	.btn-n{	display: none;}
	.btn-ico{display: block;}
	.txt-sub-1{	font-size: 25px;}
	.txt-sub-2{	font-size: 25px;}
	.txt-raya{font-size: 25px;}
}

