﻿@font-face {
    font-family: 'NovecentosanswideMedium';
    src: url('../font/novemedium.eot');
    src: url('../font/novemedium.eot') format('embedded-opentype'),
         url('../font/novemedium.woff2') format('woff2'),
         url('../font/novemedium.woff') format('woff'),
         url('../font/novemedium.ttf') format('truetype'),
         url('../font/novemedium.svg#NovecentosanswideMedium') format('svg');
}

@font-face {
    font-family: 'NovecentosanswideDemiBold';
    src: url('../font/novedemibold.eot');
    src: url('../font/.eot') format('embedded-opentype'),
         url('../font/novedemibold.woff2') format('woff2'),
         url('../font/novedemibold.woff') format('woff'),
         url('../font/novedemibold.ttf') format('truetype'),
         url('../font/novedemibold.svg#NovecentosanswideDemiBold') format('svg');
}


  /* GENERAL */
body{
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-family: 'NovecentosanswideMedium', sans-serif;
}

a{
	color: #DDDDDD;
	text-decoration: none;
	outline: 0;
}

a:hover{
	color: #FFFFFF;
}

input{
	outline: 0;
}

p{
	color: #4C4C4C;
	font-size: 0.9em;
}

h1{
    color: #037dc0;
    font-size: 2.5em;
    margin: 0;
    padding: 110px 0 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'NovecentosanswideDemiBold';
}

h3{
	text-transform: uppercase;
}

ul{
	list-style-type: none;
}

.content{
	width: 960px;
	margin: 0 auto -100px;	
}

.clear{
	clear:both;
}

/* NAV */

nav {
	position: fixed;
    width: 100%;
	background-color: #017EC1;
	height: 70px;
	z-index: 10;
	display: inline-block;
}

nav li{
    margin: 10px 8px 0 0;
    text-align: center;
    width: 80px;
    font-size: 0.9em;
}

nav li:hover{
	background: #007CBA !important;
}

nav img {
    float: left;
    position: relative;
    z-index: 20 !important;
    margin: 5px 0 0 10px;
    width: 20%;
}

nav ul{
	font-size: 14px;
	list-style-type: none;
	margin: 0 auto;
	text-transform:uppercase; 
	overflow: hidden;
	float: left;
	padding: 10px 0 0;
}

nav li{
	float: left;
}

nav a{
	display: block;
}

.navnov{
	width: 90px;
}

.navequip{
	width: 110px;
}

.simple{
	margin-top: 15px;
}


/* PRINCIPAL */

.indextitulo{
	text-indent: -9999px !important;
	margin:0;
	padding:0;
}

#info-principal ul{
	overflow: hidden;
	margin: 30px 0 40px;
	padding: 0 0 0 15px;
}

#info-principal ul li{
    border-right: 1px solid #cccccc;
    float: left;
    padding: 0 15px;
    position: relative;
    text-align: center;
    width: 22%;
    z-index: 1;
}

#info-principal li h3{
	color: #B3B3B3;
	text-transform: uppercase;
}

#info-principal li p{
	color: #666666;
	font-size: 0.8em;
	line-height: 1.5em;
}

#info-principal .info{
	overflow: hidden;
}

#info-principal .info .info-primero{
	padding-left: 0;
	
}

#info-principal .info .info-ultimo{
	border-right: none;
}

#info-principal .logistica{
	/*background: url("../img/iconos.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	background-color: rgba(0, 0, 0, 0);
	width: 80px;
	height: 80px;
	float: left;
	margin-left: 70px;
}

#info-principal .personal{
	/*background: url("../img/iconos.png") no-repeat scroll -75px 0 rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -75px 0;
	background-color: rgba(0, 0, 0, 0);
	width: 80px;
	height: 80px;
	float: left;
	margin-left: 70px;
}

#info-principal .calidad{
	/*background: url("../img/iconos.png") no-repeat scroll -150px 0 rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -150px 0;
	background-color: rgba(0, 0, 0, 0);
	width: 80px;
	height: 78px;
	float: left;
	margin-left: 70px;
}

#info-principal .recursos{
	/*background: url("../img/iconos.png") no-repeat scroll -225px 0 rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -225px 0;
	background-color: rgba(0, 0, 0, 0);
	width: 80px;
	height: 80px;
	float: left;
	margin-left: 70px;
}

#owl-sliderprincipal .owl-pagination{
	text-align: left;
	margin-top: -9px;
}

#owl-sliderprincipal .owl-controls{
	margin:0;
}

#owl-sliderprincipal .owl-page{
	width: 33.33%;
}

#owl-sliderprincipal .active span{
	background-color: #017EC1 !important;
}

#owl-sliderprincipal .owl-page span{
	width: 100%;
	background-color: #EAEAEB;
	border-radius: 0;
	margin:0;
}

#textocontactoprincipal{
	text-transform: uppercase;
	color: #666666;
	background-color: #BFE6F1;
	padding: 5px 0 5px 70px;
	-webkit-box-shadow: 0px 10px 10px 3px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 10px 10px 3px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 10px 10px 3px rgba(50, 50, 50, 0.15);
}

#textocontactoprincipal p{
	width: 550px;
	line-height: 1.5em;
	text-align: center;
	color: #555659;
}

#contacto-principal{
	color: #555659;
	overflow: hidden;
	width: 68%;
	float: left;
}

#data-fiscal{
    float: left;
    left: 40px;
    position: relative;
    top: -50px;
    width: 32%;
}

#data-fiscal img{
	width: 80%;
}

#contacto-principal ul li .localidad, #contacto-principal ul li .direccion, #contacto-principal ul li .mailytel{
	float: left;
}

#contacto-principal .contacto ul li{
	clear: both;
	border-bottom: solid 2px #CDDFEF;
	overflow: hidden;
}

#contacto-principal .contacto{
	float: left;
}

#contacto-principal .contacto a{
	color: #4C4C4C;
}

#contacto-principal .localidad{
	width: 15%;	
}

#contacto-principal .localidad p{
	color: #1B88C3;
	text-transform: uppercase;
}

#contacto-principal .mail p{
	float: left;
}

#contacto-principal .doblemail{
	margin-top: 20px !important;
}

#contacto-principal .tel{
	clear: both;
	padding-top: 5px;
}

#contacto-principal ul li .direccion{
	width: 29%;
	font-size: 0.8em;
	padding: 0 30px;
}

#contacto-principal .direccion p{
	margin-top: 5px;
}

#contacto-principal ul li .mailytel{
	width: 44%;
	font-size: 0.8em;
}

#contacto-principal .ultimo{
	border: none !important;
}

#contacto-principal .imgdir{
	/*background: url("../img/iconos.png") no-repeat scroll -190px -78px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -190px -78px;
	background-color: rgba(0, 0, 0, 0);
	width: 30px;
	height: 30px;
	margin-top: 5px;
}

#contacto-principal .imgmail{
	/*background: url("../img/iconos.png") no-repeat scroll -150px -120px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -150px -120px;
	background-color: rgba(0, 0, 0, 0);
	width: 30px;
	height: 30px;
	float: left;
	margin: 12px 10px 0 0;
}

#contacto-principal .imgtel{
	/*background: url("../img/iconos.png") no-repeat scroll -150px -80px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -150px -80px;
	background-color: rgba(0, 0, 0, 0);
	width: 40px;
	height: 30px;
	float: left;
	margin-top: 15px;
}

#footer{
	background-color: #037EC1;
	text-transform: uppercase;
	clear: both;
	padding: 1px 40px;
	font-size: 0.85em;
	display: block;
}

#footer p{
	color: #FFFFFF;
	text-align: left;
}

/* QUIENES SOMOS */

#frase-quienessomos{
	text-transform: uppercase;
	font-size: 1.3em;
	color: #AEAFAE;
	width: 650px;
	margin: 10px auto 0;
}

#frase-quienessomos .comillas{
	/*background: url("../img/iconos.png") no-repeat scroll -85px -85px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -85px -85px;
	background-color: rgba(0, 0, 0, 0);
	width: 50px;
	height: 50px;
	float: left;
}

#frase-quienessomos p{
	padding-left: 40px;
	border-left: solid 1px #000000;
	line-height: 2em;
	color: #999999;
	margin: 50px 0 70px 90px;
}

#frase-quienessomos .nombre{
	color: #000000;
}

.banda{
	color: #007FBC;
	padding: 23px 15px;
	margin: 0;
}

.banda h3{
	padding: 0;
	margin: 0;
	text-align: center;
}

.banda span{
	font-size: 1.3em;
}

#banda-servicio{
	/*background: url("../img/fondosfrases1.png") no-repeat scroll 268px 0 #CAE4F0;*/
	background-image: url("../img/fondosfrases1.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 268px 0;
	background-color: #CAE4F0;
}

#banda-servicio span{
	margin: 0 40px;
}

#banda-capacitacion{
	/*background: url("../img/fondosfrases2.png") no-repeat scroll 60px 0 #CAE4F0;*/
	background-image: url("../img/fondosfrases2.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 60px 0;
	background-color: #CAE4F0;
	padding-left: 50px;
}

#banda-capacitacion span{
	margin: 0 30px;
}

#servicio, #capacitacion{
	text-align: center;
	width: 70%;
	margin: 25px auto 45px;
	line-height: 1.8em; 
	font-size: 0.9em;
}

#soluciones{
	margin-left: 60px;
}

#soluciones .info{
	width: 400px;
	line-height: 1.8em;
	padding-top: 1px;
}

#soluciones p{
	font-size: 0.8em;
}

#soluciones h3{
	color: #000000;
	font-size: 1.8em;
	padding-top: 13px;
	padding-left: 70px;
}

#soluciones .tilde{
	/*background: url("../img/iconos.png") no-repeat scroll -10px -85px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -10px -85px;
	background-color: rgba(0,0,0,0);
	float: left;
	height: 10px;
	width: 50px;
	margin-top: 27px;
	padding-top: 42px;
}

#soluciones {
	background: url("../img/soluciones.png") no-repeat scroll right 0;
	background-image: url("../img/soluciones.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right 0;
	background-color: rgba(0,0,0,0);
	height: 414px;
}

/* CLIENTES*/

#info-clientes {
    padding: 0 50px;
    text-align: center;
    line-height: 1.8em; 
}

#info-clientes .frase-clientes{
	margin-top: 35px;
	color: #007FC6;
}

#clientes{
	text-align: center;
}

#owl-clientes .owl-pagination{
	text-align: left;
	padding: 0 50px 50px;
}

#owl-clientes .owl-controls{
	margin:0;
}

#owl-clientes .owl-page{
	width: 33.33%;
}

#owl-clientes .active span{
	background-color: #96C9E2 !important;
}

#owl-clientes .owl-page span{
	width: 100%;
	background-color: #EAEAEB;
	border-radius: 0;
	margin:0;
	height: 8px;
}

/* EQUIPAMIENTO */

#maquinas{
	color: #4C4C4C;
}

#maquinas ul{
	overflow: hidden;
	padding: 10px 20px;
}

#maquinas li{
	text-transform: uppercase;
	width: 19%;
	float: left;
	text-align: center;
	font-size: 0.7em;
	cursor: pointer;
	padding: 0 3px;
}

#maquinas .activo{
	background-color: #477DBC;
}

#maquinas .activo p{
	color: #FFFFFF;
}

#maquinas .imgmaquinas{
	text-align: center;
}

#maquinas .maq{
	float: left;
	width: 33%;
	font-size: 0.9em;
}

#maquinas .todos p{
	width: 175px;
}

#maquinas .aspi, #maquinas .hidro{
    padding: 6px 0;
}

/* UBICACION */

#mapa-google #map {
	width: 750px;
	height: 500px;
	margin: 0 auto;
}

#contacto-direcciones .localidad{
	width: 33%;
	margin-top: 30px;
	float: left;
	text-align: center;
}

#contacto-direcciones .imgdir{
	/*background: url("../img/iconos.png") no-repeat scroll -225px -150px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -225px -150px;
	background-color: rgba(0,0,0,0);
	width: 60px;
	height: 60px;
	margin-left: 125px;
	cursor: pointer;
}

#contacto-direcciones .imgdir:hover{
	/*background: url("../img/iconos.png") no-repeat scroll -150px -150px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -150px -150px;
	background-color: rgba(0,0,0,0);
}

#contacto-direcciones .imgdir.activo{
	/*background: url("../img/iconos.png") no-repeat scroll -150px -150px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -150px -150px;
	background-color: rgba(0,0,0,0);
}

#contacto-direcciones .imgmail{
	/*background: url("../img/iconos.png") no-repeat scroll -150px -120px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -150px -120px;
	background-color: rgba(0,0,0,0);
	width: 30px;
	height: 30px;
	margin-left: 140px;
}

#contacto-direcciones .imgtel{
	/*background: url("../img/iconos.png") no-repeat scroll -150px -80px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -150px -80px;
	background-color: rgba(0,0,0,0);
	width: 40px;
	height: 30px;
	margin-left: 90px;
}

#contacto-direcciones .localidad h5{
	font-size: 2em;
	color: #037dc0;
	text-transform: uppercase;
	margin:20px 0;
}

#contacto-direcciones .localidad .tel{
	border-top: solid 1px #D1DEEE;
	padding-top: 20px;
	width: 70%;
	margin:0 auto;
}

#contacto-direcciones .neuquen{
	border-right: solid 3px #E5E5E5;
	border-left: solid 3px #E5E5E5;
}

#contacto-direcciones .direcymail{
    height: 300px;
}

#contacto-direcciones .direcymail a{
	color: #4C4C4C;
}

#contacto-direcciones .dire{
	font-size: 0.9em;
}

#contacto-direcciones .mail, #contacto-direcciones .tel{
	font-size: 0.85em;
}


/* RECURSOS HUMANOS*/

#info-rrhh{
	text-align: center;
	line-height: 1.8em;
}

#info-rrhh .mas-info{
	width: 50%;
	float: left;
}

#info-rrhh .mas-info p{
	color: #037DC0;
}

#info-rrhh .masinfoyimg{
	margin: 0 70px;
}

#info-rrhh .img-masinfo #Layer_1{
	padding: 25px 0 0 30px;
}

#info-rrhh .info-principal{
	margin: 0 120px;
}

#oportunidades{
	color: #4c4c4c;
	clear: both;
	text-align: center;
	line-height: 1.8em;
	clear: both;
	display: block;
}

#oportunidades h3{
	font-size: 1.8em;
	margin-top: 80px;
}

#oportunidades h4{
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 0;
}

#oportunidades h3, #oportunidades h4, #oportunidades .entrevista-laboral p{
	color: #037DC0;
	text-align: center;
}


#oportunidades .entrevista-laboral a, #oportunidades .entrevista-laboral a:hover{
    color: blue;
}

#oportunidades .entrevista-laboral a:hover{
    text-decoration: underline;
}

#oportunidades .completeform{
	margin: 0 50px;
}

#oportunidades .apartados{
	margin: 0 60px;
	color: #037DC0;
}

#oportunidades .experiencia{
	width: 70%;
	float: left;
	margin: 50px 0;
	clear: both;
}

#oportunidades .submit-input{
	float: left;
    margin-top: 15px;
    color: #FFFFFF;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    padding: 10px 55px;
    background: none repeat scroll 0 0 #477dbc;
    border: 0 none;
}

#oportunidades .datos-personales, #oportunidades .datos-domicilio{
	width: 32%;
	float: left;
	margin: 0 auto;
	text-align: center;
}

#oportunidades .datos-personales{
	border-right: solid 1px #477DBC;
	padding: 0 10px 0 0;
}

#oportunidades .otros-datos{
	width: 30%;
	float: left;
	border-left: solid 1px #477DBC;
	margin: 0 auto;
	text-align: center;
}

#oportunidades .datos-personales input, #oportunidades .datos-domicilio input, #oportunidades .otros-datos input{
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #037DCA;
	padding: 2px;
}

#oportunidades .datos-personales select{
	margin: 0 5px 10px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #037DCA;
	padding: 2px;
}

#oportunidades .entrevista-laboral, #oportunidades .envio-cvs {
    margin: 50px auto;
    width: 70%;
}


#oportunidades .imgdir{
	/*background: url("../img/iconos.png") no-repeat scroll -225px -156px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -225px -156px;
	background-color: rgba(0,0,0,0);
	width: 60px;
	height: 60px;
	float: left;
}

#oportunidades .envio-cvs p{
	text-align: left;
}

#oportunidades fieldset{
	border: solid 1px #037dc0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#oportunidades .datos-personales h4, #oportunidades .datos-domicilio h4, #oportunidades .otros-datos h4{
	margin-bottom: 20px;
}

#oportunidades .datos-personales p, #oportunidades .datos-domicilio p {
	margin: 0;
	text-align: left;
	margin-left: 45px;
	font-size: 0.75em;
}

#oportunidades .otros-datos p{
	margin: 0;
	text-align: left;
	margin-left: 45px;
	font-size: 0.75em;
}

#oportunidades .boton-enviar{
	float: left;
	margin-top: 70px;
}

#oportunidades .img-enviar{
	/*background: url("../img/iconos.png") no-repeat scroll -75px -156px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -75px -156px;
	background-color: rgba(0,0,0,0);
	width: 80px;
	height: 55px;
	margin-left: 50px;
    margin-top: 50px;
    cursor: pointer;
}

#oportunidades .otros-datos p{
	font-size: 0.75em;
	line-height: 1.3em;
}

#oportunidades .otros-datos input[type="text"]{
	margin: 10px 0;
}

#oportunidades .otros-datos select{
	margin: 10px 0 20px 30px;
}

.error{
	color: red;
	font-size: 0.85em;
}

#oportunidades .otros-datos input[type="radio"]{
	margin: 15px 20px 20px 5px;
}

#oportunidades .experiencia h4{
	margin-bottom: 15px;
}

#oportunidades .analitico, #oportunidades .empresatrabajoanterior, #oportunidades .dondecursolimpieza{
	display: none;
}

/* CONTACTO */

#contacto-formulario{
	text-align: left;
	margin: 0 15px 50px 30px;
	color: #4c4c4c;
	float: left;
}

#contacto-formulario .submit-input {
    background: none repeat scroll 0 0 #477dbc;
    border: 0 none;
    /*float: right;*/
    margin-top: 30px;
    color: #FFFFFF;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    padding: 10px 55px;
}

#contacto-datos{
	float: left;
	width: 40%;
}

#contacto-datos h3{
	color: #037dc0;
	margin-left: 40px;
}
#contacto-datos a{
	color: #666666;
}

#contacto-datos li {
    clear: both;
    margin-bottom: 15px;
    overflow: hidden;
}

#contacto-datos .localidad p{
	color: #B4B4B4;
	font-size: 1.4em;
	margin:0;
}

#contacto-datos .tel {
    clear: both;
}

#contacto-datos .imgmail{
	/*background: url("../img/iconos.png") no-repeat scroll -150px -115px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -150px -115px;
	background-color: rgba(0,0,0,0);
	width: 30px;
	height: 30px;
	float: left;
	margin: 12px 10px 0 0;
}

#contacto-datos .imgtel{
	/*background: url("../img/iconos.png") no-repeat scroll -150px -80px rgba(0, 0, 0, 0);*/
	background-image: url("../img/iconos.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -150px -80px;
	background-color: rgba(0,0,0,0);
	width: 40px;
	height: 30px;
	float: left;
	margin-top: 15px;
}

#contacto-datos .mailytel p{
	float: left;
	color: #666666;
}

#contacto-datos .contacto-neuquen, #contacto-datos .contacto-rionegro{
	border-top: solid 1px #037dc0;
	padding-top: 15px;
}

.mensajemail{
	text-align: center;
	margin-bottom: 30px;
}


/* SERVICIOS */

#servicios-fotos{
	margin: 20px 50px;
}

#servicios-fotos .fotogrande, #servicios-fotos .fotoschicas{
	float: left;
	width: 43%;
	margin: 0 30px;
}

#servicios-fotos .fotogrande{
	margin-top: 9px;
}

#servicios-fotos .fotoschicas img{
	margin: 9px;
	opacity: 0.5;
	cursor: pointer;
	width: 81px;
}

#servicios-fotos p{
	clear: both;
    line-height: 1.6em;
    padding: 30px 200px;
    text-align: center;
}

#servicios-edificios{
	margin-left: 40px;
}

#servicios-edificios .edificio{
	float: left;
    padding: 0 30px;
    width: 16%;
    height: 250px;
}

#servicios-edificios .edificio img{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#servicios-edificios .edificio p{
	text-align: center;
	margin: 0;
}

