body{
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif !important;
	margin: 0 !important;
	min-width: 360px;
	background-color: #e2e3e4 !important;

	position: relative;
}



.container-fluid{
	max-width: 1200px; 
}

.contend{
	/*box-shadow: 0px 5px 5px #C0C0C0 !important;*/
	background-color: #FFFFFF;
}

.contend-2{
	/*box-shadow: 0px 5px 5px #C0C0C0 !important;*/
	
}


.under-banner{
	top: -150px;
	position: relative;
	z-index: -1;
	margin-bottom: -150px;
}

@media screen and (max-width: 991px) {.text_left_center{ text-align: center; }}


.textoGalery{
	position: relative;
	top: -250px;
}


.error{
	color: #C40000;
	line-height: 30px;
}


.space_div_under{padding-bottom: 0px;}
.space_div_big{padding-top: 40px;}


.text_10{ font-size: 10px !important; }
.text_11{ font-size: 11px !important; }
.text_12{ font-size: 12px !important; }
.text_13{ font-size: 13px !important; }
.text_14{ font-size: 14px !important; }
.text_15{ font-size: 15px !important; }
.text_16{ font-size: 16px !important; }
.text_17{ font-size: 17px !important; }
.text_18{ font-size: 18px !important; }
.text_19{ font-size: 19px !important; }
.text_20{ font-size: 20px !important; }
.text_24{ font-size: 24px !important; }
.text_30{ font-size: 30px !important; }
.text_40{ font-size: 40px !important; }
.text_just{ text-align: justify;}
.text_interline{ line-height: 22px;}
.text_fam{ font-family: 'Montserrat', sans-serif;}


.texto404{ font-size: 118px; }

.colorblanco{ color: #FFFFFF !important; }
.colorgris{ color: #C9CED6; }
.colorcyan{ color: #00A2E5; }
.colornegro{ color: #424757; }

.colorA{ color: #505E72; }
.colorB{ color: #556C7E; }
.colorC{ color: #053750; }
.colorD{ color: #C29F88; }
.colorE{ color: #FFEABA; }




ul.b {
    list-style-type: square;
    margin-left: -25px !important; 
}



.Backcolor404{ background-color: #334454 !important; }
.Backcolorcyan{ background-color: #00A2E5 !important; }
.BackcolorBlanco{ background-color: #FFFFFF !important; }
.BackcolorNegro{ background: linear-gradient(to bottom right, #FFEABA 0%, #C29F88 100%); }
.noBackground{ background-color: rgba(33, 33, 33, 0.01) !important;}

.textArial {font-family: arial; }


.Raleway{font-family: 'Raleway', sans-serif;}
.Courgette{font-family: 'Courgette', cursive;}
.Boogaloo{font-family: 'Boogaloo', cursive;}

.descargar{ 
	width: 124px !important; 
	z-index: 1;
	position: absolute;
}

.sombra{box-shadow: 0px 10px 15px #585858 !important; /*//desp X, desp Y, tamaño sombra*/ }
.sombra2{box-shadow: 0px 0px 35px #B0B0B0 !important; /*//desp X, desp Y, tamaño sombra*/ }
.sombra_modal{box-shadow: 0px 3px 10px #BDBDBD !important; /*//desp X, desp Y, tamaño sombra*/ }


.foto_forma{
    border-radius: 10px 10px 10px 10px !important;
    border-width: 5px !important;
	border-style: solid;
	border-color: #FFFFFF;
	box-shadow: 0px 0px 15px #D4D4D4 !important;
}

.img-circle{

	border-width: 10px !important;
	border-style: solid;
	border-color: #424757;

}

.img-modal{

	/*border-width: 5px !important;*/
	border-style: solid;
	border-color: #424757;
	border-radius: 5%;
}


.btn-primary:hover { background-color: #028BC4 !important; }
.btn-primary:link { background-color: #028BC4 !important; }
.btn-primary:visited { background-color: #028BC4 !important; }
.btn-primary:active { background-color: #00A2E5 !important; }


.text-titulo{
	padding: 10px 50px 10px 50px !important; /*top right bottom left */ 
}

.my-btn-block{ padding: 10px 50px 10px 50px !important; /*top right bottom left */ }


.reporte{
	border-width: 1px;
	border-color: #515151;
}


li.a {
	padding-left: 136px;
	text-indent: -16px;
}


li.a {list-style-type: none;}


.textoBloque{
	text-align: justify;
	text-align-last:start;
}

.lighter{font-weight: lighter !important; }
.light{font-weight: 100 !important; }
.medium{font-weight: 500 !important; }
.bold{font-weight: bold !important; }
.bolder{font-weight: bolder !important; }

.italica{font-style: italic !important; }


.marginNavbar{
	padding: 300px 0px 0px 0px; /*top right bottom left */
	position: relative;
	top: -320px;
	z-index: -1;
}



._404_text{ position: relative; 
	top: 10%;
	left: 20%;
}

._404{ position: absolute; 
	top: 40%;
	z-index: -1;
	width: auto;
}

@media screen and (max-width: 900px) {
	._404_text{ position: relative; 
		top: 20%;
	}

	._404{ position: absolute; 
		top: 70%;
		z-index: -1;
	}
	.borerDatos{
		border-width: 1px !important;
		border-style: solid;
	}
}




.bannerSpace{
	height: 47px;
}

@media screen and (max-width: 999px) and (min-width: 220px) {
	.bannerSpace{
		height: 20px;
	}
}

@media screen and (max-width: 1100px) and (min-width: 1000px) {
	.bannerSpace{
		height: 40px;
	}
}








/*////////////////////////////////////////////
////////////////////NAVBAR////////////////////
////////////////////////////////////////////*/




.navbar-header{
	height: 80px;
}

.navText{
	color: #000000 !important;
	font-size: 12px !important;
	padding: 40px 10px 20px 10px !important; top right bottom left
}

.navLog{
	color: #E59100 !important;
	font-size: 13px !important;
	font-weight:900;
	padding: 30px 10px 30px 10px !important; top right bottom left
}

.cajaimagen{
	max-width: 415px;
}

.Logo{
	padding: 5px 0px 0px 0px !important; /*top right bottom left*/

	height: 75px;
}


.logoSlide{
	position: absolute;
	top: 25%; 
	height: 35% !important;
}





.icon-bar{
	width: 20px !important;
	padding-top: 3px !important;
	margin-bottom: 3px !important;
	margin-top: 3px !important;
	background-color: #30445B !important;
	color: #FFFFFF !important;
}

.icon-bar.a {
	padding-left: 36px;
	text-indent: -16px;
	background-color: #88AAD1 !important;
}



.visibleSobreXS{
	display: block; 
}
.visibleBajoXS{
	display : none;
}



@media screen and (max-width: 600px) {
	.visibleSobreXS{
		display: none; 
	}
	.visibleBajoXS{
		display: block;
	}
}


@media screen and (max-width: 767px) {
	.Logo{
		height: 70px;
		padding: 15px 0px 0px 15px !important; /*top right bottom left*/
	}

	.navbar-toggle{
		padding-top: 30px !important;
	}

	.navText{
		color: #000000 !important;
		font-size: 12px !important;
		font-family: 'Montserrat', sans-serif;
		padding: 10px 10px 10px 50px !important; top right bottom left
	}

	.navbar-nav-xs{

	}



}



.btn-default{
	background-color: #FFFFFF !important;
	color: #545454 !important;
	font-size: 12px !important;
	padding : 5px 10px 5px 10px !important;/*top right bottom left */
	border-radius: 0px 0px 0px 0px !important;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin-bottom: 5px !important;
}

.btn-default:hover, 
.btn-default:active, 
.btn-default:focus, 
.btn-default:target, 
.btn-default:active:focus{

    margin-bottom: 5px !important;
	background-color: #ECECEC !important;
	color: #574A3A !important;
	font-size: 12px !important;
	padding : 5px 10px 5px 10px !important;/*top right bottom left */
	border-radius: 0px 0px 0px 0px !important;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.2s;
}



.nav-btn-primary{
	margin-top: 35px;
	background-color: #FFFFFF !important;
	color: #545454 !important;
	font-size: 12px !important;
	padding : 5px 10px 5px 10px !important;/*top right bottom left */
	border-radius: 0px 0px 0px 0px !important;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.nav-btn-primary:hover{
	margin-top: 35px;
	background-color: #505E72 !important;
	color: #FFFFFF !important;
	font-size: 12px !important;
	padding : 5px 10px 5px 10px !important;/*top right bottom left */
	border-radius: 25px 25px 25px 25px !important;
}

.nav-btn-primary:active, 
.nav-btn-primary:focus, 
.nav-btn-primary:target, 
.nav-btn-primary:active:focus {
	margin-top: 35px;
	background-color: #505E72 !important;
	color: #FFFFFF !important;
	font-size: 12px !important;
	padding : 5px 10px 5px 10px !important;/*top right bottom left */
	border-radius: 25px 25px 25px 25px !important;
}


@media screen and (max-width: 767px) {
	.nav-btn-primary{
		margin-top: 1px;
		background-color: #FFFFFF !important;
		color: #545454 !important;
		font-size: 12px !important;
		margin : 5px 25% 5px 25% !important;/*top right bottom left */
		padding : 5px 0px 5px 0px !important;/*top right bottom left */
		border-radius: 0px 0px 0px 0px !important;
	}

	.nav-btn-primary:hover{
		margin-top: 1px;
		background-color: #505E72 !important;
		color: #FFFFFF !important;
		font-size: 12px !important;
		border-radius: 25px 25px 25px 25px !important;
	}

}





/*scroll effect*/


/*////////////////////////////////////////////
//////////////////CARROUSEL//////////////////
////////////////////////////////////////////*/


.btnSlide{
	position: absolute;
	bottom: 5px; 
	right: 20px; 
}

.carousel-indicators{
	position: absolute !important;
	bottom: -40px !important;
	color:  #C33E3E!important;;
}
.carousel-indicators li {
	cursor: pointer;
	background-color: #C5C5C5 !important;   
}
.carousel-indicators .active {
	background-color: #0CA6D8 !important;
}


.my-btn-info{
	background: rgba(96, 96, 96, 0.25) !important;
	font-size: 12px !important;
	color: #434343 !important;
	font-weight: lighter;
	font-size: 15px !important;
	/* text-shadow: 2px 2px 8px #4C4C4C; */
	font-weight: bolder !important; 
	padding : 15px 30px 15px 30px !important;/*top right bottom left */
}






/*////////////////////////////////////////////
//////////////////FOOTER//////////////////
////////////////////////////////////////////*/

footer{
	background : #688291;
	background : linear-gradient(to bottom , #505E72 15%, #2F2F2F 90%);
		/*background : linear-gradient(to bottom , #393938 15%, #505E72 100%);*/

	padding    : 25px; /*top right bottom left */
	font-size  : 13px;
	position   : inherit;
	bottom     : 0;
	width      : 100%;
	text-decoration: none;
}








/*////////////////////////////////////////////
////////////////////CUERPO////////////////////
////////////////////////////////////////////*/


.container_titulo_central{
	text-align: center;
	font-size: 24px;
	color: #000000;
	font-weight: 500; 
	padding    : 0px 0px 00px 0px; 
}

.servicios_titulo{
	font-size  : 13px;
	color: #262F3A;
}

.link_ver_mas{
	font-size  : 12px;
	color: #1AA1E1;
}




/*////////////////////////////////////////////
//////////////PAGINA DE INICIO////////////////
////////////////////////////////////////////*/






.carrusel{
	position: relative;
	margin-top: 50px;
}


li{
	line-height: 22px;
	font-size: 13px;
}



.fondoBlanco{
	background-color: #FFFFFF;
	padding : 40px 0px 120px 0px !important;/*top right bottom left */
}


.titulo{
	font-size: 28px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}



.ancho80{
	width: 80%;
	margin-left: 10%;
}

.ancho90{
	width: 90%;
	margin-left: 5%;
}

.bg {
	background: url("/images/background_home.jpg") no-repeat center center;
	position: fixed;
	width: 100%;
	height: 1140px; /*same height as jumbotron */
	top:0px;
	left:0;
	z-index: -1;
}






.inicio_equipo{
	background-image: transparent;
	-webkit-background-size: cover;
	background-position: center;
	height: 500px;
}

.texto_inicio_equipo{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: lighter;
	font-family: 'Open Sans', sans-serif;

}
.glyphicon-ok{
	padding: 0px 15px 0px 0px; /*top right bottom left */
}



hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style2 {
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #BFBFBF, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #BFBFBF, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #BFBFBF, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #BFBFBF, #f0f0f0); 
}


.space_br{
	height: 18px;
}




 .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #337ab7 !important;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: none !important;
    }

    .applycolor {
        background-color: #efefef;
        text-decoration: none;
        color: #fff;
    }

    .applycolor:hover {
        background-color: #337ab7;
        text-decoration: none;
        color: #fff;
    }

    .button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
    border-radius: 25px 25px 0px 25px !important;
}


