@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
}
body {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 15px;
}

h1 {
	font-family: 'Vidaloka', Arial, Helvetica, serif;


}

 h2, h3 {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

li, ol, ul {
	margin: 0px;
	padding: 0px;
}
p {	color: #323232; }
.blanco {	color: #fff;}
.azul {	color: #015aae;}
.gris {	color: #323232;}

.azulf {	background-color: #015aae;}
.negrof {	background-color: #000;}
.grisf {	background-color: #323232;}

.clear {	clear: both;}


.margin20 {	margin-bottom: 20px;	margin-top: 20px;}
.padding20 {	padding-bottom: 20px;	padding-top: 20px;}

.margin40 {	margin-bottom: 40px;	margin-top: 40px;}
.padding40 {	padding-bottom: 40px;	padding-top: 40px;}

.padding20t {	padding-top: 20px;}
.padding20b {	padding-bottom: 20px;}

.padding40t {	padding-top: 40px;}
.padding40b {	padding-bottom: 40px;}

.padding60t {	padding-top: 60px;}

.opacidad {	background-color: rgba(255, 255, 255, 0.9);}
.opacidad2 {	background-color: rgba(255, 255, 255, 0.8);}

.sombra {	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);}
.div_sombra {
	-webkit-box-shadow: 0px 0px 42px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 42px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 42px 0px rgba(0,0,0,0.5);
}
/*cabecaras*****************************************************/	

.cap_sup {
	padding: 5px 0px 5px 0px;
	color: #FFF;
	font-size: 13px;
	background-color: #015aae;
}
.cap_sup a {
	color: #fff;
	font-weight: bold;
}
.cap_sup a:hover {
	color: #ccc;
}
.cabecera {
}
.cabecera h1 {
	font-size: 55px;
	color: #000;
}
.cabecera h2 {
	font-size: 28px;
	font-weight: normal;

}
.cabecera i {
	font-size: 40px;
	color: #999;
	font-weight: normal;
	padding-top: 10px;
	-webkit-transition: color 1s Ease;
	-moz-transition: color 1s Ease;
	-o-transition: color 1s Ease;
	-ms-transition: color 1s Ease;
	transition: color 1s Ease;
}
.cabecera i:hover {
	color: #000;
	font-weight: normal;
}



h1.logo {
	margin-top: 0px;
}
h1.logo img {
	width: 100%;
	height: auto;
}
 @media only screen and (max-width: 420px) and (min-width: 1px) {
.cabecera h1 {
	font-size: 40px;
	padding-left: 10px;
	padding-right: 10px;
}
.cabecera h2 {
	font-size: 22px;
	padding-left: 10px;
	padding-right: 10px;
}
}
/*CARRUSEL*****************************************************/	
	
#map {
	width: 100%;
	height: 100%;
	min-height: 100%;
}
#map2 {
	width: 100%;
	height: 100%;
	min-height: 100%;
}
#map3 {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

#map6 {
	width: 100%;
	height: 100%;
	min-height: 100%;
}
.fill.container {
	padding-right: 0px;
	padding-left: 0px;
}
.fill {
	min-height: 100%;
	background-image: url(../img/fondo.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.fill2.container {
	padding-right: 0px;
	padding-left: 0px;
}
.fill2 {
	min-height: 100%;
	width: 100%;
	background-color: #999;
	background-size: cover;
	background-position: center center;
	background-image: url(../img/f_riverthia.jpg);
}
.fill2 .btn-primary {
	background-color: #00a39a;
	border: #00a39a;
	-webkit-transition: background-color 1s Ease;
	-moz-transition: background-color 1s Ease;
	-o-transition: background-color 1s Ease;
	-ms-transition: background-color 1s Ease;
	transition: background-color 1s Ease;
	margin-top:20px;
}
	.fill2 .btn-primary:hover {
	background-color: #000;
	border: #00a39a;
	}

.fill3.container {
	padding-right: 0px;
	padding-left: 0px;
}
.fill3 {
	min-height: 100%;
	width: 100%;
	background-color: #999;
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../img/f_lifance.jpg);
	background-attachment: fixed;
}
.fill3 .btn-primary {
	background-color: #66bc25;
	border: #00a39a;
	-webkit-transition: background-color 1s Ease;
	-moz-transition: background-color 1s Ease;
	-o-transition: background-color 1s Ease;
	-ms-transition: background-color 1s Ease;
	transition: background-color 1s Ease;
	margin-top:20px;
}
	.fill3 .btn-primary:hover {
	background-color: #000;
	border: #00a39a;
	}
	
.fill4.container {
	padding-right: 0px;
	padding-left: 0px;
}
.fill4 {
	min-height: 100%;
	width: 100%;
	background-color: #999;
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../img/f_lifance.jpg);
	background-attachment: fixed;
}
.fill4 .btn-primary {
	/*background-color: #66bc25;*/
	border: #00a39a;
	-webkit-transition: background-color 1s Ease;
	-moz-transition: background-color 1s Ease;
	-o-transition: background-color 1s Ease;
	-ms-transition: background-color 1s Ease;
	transition: background-color 1s Ease;
	margin-top:20px;
}
	.fill4 .btn-primary:hover {
	background-color: #000;
	border: #00a39a;
	}
	
.muro{	height:150px;
	background-image: url(../img/fondo.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	background-attachment: fixed;
	
}
	
 @media only screen and (max-width: 800px) and (min-width: 501px) {
.fill {	background-image: url(../img/fondo_800.jpg); }
.fill2 {background-image: url(../img/f_riverthia_800.jpg);}
.fill3 {background-image: url(../img/f_lifance_800.jpg);}
	 .fill4 {background-image: url(../img/f_lifance_800.jpg);}
.muro {	background-image: url(../img/fondo_800.jpg); }
 }
 
  @media only screen and (max-width: 500px) and (min-width: 1px) {
.fill {	 background-attachment: scroll;}
.fill2 {background-image: url(../img/f_riverthia_400.jpg); 	background-attachment: scroll;}
.fill3 {background-image: url(../img/f_lifance_400.jpg);background-attachment: scroll;}

	  .fill4 {background-image: url(../img/f_lifance_400.jpg);background-attachment: scroll;}
.muro {	background-image: url(../img/fondo_mov.jpg);	background-attachment: scroll;}

 }
 
   @media only screen and (max-width: 400px) and (min-width: 1px) {
.fill {	background-image: url(../img/fondo_500.jpg);}
   }
	
/*RIVERTHIA*****************************************************/

.mk {}
.mk .logo img {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.mk h2 {
	font-size: 28px;
	font-weight: bold;
}
.mk p {
	/*font-weight: bold ;*/
	font-size: 16px;
	line-height:26px;
	margin-bottom:10px;
}
.mk strong{
	font-size: 19px;
	color:#000;
}

.lf {}
.lf .logo img {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.lf h2 {
	font-size: 28px;
	font-weight: bold;
}
.lf p {
	/*font-weight: bold ;*/
	font-size: 16px;
	line-height:26px;
	margin-bottom:10px;
	/*text-align:right;*/
}
.lf strong{
	font-size: 19px;
	color:#000;
}


.or {}
.or .logo img {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.or h2 {
	font-size: 28px;
	font-weight: bold;
}
.or p {
	/*font-weight: bold ;*/
	font-size: 16px;
	line-height:26px;
	margin-bottom:10px;
}
.or strong{
	font-size: 19px;
	color:#000;
}

.continuar {
	padding-top: 6%;
	padding-bottom:20px;
}
.continuar i {
	font-size: 28px;
	color: #333;
	font-weight: normal;
	-webkit-transition: color 1s Ease;
	-moz-transition: color 1s Ease;
	-o-transition: color 1s Ease;
	-ms-transition: color 1s Ease;
	transition: color 1s Ease;
}
.continuar i:hover {
	font-size: 28px;
	color: #999;
	font-weight: normal;
}
.mov_margenb { margin-bottom:none;}



  @media only screen and (max-width: 991px) and (min-width: 1px) {
.lf p {	text-align:left;}
.mov_margenb { margin-bottom:20px;}
  }

/*call*****************************************************/
.call_to h3 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: right;
}
.call_to i {
	color: #FFF;
}
.call_to a {
	color: #FFF;
	text-decoration: none;
}
.call_to a:hover {
	color: #ccc;
	text-decoration: none;
}
@media only screen and (max-width: 767px) and (min-width: 1px) {
.call_to h3 {
	text-align: left;
	padding: 0px 0px 10px 0px;
}
}
/*FOOTER*****************************************************/
footer {
	color: #FFF;
}
footer a {
	color: #FFF;
}
footer a:hover {
	color: #015aae;
}
footer p {
	font-size: 13px;
	color: #FFF;
}
.listar li {
	float: right;
	padding: 10px;
	list-style-type: none;
	font-size: 20px;
}
.listal li {
	float: left;
	padding: 10px;
	list-style-type: none;
	font-size: 20px;
}
.linea {
	display: none;
}
@media only screen and (max-width: 767px) and (min-width: 1px) {
.linea {
	clear: both;
	border-bottom: solid #ccc 1px;
	margin-bottom: 10px;
	padding-top: 10px;
	display: block;
}
}
/*VERTICAL*****************************************************/

.vertical-center {
	min-height: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width: 100%;
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : center;
}
 @media only screen and (max-width: 400px) and (min-width: 1px) {
.vertical-center {
/*	min-height: auto;*/
}
}



/******************************************/
h1.foto_logo {
	margin-top: 0px;
	font-size:40px;
}


h1.foto_logo img {
	width: 100%;
	max-width:250px;
	height: auto;
	margin-left: auto;
	margin-right:auto;
}

h2.foto_logo {
	font-size:20px;
}



/*2019*/

.botones .btn-lg { width: 100%; display:block; padding-top:20px;padding-bottom:20px;}