/* font
------------------------------------------------------------------------------------------------------  */
@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('fonts/myriad_pro/MyriadPro-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-It';
    src: url('fonts/myriad_pro/MyriadPro-It.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Light';
    src: url('fonts/myriad_pro/MyriadPro-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-LightIt';
    src: url('fonts/myriad_pro/MyriadPro-LightIt.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/myriad_pro/MyriadPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('fonts/myriad_pro/MyriadPro-Semibold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* body
------------------------------------------------------------------------------------------------------  */
body {
    margin: 0 auto;
    width: 100%;
    padding: 0px;
    font-size: 15px;
    font-family: 'MyriadPro-Light';
}


	/* row
	------------------------------------------------------------------------------------------------------  */
	.row{
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}


	/* cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	.col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
	.col_10     { float: left; margin: 0px; padding: 0px; width: 10%; }


	/* content
	------------------------------------------------------------------------------------------------------  */
	.content{
		margin: 0 auto;
		width: 90%;
	    max-width: 1400px;
	}


	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		font-size: 80px;
		line-height: 80px;
	}
	h2{
		font-size: 25px;
	}
	h3{
		font-size: 22px;
		color: #346094;
	}


	/* tools
	------------------------------------------------------------------------------------------------------  */
	.text-center{
		text-align: center;
	}
	.text-blue{
		color: #346094;
	}
	.text-gray{
		color: #666;
	}
	.text-white{
		color: #fff;
	}
	.margintop10{
		margin-top: 10px;
	}
	.txt-blue{
		color: #063497;
	}
	.txt-black{
		color:#000;
	}
	.mtop0{
		margin-top: 35px !important;
		width: 92% !important;
	}
	.link{
		color: #063497;
		text-decoration: none;
	}
	.link:hover{
		color: #000;
		text-decoration: underline;
	}
        .eo{
		font-size: 16px;
                text-transform: uppercase;
	}
        .eo.s{
		font-size: 12px;
                text-transform: uppercase;
	}


	/* header
	------------------------------------------------------------------------------------------------------  */
	#header{
		position: absolute;
		width: 100%;
		padding: 30px 0px;
		background: rgba(6,52,149,0.8);
                height: 50px;
	}
	#header #logo img{
		width: 150px;
                margin-top: -5px;
	}
	#header #menu{
		float: right;
                position: relative;
	}
	#header #menu ul{
		float: right;
		list-style: none;
		margin-top: -5px;
	}
	#header #menu ul li{
		float: left;
		margin: 0px 20px;
        cursor: pointer;
	}
	#header #menu ul li a{
		color: #fff;
		text-decoration: none;
		font-size:13px;
		font-weight: 700;
		font-family: 'MyriadPro-Semibold';
	}
        #header #menu ul li a:hover{
		opacity: 0.8;
	}
        
	#header #menu .info {
			position: absolute;
			color: #fff;
			font-size: 11px;
			text-align: center;   
			display: none;                        
            width: auto;
            top: 24px;
            right: 220px;
	}
        
        #header #menu .info a {
                font-family: 'MyriadPro-Light';
        }
        
        #header #menu .info-float {
                position: absolute;
				color: #fff;
				font-size: 11px;
				text-align: center;   
				display: none;
                width: auto;
                top: 58px;
                right: 135px;
        }
        #header #menu .info-float a {
                padding-bottom: 4px;
                display: inline;
                width: 110px;                
        }
        #header #menu .info-float span {
                padding-bottom: 4px;
                display: inline;
                width: 20px;    
                margin: 0 10px 0 10px;
                text-align: center;
        }



	#header .pull{
		float: right;
		display: none;
		margin-top: 10px;
	}
	#header .pull img{
		width: 40px;
	}
	#header #menu-responsive{
		float: left;
		display: none;
		margin-top: 10px;
		background-color: #000;
	}
	#header #menu-responsive ul{
		float: left;
		width: 100%;
		list-style: none;
		margin-top: 25px;
	}
	#header #menu-responsive ul li{
		float: left;
		width: 100%;
		text-align: center;
		margin-left: -40px;
	}
	#header #menu-responsive ul li a{
		float: left;
		color: #fff;
		width: 80%;
		text-decoration: none;
		font-weight: 600;
		font-size: 16px;
		letter-spacing: 3px;
		border: 1px solid #fff;
		border-radius: 20px;
		margin: 0px 10%;
		margin-bottom: 10px;
		padding: 15px 0px;
	}
	#header #menu-responsive ul li a:hover{
		background-color: #346094;
		color: #fff;
	}
        
        
        .sliding-middle-out {                
                
        }
        .sliding-middle-out:after {
                content: '';
                display: block;
                margin: auto;
                margin-top: 5px;
                height: 1px;
                width: 0px;
                background: transparent;
                transition: width .5s ease, background-color .5s ease;
        }
        .sliding-middle-out:hover:after {
                width: 50px;
                background: #fff;
        }



	/* top
	------------------------------------------------------------------------------------------------------  */
	#top{
		padding-top: 205px;
		padding-bottom: 40px;
		color: #fff;
		min-height: 440px;
		display: inline-block;
		background-image: url('../img/slider.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#top .content-h1{
		margin: 0 auto;
		width: 100%;
		max-width: 1440px;
		background-color: #fff;
	}
	#top .content-h1 h1{
		float: right;
		padding: 30px 25px;
		max-width: 550px;
		line-height: 28px;
		width: 60%;
		background: rgba(6,52,149,0.8);
		margin-top: 220px;
		font-weight: 600;
		font-size: 22px;
	}
/*
	#top .linea{
		margin-left: 40px;
		width: 95px;
		height: 10px;
		background-color: #fff;
	}
	#top .txt{
		margin-top: 30px;
		margin-left: 40px;
		font-size: 28px;
		font-weight: 400;
	}
	#top .abstract{
		margin-left: 40px;
		margin-top: 25px;
		font-size: 22px;
		text-align: justify;
		font-weight: 200;
	}
*/



	/* features
	------------------------------------------------------------------------------------------------------  */
	.features{
		float: left;
		padding-bottom: 40px;
	}
	.features .content{

	}
	.features .content-text-rotado{
		position: relative;
		display: table;
		height: 720px;
		vertical-align: middle;
	}
	.features .content-text-rotado2{
		position: relative;
		display: table;
		height: 1700px;
		vertical-align: middle;
	}
	.features .content-text-rotado .text-rotado{
		display: table-cell;
		vertical-align: middle;
		margin-left: -120px;
	}
	.features .content-text-rotado2 .text-rotado2{
		display: table-cell;
		vertical-align: middle;
		margin-left: -120px;
	}
	.features .content-text-rotado3{
		position: relative;
		display: table;
		height: 550px;
		vertical-align: middle;
	}
	.features .content-text-rotado3 .text-rotado3{
		display: table-cell;
		vertical-align: bottom;
		margin-left: -120px;
	}
	.features .f-title {
		padding: 20px 0px;
		padding-top: 40px;
	}
	.features .f-title .square{
		width: 380px;
		height: 180px;
		padding-top: 10px;
		background-image: url('../img/square.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 90%;
	}
	.features .f-title .square h2{
		width: 400px;
		font-size: 48px;
		line-height: 48px;
		font-weight: 800;
		color: #555;
	}
	.features .f-title .ml100{
		text-align: left;
		margin-left: -120px;
	}
	.features .f-title .mr100{
		text-align: left;
		margin-left: 210px;
	}
	.f-right{
		float: right;
		margin-right: 20%;
	}
	.f-left{
		float: left;
		margin-left: -9%;
	}
	.f-white{
		background-color: #fff;
	}
	.f-gray{
		background-color: #e2e2e2;
	}
	.small-texto{
		font-size:15px !important;
	}
	.small-texto strong{
		font-size:18px !important;
		color: #063497;
		font-family: 'MyriadPro-Semibold';
	}
        .small-texto a.enlace {
                color: #063497;
                text-decoration: none;
        }
        .small-texto a.enlace:hover {
                opacity: 0.8;
        }
	.tit-news{
		font-size:24px !important;
		color: #063497 !important;
		font-weight: 600 !important;
	}
        .tit-news a{
		font-size:24px !important;
		color: #063497 !important;
		font-weight: 600 !important;
                text-decoration: none;
	}
        .tit-news a:hover {
                opacity: 0.7;
        }
	.with-img{
		float:left !important;
		width: 65% !important;
	}
	.the-img{
		float:left !important;
		width: 25% !important;
		text-align: right;
		margin-top: -30px;
		margin-bottom:0px;
	}
	.the-img img{
		width: 180px;
	}
	.border-bottom-white{
		border-bottom:1px solid #fff;
		margin-bottom:40px;
	}
	.txt-center{
		display:inline-block;
		width: 90%;
		text-align: center;
		padding:30px 0px;
		margin-bottom:20px;
	}
	.literal{
		width: 100%;
		font-weight: 600;
		font-size: 23px;
		padding: 20px 0px;
		padding-bottom: 40px;
	}
	.features .pic img{
		width: 80%;
                min-width: 420px;
	}
	.features .descripcion{
		width: 70%;
		color: #666;
	}
	.features .descripcion_full{
		width: 88%;
	}
	.features .descripcion_50{
		float: left;
		width: 46%;
		margin-right: 4%;
		color: #666;
	}
	.features .cap{
		font-size: 18px;
		font-weight: 700;
		color: #2e2a26;
	}
	.features .descripcion_50 ul{
		margin-left: -20px;
	}
	.features .descripcion_50 ul li{
		margin-bottom: 5px;
	}
	.features .descripcion ul{
		font-size: 15px;
		color: #888;
	}
	.features .descripcion ul li{
		margin-top: 5px;
	}
	.features .descripcion .fotos{
		width: 415px;
		margin-top: 30px;
	}
	.features .descripcion .fotos img{
		width: 170px;
		margin-right: 10px;
		margin-left: 20px;
	}
	.features .esquema img{
		width: 100%;
	}


	.features h2{
		font-size:45px;
		font-weight: 300;
		color: #063497;
	}
	.features .texto{
		width:90%;
		font-size: 22px;
		font-weight: 300;
		color: #666;
	}
	.features .box_cols{
		width:90%;
		margin-top:20px;
	}
	.features .box_cols .col{
		float: left;
		color: #666;
		width:48%;
		margin-right: 2%;
		text-align: justify;
                min-height: 135px;
	}
	.features .box_cols .col strong{
		color: #063497;
		font-family: 'MyriadPro-Semibold';
	}
	.back_blue_gray{
		background-color: #e6eaf4 !important;
		padding: 20px 1%;
		width:46.2% !important;
		margin-right: 1.5% !important;
		min-height: 130px;
		margin-top:15px;
	}



	.features .box_additional{
		display: inline-block;
		margin-top: 40px;
		width: 90%;
		padding:20px 0px;
		background-color: #e6eaf4;
		text-align: center;		
	}
	.features .box_additional .tit{
		color: #000;
		font-size:23px;
	}
	.features .box_additional .txt{
		font-size:19px;
		line-height: 26px;
		color: #063497;
		margin: 0 auto;
		margin-top:30px;
		width: 55%;
		font-family: 'MyriadPro-Semibold';
	}
	.features .box_cols .col .img-full{
		width: 100%;
	}
	.img-full-100{
		width: 90%;
	}
	.img-map{
		width: 85% !important;
		margin-bottom:0px;
	}
	.small-texto .img-full-100{
		width: 100% !important;
	}
	.box-logos{
		width:100%;
		text-align: center;
	}
	.box-logos img{
		width: 85%;
	}
        .box-video{
		width:100%;
		text-align: center;
                background-color: #e2e2e2;
	}









	.references-box{
		float: left;
		width: 110%;
		margin-top: 30px;
		margin-bottom: 40px;
		margin-left: -10%;
	}
	.references-box .reference{
		float: left;
		display: table;
		width: 25%;
		margin-left: 5%;
		height: 220px;
		border: 10px solid #839ebd;
		border-radius: 20px;
		background-color: #d7dfe9;
		text-align: center;
		font-size: 35px;
                transform: scale(0.8);
                -moz-transform : scale(0.8);      
                -webkit-transform : scale(0.8);   
                -o-transform : scale(0.8);
                transition: transform 1.5s;
                -moz-transition: -moz-transform 1.5s;
                -webkit-transition: -webkit-transform 1.5s;
                -o-transition: -o-transform 1.5s;
	}
        .references-box .reference.zoom {
                transform : scale(1);
                -moz-transform : scale(1);      
                -webkit-transform : scale(1);   
                -o-transform : scale(1);
        }
        
	.references-box .reference .t{
		display: table-cell;
		vertical-align: middle;
		padding: 5%;
		height: 100%;
		color: #666;
		font-weight: 300;
	}
	.fondo-linea{
		margin: 0 auto;
		width: 300px;
		background-image: url('../img/1x1.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.fondo-linea span{
		background-color: #fff;
		padding: 0px 10px;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 2px;
	}

	#references .descripcion{
		width: 90%;
	}

	#cases{
		color: #666;
		line-height: 22px;
	}
	#cases .descripcion{
		margin-top: -40px;
	}
	#cases h3{
		margin-top: 50px;
	}
	#cases ul{
		margin-left: -20px;
	}
	#cases strong{
		color: #000;
		font-size: 18px;
	}
	#cases .otras{
		display: table;
		margin: 0 auto;
		background-color: #dadad9;
		border-radius: 50px;
		padding: 5px 10px;
		text-align: center;
		color: #346094;
		font-size: 15px;
		line-height: 15px;
	}

	#client-base{
		background-image: url('../img/back-clients.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 150px;
	}
	#client-base .content-logos{
		float: left;
		text-align: center;
		margin-left: -120px;
	}
	#client-base .content-logos img{
		width: 87%;
		border-radius: 15px;
	}



	/* get in touch
	------------------------------------------------------------------------------------------------------  */

	#get-in-touch{
		float: left;
		margin-top: -1px;
	}
	#get-in-touch .back-datos{
		background-color: #063497;
		height: 690px;
	}
	#get-in-touch .back-form{
		background-image: url('../img/touch_background.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 690px;
	}
	#get-in-touch .back-datos .datos{
		float: right;
		width: 250px;
		margin-right: 120px;
		color: #fff;
		padding: 80px 0px;
	}
	#get-in-touch .back-datos .datos .linea{
		margin-top: 40px;
		margin-bottom: 40px;
		width: 100px;
		border-bottom: 2px solid #fff;
	}
	#get-in-touch .back-datos .datos .tit{
		color: #fff;
		font-size: 45px;
		line-height: 45px;
	}
	#get-in-touch .back-datos .datos .bloques_datos{
		width: 100%;
		margin-top: 10px;
	}
	#get-in-touch .back-datos .datos .bloques_datos .bloque_dato{
		width: 100%;
		margin-top: 20px;
		line-height: 22px;
	}
	#get-in-touch .back-datos .datos .bloques_datos .bloque_dato .cabecera{
		width: 100%;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		font-family: 'MyriadPro-Regular';
	}
	#get-in-touch .back-datos .datos .bloques_datos .bloque_dato .dato{
		width: 100%;
		font-size: 15px;
		font-weight: 500;
		font-family: 'MyriadPro-Light';
	}
	#get-in-touch .back-datos .pie{
		float: right;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	#get-in-touch .back-datos .pie img{
		width: 90%;
	}



	#get-in-touch .back-form .form{
		float: left;
		width: 500px;
		margin-left: 120px;
		color: #fff;
		padding: 80px 0px;
	}
	#get-in-touch .back-form .form form{
		width: 100%;
	}
	#get-in-touch .back-form .form form input, #get-in-touch .back-form .form form textarea{
		width: 100%;
		background-color: transparent;
		font-size: 17px;
		border: 0px;
		border-bottom: 1px solid #fff;
		padding: 10px 0px;
		color: #fff;
		margin-bottom: 50px;
                font-family: 'MyriadPro-Regular';
	}
	#get-in-touch .back-form .form form textarea{
		height: 150px;
	}
	#get-in-touch .back-form .form form input::placeholder, #get-in-touch .back-form .form form textarea::placeholder {
	    color: #fff;
	}
	#get-in-touch .back-form .form form input:-ms-input-placeholder, #get-in-touch .back-form .form form textarea:-ms-input-placeholder{
	    color: #fff;
	}
	#get-in-touch .back-form .form form input::-ms-input-placeholder, #get-in-touch .back-form .form form textarea::-ms-input-placeholder{
	    color: #fff;
	}
	#get-in-touch .back-form .form form input:focus{
		outline:0px;
	}	
	#get-in-touch .back-form .form form textarea:focus{
		outline:0px;
	}	

	#get-in-touch .back-form .form form #btn_enviar_contacto{
		float: right;
		background-image: url('../img/arrow.png');
		background-position: 75% center;
		background-repeat: no-repeat;
		background-size: 30px;
		padding: 10px 30px;
		padding-right: 65px;
		text-decoration: none;
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		border: 1px solid #fff;
	}
	#get-in-touch .back-form .form form #btn_enviar_contacto:hover{
		border: 1px solid #346094;
	}
        
        #get-in-touch .back-form #btn_enviar_contacto {
            cursor: pointer;
        }
        
        
        #get-in-touch .back-form .form .checkbox{
		font-size: 14px;	
                margin-bottom: 30px;
                color: #fff;               
	}
        #get-in-touch .back-form .form .checkbox a{
		background: none;		
		margin-top: 0px;
		text-decoration: none;
		font-size: 14px;
		letter-spacing: 0px;
		color: #f0f0f0;
		padding: 0;
		padding-bottom: 0px;
		border: none;
                opacity: 0.8;
	}
        #get-in-touch .back-form .form .checkbox a:hover {
                opacity: 1;
        }
        #get-in-touch .back-form .form .checkbox input{
		float: left !important;	
                width: 5% !important;	              
	}
        #get-in-touch .back-form .form .checkbox div{
		width: 90%;
                padding-top: 3px;
	}
        
        
        
        /* login
	------------------------------------------------------------------------------------------------------  */
        
        .top-login{
		background-image: url('../img/cap_videos.jpg') !important; 
	}
        #login-form .form{
		float: left;
		width: 100%;
		color: #333;
		padding: 80px 0px;
	}
	#login-form .form form{
		width: 500px;
                margin: 0 auto;
	}
	#login-form .form form input, #login-form .form form textarea{
		width: 100%;
		background-color: transparent;
		font-size: 17px;
		border: 0px;
		border-bottom: 1px solid #333;
		padding: 10px 0px;
		color: #333;
		margin-bottom: 50px;
	}
	#login-form .form form textarea{
		height: 150px;
	}
	#login-form .form form input::placeholder, #login-form .form form textarea::placeholder {
	    color: #bbb;
	}
	#login-form .form form input:-ms-input-placeholder, #get-in-touch .form form textarea:-ms-input-placeholder{
	    color: #bbb;
	}
	#login-form .form form input::-ms-input-placeholder, #get-in-touch .form form textarea::-ms-input-placeholder{
	    color: #bbb;
	}
	#login-form .form form input:focus{
		outline:0px;
	}	
	#login-form .form form textarea:focus{
		outline:0px;
	}	

	#login-form .form form a{
		float: right;
		background-image: url('../img/arrow.png');
		background-position: 75% center;
		background-repeat: no-repeat;
		background-size: 30px;
		padding: 10px 30px;
		padding-right: 65px;
		text-decoration: none;
		font-size: 13px;
		font-weight: 500;
		color: #333;
		border: 1px solid #333;
                cursor: pointer;
	}
	#login-form .form form a:hover{
		border: 1px solid #346094;
	}
        
        #login-form .form #msg_login { 
                color: #c00;
        }
        
        
        /* video
	------------------------------------------------------------------------------------------------------  */
        #video {
            max-width: 560px;
            margin: 0 auto;
            margin-top: 70px;
        }
        
        .embed-container {
                position: relative;
                padding-bottom: 56.25%;
                height: 0;
                overflow: hidden;
                max-width: 100%;
        }
        .embed-container iframe, .embed-container object, .embed-container embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
        }
        
        
    /* privacy
	------------------------------------------------------------------------------------------------------  */
	#privacy .icon-link{
		text-decoration: none;
	}	
	#privacy .icon-link img{
		max-width: 75px;
	}
	#privacy .icon-link span{
		display: block;
    	margin-top: 15px;
    	line-height: 20px;
    	color: #333;
    	font-size: 16px;
    	
	}
	

	/* footer
	------------------------------------------------------------------------------------------------------  */
	.back-social{
		background-color: #e2e2e2;
		text-align: center;
		padding: 20px 0px;
		color: #231f1c;
		font-size: 13px;
	}
	.back-social .txt-black{
		color: #666 !important;
	}
	.back-social img{
		width: 30px;
	}
	.back-social a{
		margin: 0px 7px;
		text-decoration: none;
	}
	.back-social a:hover{
		opacity: 0.8;
	}


        
        
        .content_item {
            opacity: 0;
            transition: opacity 2s;
            -moz-transition: opacity 2s;
            -webkit-transition: opacity 2s;
        }
			  

	/* footer
	------------------------------------------------------------------------------------------------------  */
	#geolog_company{
		display: inline-block;
		padding:35px 0px;
		padding-bottom: 25px;
		text-align: center;
		font-size:14px;
		color: #666;
	}
	#geolog_company img{
		max-width:330px;
		width:70%;
	}


        
        /* menu flotante
	------------------------------------------------------------------------------------------------------  */
        
        #header.flotante {
            position: fixed;
            top: -20px;
            z-index: 999;
            height: 50px;
        }
        
        #header.flotante #menu ul {
            margin-top: 28px;
        }
        
        #header.flotante #logo img{
		width: 130px;
                margin-top: 5px;
	}
        
        #header.flotante .info{
		display: none;
	}
        
        
        
        /* newsroom
	------------------------------------------------------------------------------------------------------  */
	.top-mews{
		background-image: url('../img/cap_newsroom.jpg') !important; 
	}
	#newsroom .content-text-rotado{
		height: 300px;
	}

	.box-newsroom {
		display: inline-block;
		width: 85%;
		margin-top: 80px;
	}
	.box-newsroom .news-item{
		display: inline-block;
		width: 94%;
		border: 8px solid #f0f0f0;
		padding: 15px 4%;
		padding-right: 2%;
		border-radius: 10px;
		margin-bottom: 80px;
	}
	.box-newsroom .news-item .izq{
		float: left;
		width: 65%;
	}
	.box-newsroom .news-item .izq h2{
		color: #1e5081;
	}
	.box-newsroom .news-item .izq p{
		color: #575756;
		line-height: 26px;
	}
        .box-newsroom .news-item .izq p.date{
		font-size: 18px;
	}
	.box-newsroom .news-item .izq p a{
		color: #1e5081;
		text-decoration: none;
	}
	.box-newsroom .news-item .der{
		float: left;
		width: 35%;
		text-align: center;
		margin-top: 30px;
	}
	.box-newsroom .news-item .der img{
		width: 70%;
	}



	/* footer
	------------------------------------------------------------------------------------------------------  */
	.back-social{
		background-color: #e2e2e2;
		text-align: center;
		padding: 20px 0px;
	}
	.back-social img{
		width: 30px;
	}
	.back-social a{
		margin: 0px 7px;
		text-decoration: none;
                color: #222;
	}
	.back-social a:hover{
		opacity: 0.8;
	}
	.back-copy{
		background-color: #fff;
		text-align: center;
		padding: 20px 0px;
		color: #222;
		font-size: 13px;
		padding-bottom: 30px;
	}


        /* legal
	------------------------------------------------------------------------------------------------------  */
	#legal{
		margin-top: 130px;
                float: left;
	}
        #legal .col_txt{
		width: 100%;
                max-width: 1010px;
                margin: 0 auto;
	}
        #legal .col_txt .tit{
		font-family: 'MyriadPro-Semibold';
	}
        
        
        
        /* Cookies
	------------------------------------------------------------------------------------------------------  */

        #container_cookies {
            width: 100%;
            background-color: rgba(0,0,0,0.7);
            text-align: center;
            position: fixed;
            bottom: 0px;
            border-top: 1px solid #eee;
            z-index: 2000;
        }
        #container_cookies .mensaje {
            margin: 0 auto;
            width: 100%;
            max-width: 975px;
            text-align: left;
            font-size: 13px;
            color: #fff;
            padding: 25px 50px 25px 50px;            
        }
        #container_cookies .mensaje .txt {
            padding-right: 225px;
            line-height: 18px;    
            float: left;
            padding-bottom: 25px;
        }
        #container_cookies .mensaje a {
            color: #ddd;
            text-decoration: none;
            text-decoration: underline;
        }
        #container_cookies .mensaje a:hover {
            
        }
        #container_cookies .acepto {
            float: right;            
            padding: 8px 25px;
            background-color: #eee;
            cursor: pointer;                        
            color: #000;   
            font-size: 14px;
            margin-top: -60px;
        }
        #container_cookies .acepto:hover {
            background-color: #bbb;
        }
        


	/* responsive
	------------------------------------------------------------------------------------------------------  */
        
        @media only screen and (max-width: 1440px) {

                #header #menu ul li {
                    margin: 0 14px;
                }
        }
        
        @media only screen and (max-width: 1350px) {

                #features-benefits .descripcion .fotos img{
			width: 120px;
		}
                #header #menu ul li {
                    margin: 0 10px;
                }
        }
        
        @media only screen and (max-width: 1250px) {

                #header .pull{
			display: inline-block;
		}
		#header #menu{
			display: none;
		}
        }
        
	@media only screen and (max-width: 1140px) {
	
		#get-in-touch .back-datos{
			height: 670px;
		}
		#get-in-touch .back-form{
			height: 670px;
		}
		#get-in-touch .back-datos .datos{
			float: left;
			width: 80%;
			margin-right: 0px;
			padding: 80px 10%;
		}
		#get-in-touch .back-form .form{
			float: left;
			width: 80%;
			margin-left: 0px;
			padding: 80px 10%;
		}

	}
        
        @media only screen and (max-width: 1122px) {

		#header .pull{
			display: inline-block;
		}
		#header #menu{
			display: none;
		}

	}


	@media only screen and (max-width: 1110px) {

		.features .content-text-rotado3{
			height: 450px;
		}

	}


	@media only screen and (max-width: 1074px) {

.features .box_cols{
	width:90%;
	margin-top:20px;
}
		.features .box_cols .col{
			width:100%;
			margin-right: 0px;
		}
		.back_blue_gray{
			padding: 20px 1%;
			width:98% !important;
			margin-right: 0px !important;
			min-height: auto;
		}
	
	}


	@media only screen and (max-width: 1064px) {

		#header .pull{
			display: inline-block;
		}
		#header #menu{
			display: none;
		}

		.references-box .reference{
			height: 180px;
			border: 8px solid #839ebd;
			font-size: 25px;
		}
                
                #features-benefits .col_50{
			width: 90%;
			margin-bottom: 40px;
		}
		#features-benefits .descripcion{
			width: 100%;
		}
		.features .pic img{
			width: 100%;
		}
                
                #features-benefits .descripcion .fotos img{
			width: 170px;
		}

	}


	@media only screen and (max-width: 980px) {

		.text-rotado3 img{
			display: none;
		}

		#client-base .content-logos{
			margin-left: -90px;
		}

	}

	

	@media only screen and (max-width: 920px) {

		h1{
			font-size: 60px;
			line-height: 60px;
		}

		#top .col_60{
			width: 90%;
		}
		#top .txt{
			font-size: 24px;
		}
		#top .abstract{
			margin-top: 20px;
			font-size: 18px;
		}
                .box-newsroom .news-item .izq{
			width: 100%;
		}
		.box-newsroom .news-item .der{
			width: 100%;
		}
		.box-newsroom .news-item .der img{
			width: 70%;
			max-width: 250px;
		}


	}

	@media only screen and (max-width: 860px) {

		.features .box_cols{
			width:90%;
			margin-top:60px;
		}
		.features .box_cols .col{
			width:100%;
			margin-right: 0px;
		}	
		
	}

	@media only screen and (max-width: 770px) {

		.features .f-title .square{
			width: 300px;
			height: 180px;
			padding-top: 40px;
			background-size: 90%;
		}
		.features .f-title .square h2{
			width: 320px;
			font-size: 38px;
			line-height: 38px;
		}
		.features .f-title .ml100{
			text-align: left;
			margin-left: -80px;
		}
		.features .f-title .mr100{
			text-align: left;
			margin-left: 160px;
			width: 200px !important;
		}
		.features .content-text-rotado{
			height: 1100px;
		}
		.features .descripcion_50{
			width: 100%;
			margin-right: 0pc;
			margin-bottom: 30px;
		}
		.esquema{
			margin-top: -180px;
		}
	}

	@media only screen and (max-width: 742px) {
	
		.with-img{
			width: 90% !important;
		}
		.the-img{
			width: 90% !important;
			text-align: center;
			margin-top: 0px;
		}
		.the-img img{
			width: 180px;
		}
	
		#get-in-touch .back-datos{
			width: 100%;
			height: auto;
		}
		#get-in-touch .back-form{
			width: 100%;
			height: auto;
		}
		.references-box .reference{
			height: 130px;
			border: 5px solid #839ebd;
			font-size: 20px;
		}

                .features .texto.brochure-geo{
                        margin-bottom: 75px;
                }

	}


	@media only screen and (max-width: 660px) {

		#client-base .content-logos{
			margin-left: -50px;
		}
		
		.block_pub .col_90 img {
			max-width: 300px;
		}

                
	}

	@media only screen and (max-width: 610px) {

		.esquema{
			margin-top: -100px;
		}

		.references-box .reference{
			width: 87%;
			height: 120px;
			border: 5px solid #839ebd;
			font-size: 22px;
			margin-bottom: 10px;
		}
                
                #login-form .form form{
                        width: 90% !important;                        
                }
                
        #privacy .col-icon-2{
			margin-left: 75px;
		}	
	}	

	@media only screen and (max-width: 570px) {

		.features .descripcion .fotos{
			width: 100%;
		}
		.features .descripcion .fotos img{
			width: 40%;
			margin-right: 4%;
			margin-left: 4%;
		}

	}


	@media only screen and (max-width: 570px) {

		.features .f-title .square{
			width: 200px;
			height: 150px;
			padding-top: 55px;
			background-size: 90%;
		}
		.features .f-title .square h2{
			width: 200px;
			font-size: 25px;
			line-height: 25px;
		}
		.features .f-title .ml100{
			text-align: left;
			margin-left: -50px;
		}
		.features .f-title .mr100{
			text-align: left;
			margin-left: 130px;
			width: 200px !important;
		}
		.references-box{
			margin-top: 0px;
			margin-bottom: 40px;
		}

	}

	@media only screen and (max-width: 560px) {

		#header #logo img{
			width: 150px;
		}

		h1{
			font-size: 45px;
			line-height: 45px;
		}

		#header .pull{
			margin-top: 10px;
		}

	}

	@media only screen and (max-width: 490px) {

		.esquema{
			margin-top: 0px;
		}
	}