/*==========================================================================================================
== 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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
* { font-family: inherit; font-size: inherit; font-weight: inherit; }
html, body { height: 100%; width: 100%; font-family: helvetica, arial, sans-serif; font-size: 16px; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
a, img { outline: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
b, strong { font-weight: bold; }

/*==========================================================================================================
== WEBFONT
==========================================================================================================*/
@font-face {
    font-family: 'Doris';
    src: url('../fonts/dorisbr-webfont.eot');
    src: url('../fonts/dorisbr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dorisbr-webfont.woff') format('woff'),
         url('../fonts/dorisbr-webfont.ttf') format('truetype'),
         url('../fonts/dorisbr-webfont.svg#DorisPPbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans-webfont.woff') format('woff'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.doris { font-family: 'Doris', helvetica, arial, sans-serif; }
.droid { font-family: 'Droid', helvetica, arial, sans-serif; }
.break { word-break: break-all; }
.upper { text-transform: uppercase; }
.hidden { visibility: hidden; }

/*==========================================================================================================
== LAYOUT GENERAL
==========================================================================================================*/
body { background: url('../img/bgs/body.png') repeat-x; overflow-y: scroll; font-size: 12px; }

a { text-decoration: none; }

.shadow {
	text-shadow: 0px 1px 2px #474747;
	filter: dropshadow(color=#474747, offx=0, offy=1);
}

.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#logo {
	position: absolute;
	width: 176px;
	height: 195px;
	top: 8px;
	left: 50%;
	margin-left: 180px;
	background: url('../img/bgs/telmac-comunicaciones-logo.png') no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	z-index: 9000;
}

#header {
	position: relative;
	height: 90px;
	background: url('../img/bgs/header.png') no-repeat;
}

#wrapper { min-height: 100%; }

.checklist li {
	background: url('../img/bgs/check.png') no-repeat top left;
	padding: 7px 0 10px 40px;
	min-height: 30px;
}

/*==========================================================================================================
== MENU
==========================================================================================================*/
#menu {
	position: absolute;
	height: 35px;
	top: 29px;
	left: 140px;
}

#menu li {
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	text-align: center;
}

#menu li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}

#menu .home { width: 80px; }
#menu .empresa { width: 113px; }
#menu .soluciones { width: 140px; }
#menu .contacto { width: 118px; }

#menu .home.current { background: url('../img/menu/home.png') no-repeat; }
#menu .empresa.current { background: url('../img/menu/empresa.png') no-repeat; }
#menu .soluciones.current { background: url('../img/menu/soluciones.png') no-repeat; }
#menu .contacto.current { background: url('../img/menu/contacto.png') no-repeat; }

/*==========================================================================================================
== CONTENT
==========================================================================================================*/
#content { background: url('../img/bgs/content-bottom.png') no-repeat bottom left; }

/*==========================================================================================================
== FOOTER
==========================================================================================================*/
#footer { height: 320px; background: url('../img/bgs/footer.png') repeat-x; }
#footer .container { height: 100%; background: url('../img/bgs/footer-container.png') no-repeat; }

/*==========================================================================================================
== FOOTER TELEFONOS
==========================================================================================================*/
#footer .telefonos {
	position: absolute;
	top: 28px;
	left: 180px;
	font-size: 28px;
	color: #FFF;
}
#footer .telefonos .left {
	zoom: 1;
	display: inline;
	display: inline-block;
	width: 160px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 28px;
}

/*==========================================================================================================
== FOOTER - CONTACTOS
==========================================================================================================*/
#footer .contactos {
	position: absolute;
	top: 100px;
	left: 253px;
	font-size: 12px;
}
#footer .contactos li {
	display: block;
	height: 50px;
	float: left;
	margin-right: 71px;
	color: #00A4A8;
}

#footer .contactos span {
	display: block;
	text-transform: uppercase;
}

#footer .contactos a {
	display: block;
	color: #1F6B69;
}

/*==========================================================================================================
== FOOTER - ADDRESS
==========================================================================================================*/
#footer .address, #footer .copyright {
	position: absolute;
	top: 192px;
	left: 253px;
	font-size: 12px;
	color: #015654;
	width: 707px;
}
#footer .copyright { top: 247px; }
#footer .address span, #footer .copyright span {
	zoom: 1;
	display: inline;
	display: inline-block;
	width: 370px;
}

/*==========================================================================================================
== HOME/SLIDER
==========================================================================================================*/
#wrapper.home { background: url('../img/bgs/wrapper-home.png') no-repeat 50% 0%; }

#sliderhome {
	position: relative;
	height: 410px;
	margin-top: 60px;
}

#sliderhome .alcatel {
	display: block;
	position: absolute;
	top: 140px;
	left: 140px;
	width: 175px;
	height: 281px;
	z-index: 1000;
}

#sliderhome .items {
	position: relative;
	display: block;
	width: 775px;
	height: 410px;
	overflow: hidden;
	margin: 0 auto;
}

#sliderhome li {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-indent: -9000px;
	overflow: hidden;
	display: none;
}
#sliderhome li:first-child { display: block; }

#sliderhome .items img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/*------------------------------------------------
-- Contador
------------------------------------------------*/
#contador {
	position: relative;
	width: 274px;
	height: 42px;
	background: rgba(0,0,0,0.5);
	margin: 186px 0 0 360px;
	background: url('../img/contador/puntos.png') no-repeat top left;
	text-indent: 16px;
	overflow: hidden;
}

#contador span {
	zoom: 1;
	display: inline;
	display: inline-block;
	width: 20px;
	height: 42px;
}

#contador p {
	display: block;
	height: 0px;
	width: 0px;
	overflow: hidden;
}

#contador span.num2 { margin-right: 20px; }
#contador span.num4 { margin-right: 20px; }
#contador span.num6 { margin-right: 20px; }
#contador span.d0 { background: url('../img/contador/0.png') no-repeat 0 50%;  }
#contador span.d1 { background: url('../img/contador/1.png') no-repeat 0 50%;  }
#contador span.d2 { background: url('../img/contador/2.png') no-repeat 0 50%;  }
#contador span.d3 { background: url('../img/contador/3.png') no-repeat 0 50%;  }
#contador span.d4 { background: url('../img/contador/4.png') no-repeat 0 50%;  }
#contador span.d5 { background: url('../img/contador/5.png') no-repeat 0 50%;  }
#contador span.d6 { background: url('../img/contador/6.png') no-repeat 0 50%;  }
#contador span.d7 { background: url('../img/contador/7.png') no-repeat 0 50%;  }
#contador span.d8 { background: url('../img/contador/8.png') no-repeat 0 50%;  }
#contador span.d9 { background: url('../img/contador/9.png') no-repeat 0 50%;  }


/*------------------------------------------------
-- Flechas
------------------------------------------------*/
#sliderhome .arrow-left, #sliderhome .arrow-right {
	position: absolute;
	width: 42px;
	height: 55px;
	top: 50%;
	margin-top: -50px;
	background: url('../img/sliderhome/_arrow-left.png');
	z-index: 1100;
}
#sliderhome .arrow-left:hover, #sliderhome .arrow-right:hover { background-position: 0px -55px; }
#sliderhome .arrow-left { left: 40px; }
#sliderhome .arrow-right { background: url('../img/sliderhome/_arrow-right.png'); right: 40px; }

/*------------------------------------------------
-- Dots
------------------------------------------------*/
#sliderhome .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	height: 20px;
	text-align: center;
	z-index: 1200;
}

#sliderhome .dots a {
	zoom: 1;
	display: inline;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../img/sliderhome/_dot.png');
}
#sliderhome .dots a.current {
	background-position: 0px -20px;
}

/*==========================================================================================================
== La Empresa
==========================================================================================================*/
#wrapper.empresa { background: url('../img/bgs/wrapper-empresa.png') no-repeat 50% 0%; }
#wrapper.empresa #content {
	height: 700px;
	overflow: hidden;
}
#wrapper.empresa h2, #wrapper.empresa h3 { text-indent: -9000px; }

.empresa-provee, .empresa-es {
	color: #706F6F;
	font-size: 13px;
}
.empresa-provee {
	position: absolute;
	top: 360px;
	left: 648px;
	width: 205px;
}
.empresa-es {
	position: absolute;
	top: 360px;
	left: 105px;
	width: 420px;
}
.empresa-es li {
	padding: 7px 0 10px 0;
	text-align: justify;
}

/*==========================================================================================================
== Soluciones
==========================================================================================================*/
#wrapper.soluciones { background: url('../img/bgs/wrapper-soluciones.png') no-repeat 50% 0%; }
#wrapper.soluciones #content {
	height: 1250px;
	overflow: hidden;
	color: #706F6F;
	font-size: 13px;
}
#wrapper.soluciones h2, #wrapper.soluciones h3 { text-indent: -9000px; }

#wrapper.soluciones .checklist li {
	background: url('../img/bgs/check-soluciones.png') no-repeat top left;
	padding: 9px 0 0 40px;
	min-height: 23px;
}

#wrapper.soluciones .tecnologicas, #wrapper.soluciones .comerciales{
	position: absolute;
	left: 120px;
	top: 360px;
	width: 400px;
}
#wrapper.soluciones .comerciales {
	left: 127px;
	top: 1000px;
}
#wrapper.soluciones .alt { color: #3C3C3B; }
#wrapper.soluciones p {
	padding-bottom: 25px;
}


/*------------------------------------------------
-- Slider Soluciones
------------------------------------------------*/
#slidersoluciones {
	display: block;
	position: absolute;
	top: 400px;
	left: 530px;
	width: 340px;
	height: 410px;
	overflow: hidden;
}
#slidersoluciones li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFF;
}
#slidersoluciones li:first-child { display: block; }

/*==========================================================================================================
== CONTACTO/FORMULARIO
==========================================================================================================*/
#wrapper.contacto { background: url('../img/bgs/wrapper-contacto.png') no-repeat 50% 0%; }
#wrapper.contacto #content {
	height: 1650px;
	overflow: hidden;
}

/*------------------------------------------------
-- TEAM LIST
------------------------------------------------*/
.team {
	display: block;
	position: absolute;
	top: 400px;
	left: 127px;
}

.team li {
	display: block;
	margin-bottom: 18px;
}

.team .tipo, .team .name, .team a {
	zoom: 1; 
	display: inline;
	display: inline-block;
	height: 50px;
	line-height: 50px;
}

.team .tipo {
	width: 295px;
	margin-right: 12px;
	text-align: center;
	Visibility: hidden;
}

.team .name {
	width: 156px;
	margin-right: 12px;
	text-align: center;
	color: #1F6B69;
}

.team a {
	padding-left: 50px;
	color: #51b4e4;
}
.team a.colorsec { color: #1d71b7; }
.team a.colorter { color: #373da5; }

/*==========================================================================================================
== FORMULARIO
==========================================================================================================*/
#form {
	display: block;
	position: absolute;
	top: 930px;
	left: 216px;
	width: 550px;
	height: 641px;
	background: url('../img/bgs/contact-form.png');
}

.formintro {
	display: block;
	position: absolute;
	top: 845px;
	left: 250px;
	width: 480px;
	font-size: 16px;
	color: #202020;
}

.formok {
	display: block;
	position: absolute;
	top: 905px;
	left: 250px;
	width: 480px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #202020;
	font-weight: bold;
	background: url('../img/bgs/check-contacto.png') no-repeat top left;
	padding-left: 40px;
	z-index: 1000;
}

#form .submit {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 40px;
	width: 112px;
	height: 112px;
	background: transparent url('../img/bgs/contact-form-enviar.png');
    text-indent: -9000px;
	border: 0 none;
	cursor: pointer;
    -webkit-appearance: button;
}

#form .submit:hover { background-position: 0 -112px; }

#form .input {
	display: block;
	position: absolute;
	left: 226px;
	top: 40px;
	width: 270px;
	height: 25px;
	border: 0 none;
	background: transparent;
	margin: 0;
	padding: 1px 5px;
}
#form .input.nombre { top: 79px; }
#form .input.empresa { top: 118px; }
#form .input.email { top: 347px; }
#form .input.telefono { top: 388px; }
#form .input.celular { top: 427px; }
#form .input.otros { top: 466px; }
#form .input.medio { top: 575px; left: 44px; }

#form textarea {
	display: block;
	position: absolute;
	left: 60px;
	top: 192px;
	width: 428px;
	height: 102px;
	border: 0 none;
	background: transparent;
	margin: 0;
	padding: 1px 5px;
}