@charset "utf-8";
@import url("seccion.css");
/* CSS Document */

body {
	margin:0px; 
	}
strong{
	font-weight:300;}
	
	
	
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999999999999999;
    background:url(../img/JointRevolvingAntelopegroundsquirrel-size_restricted.gif) 50% 50% no-repeat #FFF;
    opacity: 1.0;
}
	
section {
	padding-top:50px;
	padding-bottom:50px;

	
	}
.sectiondos {
	padding-top:50px;
	

	
	}
	
.navegacion {
	float:right;

	
	}
	
.barra-nav {
	
	cursor:pointer;
	color:#777777;
	text-shadow:-1px 1px 0px #ffffff;
	position:fixed;
	width:100%;
	z-index:999;
	
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	
	-webkit-box-shadow: 6px 4px 34px -12px rgba(0,0,0,0.5);
-moz-box-shadow: 6px 4px 34px -12px rgba(0,0,0,0.5);
box-shadow: 6px 4px 34px -12px rgba(0,0,0,0.5);
	
	
	}
	
p {
	color:#666666;
	}
	
.navegacion a {
	text-decoration:none;
	display:inline-block;
	margin-top:25px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	border-right:groove 2px #FFF;
	padding-right:15px;
	text-align:center;
	border-bottom:2px solid #;
		font-size:15px;
	font-weight:600; 
	font-family: 'Open Sans', sans-serif;
	color:#777777;
	text-shadow:-1px 1px 0px #ffffff;
	
	/* 
	
		box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	cursor:pointer;
	color:#777777;
	text-shadow:-1px 1px 0px #ffffff;
	
	*/

}

.navegacion a:hover{
	
	/* 
	
	color:#777777;
		border-bottom:2px solid #FC0;
		
		background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;

}

.navegacion a:active {
	position:relative;
	top:1px;
	*/
}

	
.navbar-fixed-top {
	position:fixed;
	padding:20px;
	width:100%;
	background-color:#06C;
	padding:20px 0;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out
	}

.top-nav-collapse {
	width:100%;
	padding:0px;
	height:50px;
	background-color:#0F6;
	}
	
.icono {
	position:relative;
	opacity:0.8;
	top:0px;
	transition:0.1s ease-in-out 0.1s;
	
	
	}
	
.icono:hover {
	top:-20px;
	opacity:1;
	

	}
h1 {}

h2 {
	font-size:41px;
	color:#000;
	font-weight:200; 
	font-family: 'Open Sans', sans-serif;
	margin:0px;
	}

.grafica h2 {
	margin-top:20px;
	}
h3 {
	font-size:24px;
	color:#000;
	font-weight:200; 
	font-family: 'Open Sans', sans-serif;

	}
	
h4 {
	font-size:24px;
	color:#FFFFFF;
	font-weight:400; 
	font-family: 'Open Sans', sans-serif;
	}


.boton {
	position:relative;
	margin-top:20px;
	left:0px;
	border:#FFF 1px solid;
	color:#FFFFFF;
	width:110px;
	border-radius:50px;
	padding-left:30px;
	transition:0.1s ease-in-out 0.1s;
	
	
	}
.boton h4 {
	
	transition:0.1s ease-in-out 0.1s;
	
	
	}

.boton:hover {
	
	background-color:#FFF;
	
	}
	
.boton:hover h4 {
	color:#544eb1;

	
	}
	
	-----------
	
.boton1 {
	
	
	
	}
.boton1 h4 {
	color:#FFF;
	
	font-size:12px; padding-right:20px; padding-left:20px; display:block; margin-bottom:20px; margin-top:10px; font-weight:600;
	
	
	}
.boton1 span {
	
	transition:0.1s ease-in-out 0.1s;
	position:relative;
	left:0px;
	
	
	}

.boton1:hover {
	
	
	
	}
	
.boton1:hover span {
	color:#544eb1;
	text-decoration:none;
	left:10px;
	

	
	}	
	
	----------
	
.centrado {
	text-align:center;
	}

.grafica h2 {
	font-family: 'Roboto Slab', serif;
	font-weight:100;
	color:#FFFFFF;
	
	}

p {
	font-size:17px;
	line-height:29px;
	color:#666;
	font-weight:300; 
	font-family: 'Open Sans', sans-serif;
	}

	
.grey {
	background-color:#CCCCCC;
	
	}
.contenedor {
	width:85%;
	margin:0 auto 0 auto;
	}
.contenedorgrafica {
	width:85%;
	margin:0 auto 0 auto;
	padding-top:20px;
	padding-bottom:20px;
	}
	
.contenedorgrafica h2 {
	
	font-family: 'Roboto Slab', serif;
	font-weight:100;
	color:#FFFFFF;
	border-bottom:;
	margin-bottom:15px;
	
	}

.contenedorgrafica p {
	
	font-family: 'Roboto Slab', serif;
	font-size:21px;
	margin-bottom:15px;

	
	}
	
	
.cincuenta {
	width:45%;
	position:relative;
	}
	
.flotantemedio {
	float:left;
	}
	
.tercio {
	width:32%;
	display:inline-table;
	margin-bottom:50px;
	
	}
.cuarto {
	width:25%;
	float:left;
	
	}
	
.titulo {
	padding:20px;
	}
	
.titulo-lateral {
	
	text-align:left;
	}

.titulo-lateral h2{
	padding:20px;
	font-size:32px;
	}
	
	
.flota {
	float:left;
	}
	
footer {
	padding-top:50px;
	padding-bottom:100px;
	overflow:hidden;
	background-color:#091c2a;
	background-image:;
	overflow:hidden;
	
	}
	
footer h3 {
	font-weight:800;
	color:#FFF;
	font-size:18px;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
	}
	
footer p {
	font-weight:200;
	color:#FFF;
	font-size:15px;
	padding:20px;
	
	}
	

	
	
.buttom {
	margin-top:50px;
	
	}
.buttom span {
	background:#5276ac;
	color:#FFFFFF;
	margin-left:20px;
	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:20px;
	font-weight:200; 
	font-family: 'Open Sans', sans-serif;
	border-radius:4px;
	
	

	}
	
.buttom {
	margin-top:0px;
	
	}
.but {
	background:#5276ac;
	color:#FFFFFF;

	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:20px;
	font-weight:200; 
	font-family: 'Open Sans', sans-serif;
	border-radius:4px;
	border:none;
	
	

	}

.width-marca {

	display:inline-block;
	margin:20px 10px 20px 10px;
	
	position:relative;
	opacity:0.8;
	top:0px;
	transition:0.1s ease-in-out 0.1s;
	
	display:inline-block;
	width:120px;
	height:80px;
	border:#CCC solid 1px;
	border-radius:3px;
	opacity:0.7;
	transition:all .1s ease-in-out;
	
	-webkit-box-shadow: 1px 1px 0px 1px #FFF;
-moz-box-shadow: 1px 1px 0px 1px #FFF;
box-shadow: 1px 1px 0px 1px #FFF;
	
		
	}
	
.width-marca:hover {

	
	opacity:1;
	
		
	}
.pestana {
	margin-bottom:20px;}
	
.descripcion p {
	font-size:32px;
	
	}
.centrado-textos {
	text-align:center;
	}
#corte {
	width:50px; 
	height:4px; 
	background-color:#5276ac;
    margin:0 auto 0 auto; 
	margin-top:20px;
	}

.cuarto h3 {
	border-bottom: #5276ac 1px dotted;
	}


@media (max-width: 500px) { 


.display {
	display:none;
	}
	

.grafica h2 {
	font-size:34px;
	}

.width-marca {
	
	width:90px;
	height:61px;

	margin:5px 2px 5px 2px;
		
	}

.centrado-textos {
	text-align:left;
	}


.contenedor {
	width:95%;
	margin:0 auto 0 auto;
	}
.contenedorgrafica {
	width:80%;
	margin:0 auto 0 auto;
	padding-top:20px;
	padding-bottom:20px;
	}
	
.cincuenta {
	width:100%;
	}
	
.tercio {
	width:100%;
	display:inline-table;
	margin-bottom:50px;
	
	
	}

.cuarto {
	width:100%;
	float:left;
	
	
	}

.cuarto h3 {
	border-bottom: #5276ac 1px dotted;
	padding-bottom:20px;
	
	
	}
	
#corte {
	width:50px; 
	height:4px; 
	background-color:#5276ac;
	margin-left:0px;
	margin-top:20px;
	}


	
}