/* CSS Document :: eCloud */
body {
	background:transparent url("../img/body-back.png") repeat-x;
	margin:0px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	height:100%;
}
.sombra_top{
	background:transparent url("../img/sombra-top.png") no-repeat center top;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:152px;
}
.sombra_sides{
	background:transparent url("../img/sombra-sides.png") repeat-y center top;
	position:absolute;
	left:-16px;
	top:40px;
	width:882px;
	height:0px;
}
.sombra_bottom{
	background:transparent url("../img/sombra-bottom.png") no-repeat center bottom;
	position:relative;
	float:left;
	left:-16px;
	bottom:71px;
	width:882px;
	height:50px;
	z-index:-1;
}
a {text-decoration:none;color:#606060;}
a img{text-decoration:none; border:none;}
a:hover {text-decoration:underline;}
a:active{text-decoration:underline;}
h4{margin:0px;padding:0px;font-size:11px;}			/* Subtítulos chicos */
h5{margin:0px;margin-bottom:15px;padding:0px; font-size:15px;}			/* Títulos rojos y azules */
h6{margin:0px;padding:0px;font-size:14px;}			/* Subtítulos grises */
p{margin:0px;}
p.quote{font-style:italic;line-height:200%;font-size:13px;}
strong{font-weight:bold;color:#707070;}
hr{width:80%;height:2px;border:0px none;margin:10px auto;background:transparent url("../img/hr-back.png") repeat-x;}
/* CONTAINER */
#container{
	width:850px;
	margin:112px auto 0px;
	height:auto;
	position:relative;
	z-index:0;
}

/* HEADER */
#header {
	width:100%;
	margin:0px auto;
	height:auto;
	position:relative;
	text-align:left;
}
.logoEmpresa {
	width:auto;
	height:auto;
	margin-left:45px;
	top:-10px;
	position:relative;
}
.banner{
	background-color:transparent;
	background-repeat:no-repeat;
	width:850px;
	height:198px;
	position:relative;
	z-index:10;
	overflow:hidden;:
}
.banner .banner-concepto{
	background:transparent url("../img/banner-concepto.png") no-repeat;
	width:100%;
	max-width:155px;
	height:30px;
	position:absolute;
	left:60px;
	bottom:40px;
	/* borrar display:none; para estático*/
	display:none;
}
.banner .banner-texto{
	background-color:transparent;
	background-repeat:no-repeat;
	width:100%;
	max-width:458px;
	height:80px;
	position:absolute;
	top:40px;
	/* right:60px; para estático*/
	right:-450px;
}
p.userHello{
	position:absolute;
	right:65px;
	top:-30px;
	font-size:12px;
}
p.userHello a{
	margin-right:30px;
}
form.userHello{
	position:absolute;
	right:16px;
	top:-32px;
	font-size:12px;
}
form.userHello input{
	color:#606060;
	cursor:pointer;
	border:0px none;
	background:none;
}

/* CONTENT */
#content{
	width:100%;
	position:relative;
	background-color:#fff;
	line-height:16px;
}
*#blue{
	color:#0a529c;
}
*#red{
	color:#b02d26;
}
*#grey{
	color:#707070;
}
*.linksplus{
	font-size:9px;
}
a#bluehover:hover{
	color:#0a52cc;
	text-decoration:none;
}
a#redhover:hover{
	color:#c02d26;
	text-decoration:none;
}

/* LEFT */
#left{
	width:280px;
	height:auto;
	position:relative;
	float:left;
	text-align:left;
	margin-top:-40px;
	color:#333;
}
.novedades{
	background:#f6f6f6 url("../img/novedades-back.png") repeat-x bottom;
	height:auto;
	position:relative;
	padding:15px 20px 0px;
}
.novedades .icono{
	position:absolute;
	right:25%;
	top:55px;
}
.novedades h5{
	margin-top:40px;
}
.novedades h6{
	margin-bottom:5px;
	font-size:14px;
}
.novedades p{
	margin-bottom:10px;
	font-size:11px;
	color:#353535;
}
.novedades a{
	margin-bottom:10px;
}
.small{
	background-image:url("../img/novedades-back-small.png");
	background-color:#fff;
}
.newsletter{
	background:#e3e4e5 url("../img/newsletter-back.png") repeat-x;
	height:auto;
	position:relative;
	padding:0px 20px 10px;
}
.newsletter .icono{
	position:absolute;
	right:3%;
	top:20px;
}
.newsletter p{
	margin-bottom:20px;
	color:#555555;
}
.large{
	background-image:url("../img/newsletter-back-large.png");
	background-position:top;
}
.newsletter .img1{
	position:absolute;
	left:30px;
}
.newsletter .img2{
	position:relative;
	left:100px;
}
.newsletter p.newsletter-correo{
	color:#707070;
}
.newsletter p.newsletter-correo input{
	width:230px;
}
.newsletter p.newsletter-correo input#suscribir{
	width:auto;
	float:right;
}
.usuarios{
	background:transparent url("../img/usuarios-back.png") repeat-x;
	height:auto;
	position:relative;
	padding:0px 10px 25px 20px;
}
.usuarios p.labels{
	color:#707070;
	float:left;
}
.usuarios p.inputs{
	color:#707070;
	float:left;
}
.usuarios p.inputs input{
	width:90px;
}
.contacto{
	background:transparent url("../img/contacto-back.png") repeat-x;
	height:auto;
	position:relative;
	padding:0px 10px 15px 20px;
}
.contacto .icono{
	position:absolute;
	right:20px;
	bottom:10px;
}
.contacto p{
	color:#0a529c;
}
.cotizacion{
	background:transparent url("../img/cotizacion-back.png") repeat-x;
	position:relative;
	height:auto;
	padding:0px 20px 10px;
}
.cotizacion .cuadro{
	position:relative;
	float:left;
	width:70px;
	height:25px;
	border:2px solid #d9d9d9;
	background-color:#fff;
	overflow:hidden;
	margin:2px 2px 2px 0px;
	text-align:center;
	font-size:13px;
}
.cotizacion .superior{
	background-color:#eaeaea;
}
.cotizacion p{
	margin-top:3px;
	color:#555;
}

/* RIGHT */
#right{
	float:left;
	width:570px;
	position:relative;
	text-align:left;
	background-color:#fff;
	height:auto;
	margin-top:-80px;
	padding-top:80px;
}
#right h4{
	margin:0px 0px 5px 20px;
}
#right h5{
	margin:0px 60px 10px 20px;
}
#right h6{
	margin:0px 0px 5px 20px;
	color:#a0a0a0;
}
#right p{
	margin:0px 30px 20px 20px;
	font-size:11px;
	color:#666;
}
.separadorT{
	background:transparent url("../img/separadorT-back.png") no-repeat;
	width:490px;
	height:32px;
	margin:0px 20px 20px;
}
.separadorTInvertido{
	background:transparent url("../img/separadorT-backInvertido.png") no-repeat;
	width:490px;
	height:32px;
	margin:0px 20px 20px;
}
.separador{
	background:transparent url("../img/separador-back.png") no-repeat;
	width:480px;
	height:1px;
	margin:40px 30px 30px;
	position:relative;
}
.separadorSmall{
	background:transparent url("../img/separador-back.png") no-repeat;
	width:200px;
	height:1px;
	margin:40px 30px 30px;
}
#right img{
	position:relative;
	float:left;
	margin:0px 0px 10px 15px;
	padding:5px;
}
#right img.right{
	float:right;
	margin:0px 25px 10px 0px;
	top:-30px;
}
.columna1{
	float:left;
	position:relative;
	width:280px;
	height:auto;
}
.columna2{
	float:left;
	position:relative;
	width:280px;
	min-height:435px;
}
.columna-linea{
	background:transparent url("../img/columna-linea.png") repeat;
	width:1px;
	height:1350px;
	position:relative;
	float:left;
	top:150px;
}
#right input{
	border:0px none;
	background-color:#f1f1f1;
	width:100%;
}
#right textarea{
	border:0px none;
	background-color:#f1f1f1;
	width:100%;
}
#right p.short{
	float:left;
	width:41%;
	margin-top:0px;
	margin-left:20px;
	position:relative;
}
#right p.button{
	text-align:right;
}
#right p.button input{
	background-color:transparent;
	text-align:right;
	width:auto;
}
#right #load{
	position:absolute;
	top:475px;
	left:20px;
}
#right .simulador{
	text-align:center;
}
#right .title{
	text-decoration:underline;
	font-size:14px;
}

/* MENU */
.menu {
	background:transparent url("../img/menu-back.png") repeat-x;
	height:35px;
	width:65%;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:2;
}
.menu-link{
	width:auto;
	height:25px;
	float:left;
	padding-top:12px;
}
.menu-link a{
	font-size:9px;
	color:#444;
	padding:10px 10px;
}
.menu-link:hover{
	background:url("../img/menu-hover.png") repeat-x;
}
.active{
	background:url("../img/menu-hover.png") repeat-x;
}
.menu-link:hover a{
	text-decoration:none;
	color:#154D9E;
}
.menu #index{
	margin-left:120px;
}
.menu #userindex{
	margin-left:40px;
}
.menu-mapa a{
	background:transparent url("../img/menu-mapa.png") no-repeat bottom;
	width:29px;
	height:15px;
	float:left;
	margin-top:10px;
	margin-left:70px;
}
.menu-mail a{
	background:transparent url("../img/menu-mail.png") no-repeat bottom;
	width:22px;
	height:15px;
	float:left;
	margin-top:10px;
	margin-left:20px;
}
.menu-mapa-user a{
	background:transparent url("../img/menu-mapa.png") no-repeat bottom;
	width:29px;
	height:15px;
	float:left;
	margin-top:10px;
	margin-left:20px;
}

/* FOOTER */
#footer{
	width:800px;
	height:30px;
	position:relative;
	float:left;
	margin-left:3%;
	bottom:0px;
	text-align:center;
}
.footer-menu {
	background-image: url(../img/footer-back.png);
	background-repeat:repeat-x;
	height:30px;
	width:100%;
	position:relative;
}
.footer-menu-link{
	width:auto;
	height:25px;
	float:right;
	padding-top:12px;
}
.footer-menu-link a{
	font-size:9px;
	color:#444;
	padding:10px 10px;
}
.footer-menu-link:hover{
	background:url("../img/menu-hover.png") repeat-x;
}
.footer-menu-link:hover a{
	text-decoration:none;
	color:#33e;
}
.footer-menu #contacto{
	margin-right:55px;
}
.footer-menu #userconsultas{
	margin-right:0px;
}
/* AJAX MESSAGES */
#infoRespContacto{
	position:absolute;
	top:500px;
	left:20px;
}
#infoRespNewsletter{
	left:0px;
	position:relative;
	top:-15px;
	width:150px;
}

/** User Panel **/
.columna-pequenia{
	float:left;
	width:50px;
	height:30px;
	padding:4px;
	text-align: center;
}
.columna-mediana{
	float:left;
	width:75px;
	height:30px;
	padding:4px;
	text-align: center;
}
.columna-grande{
	float:left;
	width:130px;
	height:30px;
	padding:4px;
	text-align: center;
}
.fila{
	float:left;
	width:100%;
	height:auto;
}