/*****ESTILOS GLOBALES***************/
p{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Roboto', sans-serif;
}
.text-xs-center{
	text-align: center!important;
}
/**************NAVEGACION Y PAGINA DE INICIO*********************/
section.fondo{
	background-image: url(../img/POLIGRAFO.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(255, 251, 251);
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    text-align: center!important;
}
nav.bg-faded {
    background-color: #22b24b;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link {
    color: rgba(255, 255, 255, 0.98);
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(255, 251, 251);
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(16, 1, 1);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(16, 1, 1);
    transition: ease 1s all;
}
.logo{
	width: 80%;
}
.borde{
	border-bottom: 3px solid transparent;
}
li a:hover{
	border-bottom: 3px solid white;
}
.titulo{
	padding-top: 70%;
	font-size: 50px;
	color: white;
	letter-spacing: 10px;
}
@media only screen and (min-width: 576px) {
	.titulo{
		margin-left: 18%;
		padding-top: 32%;
	}
	.subtitulo{
		margin-left: 21%;
	}
	a.flecha{

    	font-size: 2.5rem;
	    color: white;
	    -webkit-animation: flecha-animada 2s ease-in-out infinite;
	    animation: flecha-animada 2s ease-in-out infinite;
	}
}

@media only screen and (max-width: 768px){
	.titulo{
		margin-left: 0%;
		padding-top: 50%;
	}
	.subtitulo{
		margin-left: 0%;
	}
}

@media only screen and (max-width: 992px){
	.titulo{
		margin-left: 0%;
		padding-top: 50%;
	}
	.subtitulo{
		margin-left: 0%;
	}
}

@media only screen and (max-width: 1920px){
		.titulo{
		margin-left: 18%;
		padding-top: 50%;
		}
}

@media only screen and (max-width: 1600px){
	.titulo{
		margin-left: 18%;
		padding-top: 30%;
	}
}



.subtitulo{	
	font-size: 30px;
	padding-top: 30px;
	color: white;
	letter-spacing: 5px;
}
a.flecha {
	margin-top: 25%;
	margin-left: -34%;
    font-size: 2.5rem;
    color: white;
    -webkit-animation: flecha-animada 2s ease-in-out infinite;
    animation: flecha-animada 2s ease-in-out infinite;
}

@-webkit-keyframes flecha-animada{
	from{
		-webkit-transform:translateY(0);
		transform:translateY(0)
		}50%{
		-webkit-transform:translateY(10px);
		transform:translateY(10px)
		}to{
					-webkit-transform:translateY(0);transform:translateY(0)
					}
				}
				@keyframes flecha-animada{
					from{
						-webkit-transform:translateY(0);transform:translateY(0)
						}50%{
							-webkit-transform:translateY(10px);
							transform:translateY(10px)
						}to{
								-webkit-transform:translateY(0);
								transform:translateY(0)
						}
				}

/******QUIENES SOMOS?************/

.quienes-somos{
	background-color:#bad531;
	color: white;
}
h2.quienes{
	font-size:35px;
	font-weight: bold;
}

/************SERVICIOS*****************/
.caja{
	border:3px solid white;
	border-radius: 10px;
	margin-bottom: 10px;
}
.caja:hover{
	transform: scale(1.1);
	background-color: white;
	color: black;
	transition: ease 0.5s all;
	-webkit-box-shadow: -2px 13px 98px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 13px 98px -2px rgba(0,0,0,0.75);
	box-shadow: -2px 13px 98px -2px rgba(0,0,0,0.75);
}
.fondo-servicios{
	background-image: url(../img/confidencial.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 125vh;
}
.servicios{
	color: white;
}

@media only screen and (min-width: 576px){
	.fondo-servicios{
		background-image: url(../img/confidencial.jpg);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 70vh;
	}
	.caja{
		border:3px solid white;
		border-radius: 10px;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 768px){
	.fondo-servicios{
		background-image: url(../img/confidencial.jpg);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 155vh;
	}
	.caja{
	border:3px solid white;
	border-radius: 10px;
	margin-bottom: 10px;
	width: 90%;
	margin:0 auto;
	}
}

/*******HABEAS DATA****************/
.habeas-data{
	background-color:#bad531;
	color: white;
}

/*********CONTACTENOS**************/
.form-control{
	border:1px solid black;
}
label{
	font-size: 14px;
	font-weight:bold;
}

.btn-primary {
    color: #fff;
    background-color: #22b24b;
    border-color: #bad531;
}

.btn-primary:hover{
	color: #fff;
    background-color: #bad531;
    border-color: #bad531;
}
iframe{
	width: 295px;
}

@media only screen and (min-width: 576px){
	iframe{
		width: 500px;
	}
}

@media only screen and (max-width: 992px){
	iframe{
		width: 320px;
	}
}


/*********FOOTER***************/
footer{
	background-color: #22b24b;
	color: white;
	font-weight: bold;
	font-size: 18px;
}
footer p{
	margin: 0;
	padding: 10px;
}
.ir-arriba {
	float: right;
    bottom: 1rem;
    right: 1rem;
    font-size: 1rem;
    color: #bad531;
    text-decoration: none;
    z-index: 99999;
    line-height: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

/*********MEDIA QUERIES****************/
label {
    display:block;
    margin-top:20px;
    letter-spacing:1px;
}
.formulario {
    display:block;
    margin:0 auto;
    width:510px;
    color: #666666;
    font-family:Arial;
}
form {
    margin:0 auto;
    width:400px;
}
 
input, textarea {
    width:380px;
    height:27px;
    background:white;
    border:2px solid #f6f6f6;
    padding:10px;
    margin-top:5px;
    font-size:10px;
    color:black;
    border:2px solid black;
	border-radius: 10px;
 }
 
textarea {
    height:150px;
}
 
#submit {
    width:85px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
    border-radius: 10px;
    border:2px solid black;
}