@charset "utf-8";
/* CSS Document */

/** Helvetica embebida **/

@font-face {
    font-family: 'Helvetica-Bold';
    src: url('../fonts/helvetica-bold.eot');
    src: url('../fonts/helvetica-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-bold.woff') format('woff'),
         url('../fonts/helvetica-bold.ttf') format('truetype'),
         url('../fonts/helvetica-bold.svg#helvetica-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


body,td,th {
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}

/** HACK PARA CAMBIAR EL TEXT SELECT **/
/* Mozilla based browsers */
::-moz-selection {
       background-color:#ff0006;
       color: #FFF;
}
::selection {
       background-color:#ff0006;
       color: #FFF;
}

/** FOCUS EN LOS CAMPOS **/
input:focus, textarea:focus, select:focus {
    outline: none;
}

/** LINKS GENERALES **/

a:link {
	text-decoration: none;
	color: #666666;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #0093DD;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}


/** COLORES **/

.rojo {color:#ff0005;}
.azul {	color:#22A9F2;}
.negro {color:#000000;}
.gris {color:#CCCCCC;}
.blanco {color:#FFF;}


/** VISIBILIDAD **/

.ocultar {display:none;}
.mostrar {display:block; !important}

/** TITULOS **/

h1 {
	font-family:'Helvetica-Bold', Arial;
	font-size:48px;
	font-weight:normal;
	color:#22A9F2;
	line-height:47px;
	margin:0px;
	margin-bottom: 15px;
	letter-spacing: -1px;
}

h2 {
	font-family:'Helvetica-Bold', Arial;
	font-size:40px;
	font-weight:normal;
	color:#0097E1;
	line-height:40px;
	margin:0px;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
	
h3 {
	font-family:'Helvetica-Bold', Arial;
	font-weight:normal;
	font-size:32px;
	color:#000;
	line-height:30px;
	margin:0px;
	margin-bottom: 15px;
	letter-spacing: -1px;
}

h4 {
	font-family:'Helvetica-Bold', Arial;
	font-weight:normal;
	font-size:27px;
	color:#afafaf;
	line-height:25px;
	margin:0px;
	margin-bottom: 15px;
}

h5 {
	font-family:'Helvetica-Bold', Arial;
	font-weight:normal;
	font-size:20px;
	color:#FFFFFF;
	line-height:21px;
	margin:0px;
	margin-bottom:0px;
}
	
	


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}

/** INICIO **/

#inicio {
	width:100%;
	height:310px;
	text-align:center;
	background-color:#FFFFFF;
	background-image:url(../imagenes/inicio.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-top:0px;
	padding-top: 484px;
	}
	
.boton_comenzar {
	background-color:#0193DE;
	color:#FFFFFF;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	padding: 18px;
	padding-top: 13px;
	padding-bottom: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #016B7E;
	}
	
.boton_comenzar:hover {
	background-color:#0088CA;
	color:#FFFFFF;
}
.boton_comenzar:link {
	color:#FFFFFF;
	text-decoration:none;}
.boton_comenzar:visited {
	color:#FFFFFF;
	text-decoration:none;}
.boton_comenzar:hover {
	color:#FFFFFF;
	text-decoration:none;}
.boton_comenzar:active {
	color:#FFFFFF;
	text-decoration:none;}
	
#presentacion {
	width:100%;
	height:750px;
	text-align:center;
	background-color:#FFFFFF;
	background-image:url(../imagenes/presentacion.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
	
#contenido_presentacion {
	width:1030px;
	margin:auto;
	text-align:center;
	}
	
#texto_presentacion {
	color:#666666;
	text-align:left;
	float: left;
	width: 270px;
	position: absolute;
	top: 915px;
	margin-left: 18px;
	}
	
#diseño {
	width:100%;
	margin:auto;
	height:740px;
	text-align:center;
	background-color:#0193DE;
	padding-top: 30px;
	}
	
#tecnico {
	width:1000px;
	margin:auto;
	text-align:center;
	background-color:#FFFFFF;
	color: #969696;
	}
	
#lifestyle {
	width:100%;
	margin:auto;
	text-align:center;
	overflow:hidden;
	background-color:#000000;
	height: 670px;!important
	}
	
#contenedor_slider {
	width:1000px;
	margin:auto;
	}
	
#contenedor_slider_lifestyle {
	width:100%;
	margin:auto;
	height: auto;
	}
	
/** SLIDESHOW LIFESTYLE **/
	
#slideshow {
	position:relative;
	height:auto;
	width: 100%;
	margin: auto;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow IMG.active {
	z-index:10;
	border: 0px;
}
#slideshow IMG.last-active {
    z-index:9;
}

.lifestyle_img {
	position: absolute;
	max-width:110%;
	z-index:1;
	border: 0px;
}

/** **/

/** MENU FIJO **/

.logo_menu {
	border:0px;
	margin-top:-25px;
	float:left;
	}
	
#sticky-anchor {
  height: 38px;
}

#sticky {
	background-color: #f1f1f1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #666666;
	margin-top: -38px;
	font-size: 16px;
	padding: 0.5ex;
	width: 987px;
	font-weight:bold;
	border:1px solid #CACACA;
	height: 46px;
	padding-top: 0px;
	border-bottom: 4px solid #999999;
	margin-left: 17px;
  }
#sticky.stick {
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  position: fixed;
  top: 0;
  z-index: 10000;
  margin-top: 0 !important;
  }
  
#sticky ul li {
	display:block;
	float: left;
	padding-left: 13px;
	padding-right: 32px;
	font-size: 17px;
	list-style: none;
	margin: 0px;
	}
	
#sticky a {
	color:#000000;
	text-decoration:none;
	}
	
#sticky a:hover {
	color:red;
	text-decoration:none;
	}
	
#sticky .current a {
  color: #0093dd;
}

/** TECNOLOGIA **/

.tecno_der {
	width:980px;
	height:453px;
	float:left;
	background-image:url(../imagenes/tecno_bg_der.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	text-align:left;
	padding-top: 52px;
	}
	
.tecno_izq {
	width:980px;
	height:455px;
	float:left;
	background-image:url(../imagenes/tecno_bg_izq.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-top: 50px;
	padding-left: 20px;
	}
	
.numero {
	font-family:'Helvetica-Bold', Arial;
	font-size:55px;
	font-weight:normal;
	line-height:55px;
	color:#D4D4D4;
	letter-spacing:-1px;
	}
	
.texto_tecno {
	width:425px;
	height:350px;
	float:left;
	margin-left: 25px;
	padding-top: 50px;
	}
	
.texto_tecno p {
	line-height:19px;
	}
	
.texto_tecno a {
	color:#FF0000;
	}
	
.texto_tecno a:hover {
	color:#000000;
	}
	
.tecno_colores {
	width:1000px;
	height:455px;
	float:left;
	background-image:url(../imagenes/tecno_bg_colores.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:45px;
	}
	
.item_color {
	width:210px;
	height:200px;
	float:left;
	margin-left: 35px;
	margin-top: 20px;
	color: #000000;
	line-height: 18px;
	}

.item_color a {
	color:#FF0000;
	}
	
.item_color a:hover {
	color:#000000;
	}


/** CONSECIONARIOS **/
	
#mapa {
	width:100%;
	height:630px;
	text-align:center;
	padding-top:50px;
	font-size:14px;
	background-color: #F4F1F8;
	}
	
#contenedor_mapa {
	width:1000px;
	margin: auto;
	margin-top:40px;
	}
	
.contenido_mapa {
	width:220px;
	background-color:#FFFFFF;
	padding:20px;
	float:right;
	text-align: left;
	border-bottom: 5px solid #C1C1C1;
	color: #000000;
	line-height: 15px;
	font-size: 12px;
	}	
	
.default {
background-image:url(../imagenes/mapa_caba.jpg);
background-repeat:no-repeat;
background-position:top center;
height:720px;
}

.cba {
background-image:url(../imagenes/mapa_cba.jpg);
background-repeat:no-repeat;
background-position:top center;
height:720px;  }
.santiago {
background-image:url(../imagenes/mapa_santiago.jpg);
background-repeat:no-repeat;
background-position:top center;
height:720px;  }
.ros {
background-image:url(../imagenes/mapa_ros.jpg);
background-repeat:no-repeat;
background-position:top center;
height:720px;  }
.mdf {
background-image:url(../imagenes/mapa_mdf.jpg);
background-repeat:no-repeat;
background-position:top center;
height:720px;  }
.barca {
background-image:url(../imagenes/mapa_barcelona.jpg);
background-repeat:no-repeat;
background-position:top center;
height:720px;  }
.val {
background-image:url(../imagenes/mapa_valencia.jpg);
background-repeat:no-repeat;
background-position:top center;
height:720px;  } 


#baires, #cordoba, #mexico, #chile, #barcelona, #valencia {
	width:220px;
	background-color:#FFFFFF;
	padding:20px;
	float:right;
	text-align: left;
	border-bottom: 5px solid #C1C1C1;
	color: #000000;
	line-height: 15px;
	font-size: 12px;	}	

	
/** CONTACTO **/

	
#contacto {
	width:100%;
	height:485px;
	background-image:url(../imagenes/contacto.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin-top: -60px;
	}
	
.contenido_footer {
	width:1000px;
	height:450px;
	margin:auto;
	}
	
.texto_footer {
	width:300px;
	float:left;
	margin-top:78px;
	margin-left: 325px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	}
	
.texto_footer a {
	color:#FFFFFF;
	}
	
.texto_footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.form_footer {
	width:255px;
	height:300px;
	float:left;
	margin-top:78px;
	text-align: left;
	margin-left: 120px;
	}
	
.campo_footer {
	width:245px;
	height:30px;
	float:left;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#747474;
	font-size:14px;
	padding-left:10px;
	margin-top:5px;
	margin-bottom:9px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:0px;
	}
	
.campo2_footer {
	width:243px;
	height:150px;
	float:left;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#747474;
	font-size:14px;
	padding-left:10px;
	padding-top:10px;
	margin-top:5px;
	margin-bottom:9px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:0px;
	margin-bottom:10px;
	}
	
.boton_form {
	background-color:#f5f5f5;
	font-size:15px;
	font-weight:bold;
	float:left;
	margin-top:8px;
!important
	text-align:center;
	padding: 16px;
	padding-top: 10px;
	padding-bottom: 8px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-bottom: 3px solid #999;
	}
	
.boton_form:hover {
	background-color:#e1e1e1;
	color:#000000;
}
.boton_form:link {
	color:#666;
	text-decoration:none;}
.boton_form:visited {
	color:#666;
	text-decoration:none;}
.boton_form:hover {
	color:#000000;
	text-decoration:none;
}
.boton_form:active {
	color:#666;
	text-decoration:none;}



/** DISEÑO BELLUCCIA III / TP WEB / Nicolás Muiño / Grupo Pablo & Tania / FADU UBA 2012 **/