/* --------------------------------------------------------------- */
/*
	# Diseño y desarrollo: 6vDesign.com.ar
	# Diseño gráfico: Valeria Ruiz-Schulze - valeria@6vdesign.com.ar
	# Maquetación y programación web: Victoria Ruiz-Schulze - victoria@6vdesign.com.ar
*/
/* --------------------------------------------------------------- */ 



/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: inherit;
	text-decoration:none;
}
a:active {
	outline: none;
}
/* END RESET */


/* Available fonts */ 
/*
font-family: 'Ropa Sans', sans-serif;
font-family: 'Quantico', sans-serif;
*/


/* GENERIC CLASSES */
.clear {
	clear: both;
}
/* GENERIC TEXT */

h1 {
	font-size: 37px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
	font-family: "Quantico", sans-serif;
}
h4 {
	font-size: 14px;
}
h5 {
	font-weight: bold;
	margin-bottom:15px;
	line-height: 18px;
}
body {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #665b5b;
}
p {
	margin-bottom: 15px;
	line-height: 18px;
}
.button {
	height: 30px;
	display: inline-block;
	padding: 0 18px;
	line-height: 30px;
	font-family: "Ropa Sans", sans-serif;
	font-size: 17px;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 3px 3px 1px #CCC;
	border: none;
}
.button:active {border: none;}
.button.blue {
	background: #2087b7; /* Old browsers */
background: -moz-linear-gradient(top, #2087b7 0%, #1b739c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2087b7), color-stop(100%,#1b739c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2087b7 0%,#1b739c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2087b7 0%,#1b739c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2087b7 0%,#1b739c 100%); /* IE10+ */
background: linear-gradient(to bottom, #2087b7 0%,#1b739c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2087b7', endColorstr='#1b739c',GradientType=0 ); /* IE6-9 */
}
.button.blue:hover {background: #1b739c; /* Old browsers */
background: -moz-linear-gradient(top,  #1b739c 0%, #2087b7 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b739c), color-stop(99%,#2087b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1b739c 0%,#2087b7 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1b739c 0%,#2087b7 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1b739c 0%,#2087b7 99%); /* IE10+ */
background: linear-gradient(to bottom,  #1b739c 0%,#2087b7 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b739c', endColorstr='#2087b7',GradientType=0 ); /* IE6-9 */
}
/*.button.blue:active {border: 1px solid #CCC;}*/
/* MAIN CONTENT GRID */

html, body {
	margin:0;
	padding:0;
	height:100%;
}
#container {
	min-height:100%;
	position:relative;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0 ); /* IE6-9 */
}
#header {
	padding: 20px 0;
	position: relative;
}
#body {
	padding-bottom:150px;   /* Height of the footer + 15 */
}
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:120px;   /* Height of the footer */
	background:#6cf;
}
#body, #footer {
	width: 100%;
}
.wrapper {
	width: 940px;
	margin: 25px auto 0 auto;
}
/* HEADER */ 
	img.logo {
}
div.info {
	position: absolute;
	top: 30px;
	right: 0;
	font-family: "Quantico", sans-serif;
	font-size: 17px;
	font-weight: 700;
}
#header .info .top {
	border-bottom: 1px solid #e9e9e9;
	padding-left: 67px;
	line-height:27px;
	float: right;
	padding-bottom:8px;
}
#header .info .top .social_media, #header .info .top .tel {
	float: left;
	color: #107780;
}
#header .info .top .tel {
	margin-left: 20px;
}
#header .info .horizontal_menu {
	padding-top: 10px;
	clear: both;
	margin-right: -10px;
}
/* FOOTER */
#footer {
	background-color: #d6d6d6;
	border-top: #b5b5b5 1px solid;
	padding-top: 15px;
}
#footer .legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #665b5b;
	border-top: 1px solid #BEBEBE;
	padding-top: 9px;
	padding-right: 30px;
	width: 250px;
}
/* HORIZONTAL MENU */
ul.horizontal_menu li {
	float: left;
}
#header ul.horizontal_menu li {
	padding: 0 10px;
	line-height:25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 17px;
	margin-left: 3px;
}
#header ul.horizontal_menu li a {
	color: #747474;
}
#header ul.horizontal_menu li.active, #header ul.horizontal_menu li.active:hover {
	background: #c70100;
}
#header ul.horizontal_menu li.active a, #header ul.horizontal_menu li.active a:visited, #header ul.horizontal_menu li.active:hover a, #header ul.horizontal_menu li.active:hover a:visited {
	color: #ffffff;
}
#header ul.horizontal_menu li:hover {
	background: #747474;
}
#header ul.horizontal_menu li:hover a, #header ul.horizontal_menu li:hover a:visited {
	color: #ffffff;
}
#footer ul.horizontal_menu {
	font-family: 'Quantico', sans-serif;
	font-weight:400;
	font-size: 16px;
	color: #838383;
	line-height: 27px;
	margin-right: 42px;
	float: left;
	margin-bottom: 15px;
}
#footer ul.horizontal_menu li {
	margin-left: 60px;
}
#footer ul.horizontal_menu li:first-child {
	margin-left: 0px;
}
#footer ul.horizontal_menu li a, #footer ul.horizontal_menu li a:visited {
	color: #838383;
}
#footer ul.horizontal_menu li:hover a {
	color: #333;
}
#footer ul.horizontal_menu li.contacto {
	padding-left: 35px;
	background-image:url(../img/ico-sobre.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#footer ul.horizontal_menu li.contacto:hover {
	background-image:url(../img/ico-sobre-hover.png);
}
/* SOCIAL MENU */
#header ul.social_media li {
	float: left;
	width: 27px;
	height: 27px;
	margin-left: 13px;
	background-position: top left;
	background-repeat:no-repeat;
}
ul.social_media li:first-child {
	margin-left: 0;
}
ul.social_media li.twitter {
	background-image: url(../img/social-twitter.png);
}
ul.social_media li.fb {
	background-image: url(../img/social-fb.png);
}
ul.social_media li.g_plus {
	background-image: url(../img/social-gplus.png);
}
ul.social_media li.twitter:hover {
	background-image: url(../img/social-twitter_hover.png);
}
ul.social_media li.fb:hover {
	background-image: url(../img/social-fb_hover.png);
}
ul.social_media li.g_plus:hover {
	background-image: url(../img/social-gplus_hover.png);
}
#header ul.social_media {
	padding-bottom: 10px;
	width:120px;
}
#footer ul.social_media {
	float: right;
}




/* ---------------------------------------------------------- */
/* ----------------- MAIN CONTENT --------------------------- */
/* ---------------------------------------------------------- */


/*  ---------------- HOME  -------------*/

#herobox .txt {
	width: 238px;
	height: 236px;
	background: #544d4d;
	float: left;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	padding: 36px 20px;

}
#herobox p.copete {
	color: #e5c700;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
}
#herobox h1 {
	color: #FFF;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 28px;
	line-height: 30px;
	font-weight: 400;
}
/* NOTICES */ 
.notices {
	margin-bottom: 45px;
	margin-top: 45px;
}
.notices .notice {
	width: 459px;
	border-left: 1px solid #b2b2b2;
	float: left;
	height: 110px;
	font-family: "Quantico", sans-serif;
	font-weight: 400;
}
.notices .notice:first-child {
	margin-right: 20px;
	border-left: none;
}
.notices .notice > * {
	margin-left: 20px;
}
.notices .notice:first-child > * {
	margin-left: 0px;
}
.notices .notice.contacto img {
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 20px;
}
.notices h1 {
	font-family: "Ropa Sans", sans-serif;
	color: #575757;
	font-size: 37px;
	line-height: 45px;
}
.notices h2 {
	color: #107780;
		font-family: "Quantico", sans-serif;
	font-weight: normal;
text-transform: uppercase;
margin-bottom: 4px;
}
.notices h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5c5c5c;
	line-height: 18px;
}
.notices h4 a, .notices h4 a:visited {
	color: #5c5c5c;
}
.notices p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #7e7e7e;
	line-height: 28px;
}

.listaclientes {margin-top: 15px; }
.clienteindiv {height: 64px;
margin: 5px 18px;
float: left;}
.clienteindiv:first-child {margin-left: 0;}
.clienteindiv img {max-height: 64px; width: auto;}



/* Servicios */

.triples {
}
.triple {
	float: left;
	width: 290px;
	margin-left: 35px;
	padding-top: 18px;
	border-top: 3px solid #c2c2c2;
	height: 200px;
	margin-bottom: 20px;
}
.triple:first-child, .dobletriple:first-child {
	margin-left: 0;
}

.habilitaciones.clientes {padding-top:40px;}
.habilitaciones.clientes .dobletriple .triple:first-child {margin-left:35px;}
.habilitaciones.clientes .dobletriple .triple {margin-right:24px;}

.quienes-somos .triples {margin-top:30px;}

/*.triple_clientes { 
float: left;
	width: 270px;}*/
/*.dobletriple {float: left; width: 615px; margin-left: 35px;} */

.servicios .triple > img {
	margin: 12px 0 7px;
}
.servicios .triple h2 {
	font-family: "Ropa Sans", sans-serif;
	color: #525252;
	font-weight: 400;
	letter-spacing: -1px;
}
.servicios .triple p {
	line-height: 18px;
}
.servicios .triple .mas, .servicios .triple .consultar {
	line-height: 30px;
}
.servicios .triple .mas a, .servicios .triple .mas a:visited, .servicios .triple .consultar a, .servicios .triple .consultar a:visited {
	color: #1e89c7;
	font-weight: bold;
}
.servicios .triple .consultar:hover a, .servicios .triple .mas:hover a {
	color: #868686;
}
.servicios .triple ul {
	list-style-type: disc;
	line-height: 18px;
	margin-left: 17px;
	margin-bottom: 15px;
}
.servicios .extras {
	display: none;
}
/* Quienes somos */

.quienes-somos .txt {
/*	width: 400px; */
	width: 599px;
	margin-right: 40px;
	float: left;
}
.quienes-somos .img {
	width: 500px;
	float: left;
}
.quienes-somos .img img {
	float: left;
	margin-left: 20px;
	margin-bottom: 21px;
}
.quienes-somos .img img:first-child {
	margin-left: 0px;
}
.quienes-somos .txt h2 {
	font-family: "Quantico", sans-serif;
	color: #5c5c5c;
	font-weight: 400;
	margin-bottom: 15px;
}
.quienes-somos .txt p {
	line-height: 18px;
	margin-bottom: 15px;
}
.quienes-somos .triple {
	margin-top: 20px;
	height: 315px;
}
.quienes-somos .triple h2 {
	font-family: "Ropa Sans", sans-serif;
	font-size: 46px;
	margin-bottom: 20px;
	text-transform:uppercase;
	color: #c2c2c2;
}

.quienes-somos-cargos .datos {min-height: 112px;}
.quienes-somos-cargos .triple img {float: left; margin: 0 15px 15px 0;}
.quienes-somos-cargos .datos hr {border-width: 1px 0 0 0;}
.quienes-somos-cargos p.email {margin-bottom: 40px;}
.quienes-somos-cargos .datos .misc p {line-height: 22px;
margin-bottom: 0px;}
/* Habilitaciones */ 

.habilitaciones.clientes .dobletriple {float:left;}

.habilitaciones .triple {
	border-top: none;
	height: 125px;
}
.habilitaciones .triples.hab .triple {
	border-top: none;
	height: 80px;
}
.habilitaciones .triple .img_wrap {
	float: left;
	width: 100px;
	margin-right: 20px;
	height: 125px;
	text-align: center;
}
.habilitaciones .triple.desc .txt_wrap {
	float: left;
}
.habilitaciones .triple h3 {
	font-family: "Quantico", sans-serif;
	margin-top: 7px;
	padding-bottom: 10px;
}
.habilitaciones .triple.desc h3 {
	border-bottom: 1px solid #CCC;
	margin-bottom: 7px;
}
.habilitaciones .triple p {
	margin-bottom: 0px;
	line-height: 22px;
}
.habilitaciones h4 {
	font-family: "Quantico", sans-serif;
	line-height: 64px;
}
/* FORMULARIOS (RRHH y Contacto) */
.form .triples .triple, .form .triples .dobletriple {
	border-top: 0px;
}
.contacto .triple {
	width: 220px;
	padding: 0 10px;
	height: auto;
}
.contacto.form .dobletriple {
	float: left;
	width: 580px;
	padding: 30px 40px;
	background: #d6d6d6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #cacaca;
	margin-left: 38px;
}
.contacto h2 {
color: #107780;
	font-family: "Quantico", sans-serif;
	font-weight: normal;
text-transform: uppercase;
margin-bottom: 4px;
}
.contacto p {line-height: 22px; margin-bottom: 0; }
a.blue {color: #2d92a1;}
a.red {color: #C70100; }
.contacto .map {
	margin: 33px 0;
border: 1px solid #CACACA;
}
.contacto form label {
	display: inline-block;
	width: 60px;
	margin-right: 20px;
	text-align: right;
	line-height: 21px;
	vertical-align: top;
}
.contacto form > div {
	margin: 8px 0;
}
form input[type="text"]{	width: 130px;}
form input[type="text"], form textarea {
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #CACACA;
	padding: 4px 5px;
	/*margin-left:8px;*/

}
.contacto form input[type="text"] {
	width: 220px;
}

.letra_chica {font-size:10px; padding-bottom:15px;}

form textarea {
	width: 422px;
	height: 140px;
}
.contacto form .button {float: left; margin:10px 0 0 85px;}


.rrhh form .button {float: left; margin:10px 0;}
.rrhh form .triple > div {margin-bottom: 10px; }
.rrhh form label {display: inline-block; width: 140px; vertical-align: top; line-height: 30px;}
.rrhh .triple.dos {width:325px; margin-top:-10px;}
.rrhh .triple.dos label {width: 85px;}
.rrhh .triple.dos textarea, .rrhh .triple.dos input[type="file"] {width: 215px;}
.rrhh input.small2 {width: 26px; }
.rrhh input.small4 {width: 45px; }
.rrhh .triple {padding-top: 0; height: auto;}

.rrhh .arrow, .clientes .arrow {position: relative; height: 48px; padding: 15px 0px 26px 0px; background: #e5e5e5; margin: 25px 0px 25px -10px;
padding-left: 20px;}
.rrhh .arrow_rt, .clientes .arrow_rt {width: 30px; height: 88px; position: absolute; right: -30px; top: 0; background: url(../img/arrow-rt.png); }
.rrhh .triple.intro, .clientes .triple.intro {width: 218px; margin-right: 70px; line-height: 18px;}
.rrhh h2 {font-family: "Quantico", sans-serif; text-transform: uppercase; line-height: 25px; font-weight: normal;}
form input.error, form textarea.error {border: 1px solid #C70100;}

.aclaracion {
	font-size:11px; color:#999; line-height:8px;}

.upload_file_container {
	position:relative;
	background-image:url(../img/adjuntar.png);
	cursor:pointer;
	background-repeat:no-repeat;}

.upload_file_container input[type="file"] {
   width:100px;
   height:40px;
   position:absolute;
   left:0;
   top:0;
   cursor:pointer;
}



/* IMAGE ROTATOR */
#herobox {
	height: 308px;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top:-15px;
		overflow: hidden;
	}
#heroarrows {
	position: absolute;
	top: 345px;
	left: 373px;
	z-index: 1000;
	padding-bottom: 14px;
}
#heroarrows img {
	height: 21px;
	width: 22px;
	margin: 0 2px 0 1px;
	padding: 0;
	cursor: pointer;
}

.herodiv {
	display:none;
	position:absolute;
}
.heroheader {
	line-height: 36px;
	width: 255px;
	margin: 0;
}
#herotabs {
	background: #4286ac;
	heigt: 381px;
}
.herodiv img {	border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.herodiv img, .herodiv .heroheader {float: left; }

.triple.noborder {border: none;}

/* Clientes */ 
.clientes .dobletriple ul li, .habilitaciones .dobletriple ul li {display: table-cell;
float: left;
width: 110px;
height: 60px;
padding: 28px;
vertical-align: middle;
text-align: center;}
.clientes .triple {padding-top: 0; border-top: 0; width:270px;
}
.clientes h2 {font-family: "Quantico", sans-serif;
text-transform: uppercase;
line-height: 25px;
font-weight: normal;margin-bottom: 10px;
}
.clientes .triple ul li {margin: 10px 0;
}

.img2 {padding-top:20px;}