/************** BODY ***************/

body {
        font-family: 'Helvetica Neue';
        font-weight: lighter;
        color: white;
        margin: 0;
        padding: 0;
        width: 100%;
}

a{
    text-decoration: none;
    color: white;
}

p{
    margin: 0;  
}


/************** FONDOS ***************/

.fondo1{
    background-image: URL('../img/bg12.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
    height: 730px;
}

.fondo2{
    background-image: URL('../img/bg2.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
    height: 730px;
}

.fondo3{
    background-image: URL('../img/bg5.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
    height: 730px;
    overflow-y: scroll;
}

.fondo4{
    background-image: URL('../img/bg14.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
    height: 730px;
    overflow-y: scroll;
}

.fondo5{
    background-image: URL('../img/bg1.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
    height: 730px;
    overflow-y: scroll;
}

/************** HEADER ***************/

.cLogo{
        width: 30%;
        background-color: white;
        height: 165px;
        float: left;
}

.cLogo2{
        width: 30%;
        float: left;
}

.logo0{
        margin: 0 0 0 25%;
}

.logo{
        margin: 0 0 0 25%;
        width: 35%;
}

.cMenu{
        width: 17.5%;
        height: 165px;
        float: left;
        text-align: center;
}

.cMenu2{
        width: 17.5%;
        float: left;
        text-align: center;
        height: 93px;
}

.cMenu:nth-child(2){
        background-color: #a2cff0;
}

.cMenu:nth-child(3){
        background-color: #77bae8;
}

.cMenu:nth-child(4){
        background-color: #009bdb;
}

.cMenu:nth-child(5){
        background-color: #006f9b;
}

.cMenu2:nth-child(2){
        border-bottom: 7px solid #a2cff0;
}

.cMenu2:nth-child(3){
        border-bottom: 7px solid #77bae8;
}

.cMenu2:nth-child(4){
        border-bottom: 7px solid #009bdb;
}

.cMenu2:nth-child(5){
        border-bottom: 7px solid #006f9b;
}

h1{
        font-weight: lighter;
        margin: 25% 0 0 0;
}

/************** HOME ***************/

.home{
        text-align: center;
        margin-top: 16%;
}

/************** NOSOTROS ***************/

.cNosotros{
        width: 85%;
        float: left;
        margin: 2% 0 0 7.5%;
}

.nosotros{
        width: 46%;
        background-color: #a2cff0;
        float: left;
        margin: 10px;
        padding: 10px;
        opacity: .8;
        height: 220px;
        text-align: center;
        cursor: pointer;
}
h2{
        font-weight: lighter;
        margin: 0;
        line-height: 4.8;
        font-size: 46px;
}

.nosotros p{
        font-size: 20px;
}

/************** SERVICIOS ***************/

.cServicios{
        width: 90%;
        margin: 0 auto;
        margin-bottom: 3%;
}

.cServicios p{
        font-weight: lighter;
        margin: 0;
        font-size: 31px;
}

h3{
        font-weight: lighter;
        margin: 2% 0;
        font-size: 65px;
        text-align: center;
}

.servicios{
        width: 46%;
        background-color: #77bae8;
        float: left;
        margin: 10px;
        padding: 10px;
        opacity: .8;
        height: 220px;
        text-align: left;
        overflow-y: scroll;
}

h4{
        font-weight: lighter;
        margin: 0;
        font-size: 35px; 
}

.numero{
        border-radius: 100%;
        border: 2px solid white;
        width: 39px;
        float: left;
        text-align: center;
        margin-right: 2%;
}

.info{
        margin-left: 10.5%;
}

.info pre{
        font-weight: lighter;
        margin: 0;
        font-size: 20px;
        font-family: 'Helvetica Neue';
}

.cGraficas{
        width: 90%;
        margin: 0 auto;
        margin-bottom: 3%;
}

/************** EMPRESAS ***************/

.empresas{
        width: 40%;
        margin: 0 auto;
        text-align: center;
        background-color: #009bdb;
        opacity: .8;
        margin-bottom: 3%;
}

.empLogo{
        margin: 3% 0
}

/************** CONTACTO ***************/

.cContacto{
        width: 90%;
        margin: 0 auto;
        margin-bottom: 3%;
}

.formContacto{
        background-color: #006f9b;
        opacity: .8;
        padding: 10px;
        width: 70%;
        float: left;
        margin: 0 1% 0 0;
}

.formContacto p{
        font-size: 30px;
        width: 15%;
        float: left;
        text-align: right;
}

.input{
    width: 84%;
    border: none;
    border-bottom: 2px solid white;
    background-color: transparent;
    font-size: 30px;
    color: white;
    margin-bottom: 5px;
    font-family: 'Helvetica Neue';
    font-weight: lighter;
}

.formContacto span{
    font-size: 30px;
    margin-top: 10px;
    float: right;
    border: 2px solid white;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: 'Helvetica Neue';
    font-weight: lighter;
}
    
.infoContacto{
        background-color: #006f9b;
        opacity: .8;
        padding: 10px;
        width: 25%;
        float: left;
        margin: 6% 0 0 0;
}    

/*privacidad*/
#privacidad{
	display: none;
	position: fixed;
	z-index: 2000;
	width: 100%;
	height: 100%;
}

.privacidad{
	width: 70%;
	height: 85%;
	margin: 0 auto;
	background: #EFEEEE;
	border-radius: 10px;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	margin-top: 2%;
	padding: 20px;
	overflow-y: scroll;
}
.privacidad h1{
	margin: 0;
	padding:0;
	font-size: 40px;
	color: #1B81CC;
	text-align: center;
	font-weight: 400;
}

.privacidad p{
	font-size: 13px;
	text-align: justify;
        color: black;
}
.privacidad input[type="submit"]{
	width: 30%;
	height: 40px;
	background: #fff;
	border-radius: 10px;
	color: #1B81CC;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	border: none;
	margin: 2% 2% 0 2%;
	cursor: pointer;
	border-bottom: solid 1px;
}

.gray {
	width: 100%;
	height: 100%;
	background: black;
	display: block;
	position: absolute;
	top: 0;
	z-index: -10;
	margin-top:-18px;
	opacity: 0.8;
}
        
.privacidadfront{
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: 20px;
        margin-bottom: 20px;
}

.privacidadcontenedor{
        position: relative;
}