/*  CSS Document
 	Autor: Nadia R. Fankhauser
	Contacto: nadiafank@gmail.com | www.tintedigital.com
=================================================================== 
	Índice de elementos:
	- CONTENEDOR
	- HEADER
		- CABECERAS - Flash
		- NAV 2 - Oficinas
	- PANEL1
	- NAV1
	- FOOTER
	*/
body {
color:#FFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:90%;
line-height:1.6;
text-align:center;
background:#600 url(../img/img-lanota/bg-nav.jpg) repeat-x;
margin:0 auto;
padding:0;
}

a {
color:#999;
background:inherit;
text-decoration:none;
font-weight:700;
}

h1 {
letter-spacing:-1px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2em;
font-weight:700;
margin:0;
padding:16px 0 0 8px;
}

h2 {
letter-spacing:-1px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-style:normal;
font-weight:400;
font-variant:normal;
margin:0;
padding:0 0 20px;
}

h1 a,h2 a {
text-decoration:none;
}

h1 a:hover,h2 a:hover {
color:#546078;
}

h3 {
color:#46574D;
background:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
margin:0 0 10px;
padding:0;
}

p {
line-height:1.5em;
margin:0;
}

/* Hides from IE-mac \*/
.clearfix:after {
content:".";
display:block;
height:auto !important;
clear:both;
visibility:hidden;
background-color:#000;
}

/* End hide from IE-mac 
----Menú NAV ESTILOS y SECCIONES----*/
#navcontainer {
height:57px;
width:790px;
margin:0 auto;
}

#navcontainer ul {
list-style-type:none;
margin:0 auto;
}

#navcontainer ul li {
float:left;
margin:0;
}

#navlist-estilos a {
color:#FFF;
text-decoration:none;
text-align:center;
font-size:0.7em;
font-weight:700;
display:block;
float:left;
line-height:35px;
padding-right:2em;
padding-left:2em;
margin:0;
}

#navlist-estilos img {
	border:none;
	}

#navlist-secciones {
width:40%;
float:right;
}

#navlist-secciones ul {
float:right;
}

#navlist-secciones a {
color:#FC0;
text-decoration:none;
text-align:center;
font-size:0.9em;
display:block;
line-height:35px;
margin-top:0;
padding:0 1em;
}

/* --------- CONTENIDO PRINCIPAL -------------------- */
#all-top {
width:100%;
height:100%;
background:url(../img/img-lanota/bg-topfooter.jpg) repeat-x bottom;
padding-bottom:0;
margin:0;
}

#contenido-ppal {
width:800px;
height:500px;
text-align:left;
background:url(../img/img-lanota/lanota-bg_02.jpg) no-repeat center bottom;
margin:0 auto;
padding:0;
}

#contenido-ppal-empty {
width:800px;
height:100%;
text-align:left;
margin:0 auto;
padding:0;
}


/* Show only to IE PC \
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
#zona-call-capas {
position:absolute;
left:464px;
top:347px;
width:100px;
height:59px;
z-index:3;
visibility:visible;
}

#frase a:hover img {
position:absolute;
top:190px;
left:55px;
height:50px;
width:50px;
}

#frase {
position:absolute;
left:409px;
top:85px;
width:218px;
height:166px;
z-index:15;
background:0 url(../img/lanota-frase-silueta.png);
visibility:hidden;
}

/*---------LOGO------------*/
#logo {
position:absolute;
outline:none;
left:503px;
top:64px;
width:369px;
height:142px;
z-index:10;
visibility:visible;
}

#logo a {
display:block;
width:370px;
height:164px;
border:0;
top:0;
clip:rect(0px,auto,auto,auto);
}

/*------------ CAJA de TEXTOS -------------*/
#caja-intro {
width:300px;
float:right;
height:100%;
color:#FFF;
}


#caja-intro-about {
float:right;
width:500px;
height:267px;
margin-top:-25px;
color:#FFF;
padding-top:190px;
z-index:3;
visibility:visible;
background-color:#000;
filter:alpha(opacity=70);
 -moz-opacity:0.7;
 -khtml-opacity: 0.7;
 opacity: 0.7;
}



.caja-full {
width:720px;
height:100%;
color:#FFF;
padding-bottom:40px;
margin-bottom:40px;
float:left;
}

.textos {
text-align:left;
margin-top:10px;
margin-bottom:0;
padding:140px 10px 50px;
}

.textos p {
line-height:160%;
font-size:0.85em;
text-indent:15px;
margin:6px 0 6px 6px;
padding:4px 0 0 3px;
}

.textos h5 {
width:65px;
height:47px;
position:relative;
}

.textos h5 span {
	background:url(../img/img-lanota/firma-bgtransp.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:3px;
	text-indent: -9000px;
}

/*------------ SERVICIOS -------------*/
a#servicios {
display:block;
margin-left:3px;
border:0;
width:274px;
height:25px;
text-indent:-9999px;
background:url(../img/img-lanota/nav-secciones-rollover.jpg) no-repeat left top;
}

a#servicios:hover {
background-position:0 -21px;
border:0;
}

/*----------FOOTER-------------------*/
#footer {
clear:both;
width:100%;
height:100%;
padding-top:20px;
text-align:center;
background-color:#000;
}

#footer-box {
width:790px;
height:110%;
padding-right:10px;
padding-left:0;
text-align:left;
margin:0 auto;
}


#fases,#articulos-blog,#contacto {
float:left;
margin-right:10px;
margin-bottom:0;
}

/*------FOOTER: Fases-----*/
#fases {
width:17%;
height:430px;
position:relative;
padding-top:0;
padding-bottom:0;
padding-right:1em;
border-right:1px solid #666;
margin:0;
}

#fases a {
cursor:help;
}

#imagepreload {
background:url(../img/loading.gif) no-repeat;
}

#ex1:hover span {
display:block;
width:256px;
height:200px;
position:absolute;
top:-10px;
left:100px;
background:url(../img/img-lanota/fase-1.gif) no-repeat;
}

#ex2:hover span {
display:block;
width:256px;
height:200px;
position:absolute;
top:10px;
left:100px;
background:url(../img/img-lanota/fase-2.gif) no-repeat;
}

#ex3:hover span {
display:block;
width:256px;
height:200px;
position:absolute;
top:35px;
left:100px;
background:url(../img/img-lanota/fase-3.gif) no-repeat;
}

#ex4:hover span {
display:block;
width:256px;
height:200px;
position:absolute;
top:60px;
left:100px;
background:url(../img/img-lanota/fase-4.gif) no-repeat;
}

#ex5:hover span {
display:block;
width:256px;
height:200px;
position:absolute;
top:80px;
left:100px;
background:url(../img/img-lanota/fase-5.gif) no-repeat;
}

/* ---------- FOOTER Publicidad ------------ */
.autobombo {
float:left;
width:110px;
height:190px;
text-align:left;
border:1px solid #666;
margin-top:15px;
background:#000 url(../img/img-lanota/plantas-blancas.jpg) no-repeat left bottom;
padding:5px;
}

.autobombo-txt-gral {
width:110px;
margin-top:5px;
margin-left:2px;
padding-left:4px;
padding-bottom:5px;
line-height:160%;
color:#F60;
}

a.autobombo-txt-gral {
position:relative;
z-index:24;
text-decoration:none;
}

.autobombo-txt-gral a span {
position:absolute;
font-size:0.5em;
font-style:normal;
color:#333;
background-color:#CCC;
line-height:130%;
border:1px solid #600;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
z-index:25;
padding:8px;
}

.autobombo-txt-gral a:hover {
background-color:#CCC;
color:#000;
}

.autobombo-txt-gral img {
float:right;
border:0;
padding:5px 0 5px 5px;
}

a.tooltip-newsletter:hover span {
display:block;
top:10em;
left:15em;
width:37em;
font-size:.75em;
}

/* --------- tooltip auto-rediseño ---------*/
a.tooltip-rediseno {
color:#F90;
font-weight:700;
font-size:22px;
}

a.tooltip-rediseno:hover span {
display:block;
top:-8em;
left:15em;
width:57em;
}

.tooltip-portal span {
color:#F60;
font-size:21px;
font-weight:700;
}

/* --------- tooltip auto-rediseño ---------*/
.tooltip-primer {
font-size:15px;
font-weight:700;
}

em.tooltip-web {
color:#F90;
font-size:17px;
font-weight:700;
}

a.tooltip-primer:hover span {
display:block;
top:10em;
left:15em;
width:37em;
font-size:.75em;
}

/* --------- tooltip auto-onlyweb ---------*/
.tooltip-only {
font-size:18px;
}

em.tooltip-layout {
color:#F60;
}

a.tooltip-only:hover span {
display:block;
top:-5em;
left:15em;
width:57em;
font-size:.6em;
}

/* --------- FIN TOOLTIPS ---------
------ FOOTER: Artículos del blog------*/
#articulos-blog {
width:37%;
padding-top:0;
padding-bottom:20px;
padding-left:10px;
}

#articulos-blog ul {
list-style:none;
font-size:11px;
text-indent:5px;
margin:0 0 12px;
padding:0;
}

#articulos-blog ul a {
display:block;
background:url(../img/icon/forward-orange.gif) no-repeat 12px 7px;
color:#cb5100;
font-weight:700;
text-decoration:none;
padding:3px 0 3px 25px;
}

#articulos-blog ul a span {
color:#333;
font-size:10px;
font-style:normal;
font-weight:400;
}

#articulos-blog ul a em {
display:block;
color:gray;
font-size:10px;
font-style:normal;
font-weight:400;
}

#articulos-blog ul a:hover {
color:#6cf;
border-right:3px solid #221C18;
background:#262626 url(../img/icon/forward-cyan.gif) no-repeat 12px 7px;
}

#articulos-blog ul a:hover span {
color:#fc3;
}

#articulos-blog ul a:hover em {
color:#4d4d4d;
}

/*------FOOTER: Formulario de Contacto------*/
#contacto {
width:310px;
margin-right:0;
padding-top:0;
padding-bottom:5px;
background:#000 url(../img/img-lanota/new-bg-contacto.jpg) repeat-x;
}

.rollover-contact {
width:76px;
height:280px;
float:left;
}

.rollover-contact a {
color:#666;
text-decoration:none;
display:block;
width:76px;
height:280px;
background:url(../img/img-lanota/bg-rollover-contacto.jpg) no-repeat;
border:0;
}

.rollover-contact a:hover {
color:#ffc;
background:url(../img/img-lanota/bg-rollover-contacto-up.jpg) no-repeat;
cursor:help;
}

#contactform {
font-size:.8em;
margin:0;
padding:0;
}

form {
font-size:0.7em;
color:#FFF;
}

.contacto p {
font-size:.8em;
}

/* estilos para campos y etiquetas */
fieldset {
border:0 solid #ccc;
margin:1em 0;
padding:1em;
}

legend {
font-weight:700;
font-size:16px;
color:#CCC;
padding-bottom:15px;
}

label {
display:block;
}

label .required {
font-size:0.75em;
color:#96F;
}

input {
width:100%;
}

input.radio,input.submit {
width:auto;
}

input:focus,textarea:focus {
background:#D2C7DC;
}

input.radio {
float:left;
margin-right:1em;
}

textarea {
width:100%;
height:100px;
}

/* Resetear las reglas para IE5/Mac \*/
input.radio + label {
text-indent:0;
}

/* End the hack 
------///FORMU-CONTACTO///---------*/
#copyright {
clear:both;
margin-top:20px;
padding-top:20px;
margin-bottom:0;
padding-bottom:5px;
text-align:right;
font-size:.7em;
}

#copyright p {
line-height:170%;
margin:0;
}

#copyright a:hover {
color:#F90;
}

.destacado {
margin-top:20px;
padding-top:20px;
margin-right:0;
font-size:1.3em;
text-align:right;
}

a:hover,a:active {
color:#FC0;
background:inherit;
}

#navcontainer li#active,#navcontainer a:hover {
font-weight:700;
font-variant:small-caps;
text-decoration:underline;
background:url(../img/img-lanota/bg-nav-up.jpg) repeat-x left top;
}

#logo a span,a.tooltip-newsletter span,a.tooltip-rediseno span,a.tooltip-primer span,a.tooltip-only span {
display:none;
}

#logo img,a#servicios:active {
border:0;
}

.tooltip-newsletter,.tooltip-de {
color:#666;
font-size:15px;
font-weight:700;
}