@charset "utf-8";
/* CSS Document */
body{
	background:#FFF;
}
div{
}

button.btn{
	color:#333;
	font-family: 'Istok Web', sans-serif;
	font-size:1.5em;
	font-weight:600;
	margin:20px auto 20px auto;
	border:none;
	background-color:transparent;
	
}
button.btn:hover{
	color:#fff;
	font-family: 'Istok Web', sans-serif;
	font-size:1.5em;
	font-weight:600;
	border:none;
	background-color:transparent;
	
}
button.cerrar{
	color:#fff;
	font-family: 'Istok Web', sans-serif;
	font-size:1.2em;
	font-weight:500;
	margin:20px 20px 20px 20px;
	border-radius:5px;
	background-color:#1b2236;
	
}
button.cerrar:hover{
	color:#fff;
	font-family: 'Istok Web', sans-serif;
	font-size:1.2em;
	font-weight:500;
	border-radius:5px;
	background-color:#00a8ff;
	
}
button.enviar{
	color:#fff;
	font-family: 'Istok Web', sans-serif;
	font-size:1.2em;
	font-weight:500;
	border-radius:5px;
	background-color:#00a8ff;
	padding: 10px 30px;
}
.container{
	margin-top:10px;
	margin-bottom:30px;
	padding-top:20px;
	pading-bottom:20px;
	
}
.container-fluid{
	background:url(../imagenes/img-header3.jpeg);
	/*height:500px;*/
	overflow:hidden;
}
.banner{
	background:url(../imagenes/img-header3.jpeg);
	/*height:500px;*/
	overflow:hidden;
	height:500px;
	max-height:500px;
	padding-top:0px;
}

.container-fluid2{
	background:url(../imagenes/img-portafolio.png);
	/*max-height:1000px;*/
	overflow:hidden;
	width:100%;
}

.cuadro1{
	background:url(../imagenes/img-cuadro1.png);
	padding: 15px 10px 30px 10px;
	width:100%;	
	-webkit-border-radius: 10px 10px;
	-o-moz-border-radius:10px 10px;
	-ms-border-radius:10px 10px;
	border-radius:10px 10px;	
}
.cuadro2{
	background:url(../imagenes/img-cuadro2.png);
	padding: 15px 10px 30px 10px;
	width:100%;	
	-webkit-border-radius: 10px 10px;
	-o-moz-border-radius:10px 10px;
	-ms-border-radius:10px 10px;
	border-radius:10px 10px;	
}
.cuadro3{
	background:url(../imagenes/img-cuadro3.png);
	padding: 15px 10px 30px 10px;
	width:100%;	
	-webkit-border-radius: 10px 10px;
	-o-moz-border-radius:10px 10px;
	-ms-border-radius:10px 10px;
	border-radius:10px 10px;	
}
.circulo1{
	border:1px solid #f30000;
	color:#666;
	font-size:1.1em;
	-webkit-border-radius: 10px 10px;
	-o-moz-border-radius:10px 10px;
	-ms-border-radius:10px 10px;
	border-radius:10px 10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
}
.circulo1:hover{
	background-color:#f30000;
	color:#fff;
}

.circulo2{
	border:1px solid #3da72e;
	color:#666;
	font-size:1.1em;
	-webkit-border-radius: 10px 10px;
	-o-moz-border-radius:10px 10px;
	-ms-border-radius:10px 10px;
	border-radius:10px 10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
}
.circulo2:hover{
	background-color:#3da72e;
	color:#fff;
}

.circulo3{
	border:1px solid #00a8ff;
	color:#666;
	font-size:1.1em;
	-webkit-border-radius: 10px 10px;
	-o-moz-border-radius:10px 10px;
	-ms-border-radius:10px 10px;
	border-radius:10px 10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
	
}
.circulo3:hover{
	background-color:#00a8ff;
	color:#fff;
}
.circulo4{
	border:1px solid #fe8606;
	color:#666;
	font-size:1.1em;
	-webkit-border-radius: 10px 10px;
	-o-moz-border-radius:10px 10px;
	-ms-border-radius:10px 10px;
	border-radius:10px 10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
	
}
.circulo4:hover{
	background-color:#fe8606;
	color:#fff;
}
.circulo5{
	border:1px solid #fe068c;
	color:#666;
	font-size:1.1em;
	-webkit-border-radius: 10px 10px;
	-o-moz-border-radius:10px 10px;
	-ms-border-radius:10px 10px;
	border-radius:10px 10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
	
}
.circulo5:hover{
	background-color:#fe068c;
	color:#fff;
}
.circulo6{
	border:1px solid #f4c403;
	color:#666;
	font-size:1.1em;
	-webkit-border-radius: 10px 10px;
	-o-moz-border-radius:10px 10px;
	-ms-border-radius:10px 10px;
	border-radius:10px 10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
	
}
.circulo6:hover{
	background-color:#f4c403;
	color:#fff;
}
.footer{
	text-align:center;
	background-color:#00a8ff;
	display:inline-block;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding:40px;
}

h1{
	color:#333;
	font-family: 'Lato', sans-serif;
	font-size:35px;
}
h2{
	color:#03F;
	font-family: 'Lato', sans-serif;
	font-size:25px;
}
h3{
	color:#FFF;
	font-family: 'Lato', sans-serif;
	font-size:2em;
}
h4{
	color:#333;
	font-family: 'Istok Web', sans-serif;
	font-size:2.5em;
	font-weight:600;
	margin:20px auto 20px auto;
	text-align:center;
}
h5{
	color:#333;
	font-family: 'Istok Web', sans-serif;
	font-size:1.5em;
	font-weight:600;
	margin:20px auto 20px auto;
	text-align:center;
}
h5 a{
	color:#333;
}
h5 a:hover{
	color:#fff;
	text-decoration:none;
}
h6{
	color:#fff;
	font-family: 'Istok Web', sans-serif;
	font-size:2.5em;
	font-weight:600;
	margin:20px auto 20px auto;
	text-align:center;
}
h7{
	color:#333;
	font-family: 'Lato', sans-serif;
	font-size:2.5em;
}
h8{
	color:#f30000;
	font-family: 'Lato', sans-serif;
	font-size:1.5em;
}
h9{
	color:#333;
	font-family: 'Lato', sans-serif;
	font-size:1.5em;
	font-weight:600;
}
.iconos{
	margin:0 auto;
	margin-right: 10px;
}
.navbar{
	background-color:#006;
	
}
.nav ul{
	padding-top:5px;
}

.nav li a{
	color:#FFF;
	font-family: 'Lato', sans-serif;
	font-size:20px;
	background-color:transparent;
	
}

.nav li a:hover{
	background-color:#00a8ff;
	color:#FFF;
}

.navbar-collapse{
	padding-top:15px;
}
.navbar-header .navbar-toggle {
	background-color: #00a8ff;
  border-color: #00a8ff;
}
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
  background-color: #00a8ff;
}
.navbar-header .navbar-toggle .icon-bar {
  background-color: #fff;
}
.row{
	display:inline-block;
}
.texcuadro{
	color:#FFF;
	font-family: 'Lato', sans-serif;
	font-size:1.3em;
	/*
	text-shadow:1px 1px 1px #640202;	
	-webkit-text-shadow: 1px 1px 1px #640202;
	-moz-text-shadow: 1px 1px 1px #640202;
	-ms-text-shadow: 1px 1px 1px #640202;
	-o-text-shadow: 1px 1px 1px #640202;
	*/
}
/*
.texgris{
	color:#666;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	/*
	text-shadow:1px 1px 1px #640202;	
	-webkit-text-shadow: 1px 1px 1px #640202;
	-moz-text-shadow: 1px 1px 1px #640202;
	-ms-text-shadow: 1px 1px 1px #640202;
	-o-text-shadow: 1px 1px 1px #640202;
	
}
*/
.texto{
	color:#666;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	line-height:1.8em;
	text-align: justify;
}

.texto2{
	color:#666;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	line-height:1.6em;
	text-align:justify;
}
.texto2 ul li{
	color:#666;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	line-height:1.8em;
	
}
.textoblanco{
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:4em;
	line-height:1.8em;
}
.texto2 strong{
	color:#f30000;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	line-height:1.6em;
	font-weight:500;
}
.texdireccion{
	color:#666;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	font-weight:600;
	line-height:1.6em;
	text-align:justify;
}
.tfooter{
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:1em;
	line-height:1.3em;
	text-align:center;
	padding:10px auto;
}
.titulo{
	padding-top:300px;
	text-align:center;
}

/*Formulario*/
.col-xs-12 col-md-12 col-lg-12{
	align:center;
}

.gracias{
	align:center;
	padding:20px 20px;
	margin:0 auto;
}
.textgracias{
	color:#333;
	font-family: 'Lato', sans-serif;
	font-size:1.2em;
	line-height:1.6em;
	text-align:center;
	font-weight:500;
}