@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ededed url(images/bg.jpg) top repeat-x;}
html { padding:0; margin:0;}
.bg {
	width:100%;
	clear:both;
	border-top:1px solid #e8e8e8;
	padding:0;
	margin:0;
	height: auto;
	background-image: url(images/fondo_ventajas.png);
}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:910px; margin:0 auto;}

/********** header **********/
.header {  background:url(images/bg_header.gif) top repeat-x; height:88px; padding:0; margin:0;}

.block_header {margin:0 auto; width:910px; }
/* logo */
.logo {
	float: right;
	padding:0 40px 0 0;
	margin:0;
	width:237px;
}

/* menu */
.menu {
	padding:0;
	width:608px;
	float:left;
	height:37px;
	margin-top: 49px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0 1px 0 0; padding:0; border:0;}
.menu ul li a { float:left; border:0; margin:0; padding:13px 10px; color:#ffffff; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#2d2d2d; background:#f9f9f9 url(images/hover_menu_a.gif) top repeat-x; padding:12px 9px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; border-bottom:none;}
.menu ul li a.active {
	color:#2d2d2d;
	background:#f9f9f9 url(images/hover_menu.gif) top repeat-x;
	padding:12px 9px;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
	border-bottom:none;
	font-weight: bold;
}

/********** block index **********/
.body { background:#f4f4f4 url(images/bg_body.gif) top repeat-x; border:0; padding:0; margin:0;}
.body h2 {
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	border-bottom:1px solid #cccccc;
	padding:10px 10px 10px 10px;
	margin:5px 0 10px 0;
	font-size: 36px;
}
.body h3 {
	font:bold 36px Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	padding:10px 10 10 10px;
	margin:0;
}
.body p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	padding:5 10px 10;
	line-height:15px;
	text-align: left;
	font-size: 12px;
	white-space: normal;
	font-style: normal;
}
.body_resize { width:910px; margin:0 auto; padding:0;}
.body a { color:#128fb4; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.body a:hover {
	text-decoration:underline;
	font-size: 20px;
}

/*Welcome*/
.Welcome {
	width:552px;
	border:1px solid #e3e3e3;
	background:#f9f9f9;
	margin:0 auto;
	padding:10px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	border-bottom: 200;
}
.Welcome ul {line-height:1.8em; list-style:none; border:5px solid #e5e5e5; background:#f8f8f8; margin:20px auto 20px auto; padding:10px 10px;}
.Welcome li {line-height:1.8em; background:url(images/ul_lu_bg.gif) left no-repeat; padding:5px 0 5px 30px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#6e6e6e;}
.Welcome li strong {
	color:#009;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.Welcome img {
	float:left;
	margin:0px;
	padding-right: 10px;
	margin-right: 0px;
}
.Welcome span {
	float:left;
	margin:10;
	padding:10;
	margin-right: 8px;
}

/*butons*/
.butons { width:480px; margin:0 auto; padding:10px 20px; float:left;}
.butons a { font:normal 14px Arial, Helvetica, sans-serif; color:#363636; border:1px solid #e3e3e3; background:#f0f0f0; padding:2px 5px; margin:5px 5px;} 
.butons a:hover {color:#7e7e7e;}

/*Services*/
.Services { width:605px; border:1px solid #d5d5d5; background:#eeeeee; margin:5px auto; padding:10px 20px; float:left;}
.Services ul {line-height:1.8em; list-style:none; border:5px solid #e5e5e5; background:#f8f8f8; margin:20px auto 20px auto; padding:10px 10px;}
.Services li {line-height:1.8em;  padding:5px 0 5px 30px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#6e6e6e;}
.Services li strong { color:#292929; font:bold 11px Arial, Helvetica, sans-serif;}
.Services img { float:left; margin:10px 10px; padding:0;}
.Services h3 {background:url(images/ul_lu_bg.gif) left no-repeat; font:normal 18px Arial, Helvetica, sans-serif; color:#2c2c2c; padding:0 0 0 20px; margin:0;}
.Services a { font:normal 12px Arial, Helvetica, sans-serif; color:#2d2d2d; background:#d8d8d8; border:1px solid #fff; text-decoration:none; text-transform:uppercase; padding:4px 4px; margin:0;}

/*BoX*/
.Box {
	width:270px;
	float:right;
	height: 450px;
	padding-left: 20px;
	padding-right: 20px;
}
.Box a { padding:0 0 0 20px; font: bold italic 12px Arial, Helvetica, sans-serif; color:#505050; float:right; text-decoration:none;}
.Box .clients { background:url(images/bg_clients.gif) top no-repeat; padding: 5px 20px; margin:10px 0;}
.Box em { font:italic 11px Arial, Helvetica, sans-serif; color:#505050; line-height:1.8em;}
.Box .tel { font: normal 11px Arial, Helvetica, sans-serifl; color:#8d8d8d; padding:5px 20px; margin:0; line-height:1.8em;}
.Box img {
	margin:5px;
	padding:5px;
	float:left;
}
.Box span {
	color:#333;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
}

/*teext*/
.teext {
	width:310px;
	margin:5px auto;
	padding:0px;
	float:right;
	height:300px;
}
.teext p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#686868;
	padding:10px;
	margin:0;
	line-height:1.8em;
	font-size: 12px;
}
.teext img { float:right; margin:5px; padding:0;}
.teext a { float:right; padding:0; margin:0;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#8d8d8d; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000; float:none;}
#contactform input.text { width:95%; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5;}
#contactform textarea { width:95%; border:1px solid #dcdcdc; margin:5px 0; padding:2px; background:#f5f5f5;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#505050; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer { background:#e5e5e5; padding:0; border-top:1px solid #dbdbdb; margin:0;}
.footer .resize div {
	float:left;
	width:auto;
	color:#8d8d8d;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:right;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 60px;
}
.footer .resize div a { color:#8d8d8d; font:normal 11px Arial, Helvetica, sans-serif;}
.footer .resize div.text_left {
	text-align:left;
}
.text_left a { padding:0 5px;}

/********** slider **********/
.slider {
	height:293px;
}
.slider img { padding:0; margin:0; border:0; float:none;}
.slider .desc {
	padding:10px;
	height:42px;
	margin:0 10px;
	text-indent:40px;
}
.slider h2 { color:#FFF; font:bold 20px Tahoma, Geneva, sans-serif; margin:0; padding:0; border:0;}
.slider p { color:#FFF; font:normal 11px Tahoma, Geneva, sans-serif; margin:0; padding:0; border:0;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.main .body .body_resize .Welcome table tr td ol li {
	color: #000;
}
.main .body .body_resize .Welcome table tr td ol li {
	font-size: 12px;
}
.main .body .body_resize .Welcome table tr td ol li {
	font-size: 14px;
}
.main .body .body_resize .Welcome table tr td ol li {
	font-size: 12px;
	text-align: justify;
}
.main .body .body_resize .Welcome #form1 table tr td {
	font-size: 12px;
}
.main .body .body_resize .Welcome #form1 table {
	font-size: 12px;
}
.formulariocontacto {
}
.main .body .body_resize .Box #form1 p .formulariocontacto {
	text-align: left;
}
.main .body .body_resize .Box #form1 p {
	font-weight: bold;
}
.main .body .body_resize .Box #form1 p {
	font-weight: normal;
}

#formContenedor 
{
	text-align:center;
	position:absolute;
	width:400px;
	left:50%;
	margin-left:-200px;
}

table {
	width:510px;
	line-height: 5px;
	padding-left: 0px;
	height: auto;
}

input 
{
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

textarea
{
	width:220px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

button { width:100px; height:22px; font-family:Verdana; font-size:11px; }

.label {
	width:80px;
	text-align:left;
}

.campo { width:240px; }

.ayuda { width:50px; text-align:center; }

.inputNormal {
	border:0.5px solid;
	border-color: #128fb4;
}

.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
	background-color:#FFF;
	z-index:1;
	position:absolute;
	width:290px;
	height:250px;
	display:none;
	opacity:0.95;
	filter:alpha(opacity="80");
}

#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:250px;
	margin-top:-50px;
	margin-left:-100px;
	top:50%;
	left:50%;
}

/* Mensajes de ayuda */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	border:1px solid #000000;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
}

#ayudaTitulo
{
	background-color:#000000; 
	color:#FFFFFF; 
	padding:1px;
}

#ayudaTexto
{
	vertical-align:middle;
	padding-left: 67px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.main .body .body_resize .teext p strong {
	font-weight: bold;
}
.main .body .body_resize .teext p strong {
	font-weight: normal;
}
.main .body .body_resize .Box {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/fondo.png);
	margin-top: 10px;
	padding-top: 2px;
	margin-bottom: 5px;
}
.tabla paques {
	position: fixed;
}
.divs_body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	text-align: justify;
	vertical-align: top;
	position: relative;
	height: auto;
	width: 520px;
	background-image: url(images/fondo_body.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
}
.div_fondo_swf {
	background-image: url(images/fondo_swf.png);
	background-repeat: no-repeat;
}
.div_body_ventajas {
	background-image: url(images/fondo_body_ventajas.png);
	height: 100px;
	padding-left: 10px;
	padding-top: 1px;
	padding-right: 10px;
	width: 530px;
}
.div_venajas2 {
	background-image: url(images/fondo_ventajas.png);
	padding-right: 40px;
	height: 445px;
	padding-top: 20px;
	padding-left: 20px;
	color: #FFF;
}
.texto_ventajas_fondo_verde {
	color: #FFF;
}
.texto-fondo_verde {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
}
.div_ventajas3 {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-repeat: no-repeat;
	height: auto;
	background-image: url(images/fondo_body_ventajas_2.png);
	margin-top: 20px;
}
.excepcion-texto-azul {
	color: #09F;
}
.excepcion_texto_azul {
	color: #09F;
	margin-right: 10px;
}
.EXCEPCION-AZUL {
	color: #09F;
}
.ventajas_tener_pag_web {
	background-image: url(images/fondo_ventajas_pagina_web.png);
	background-repeat: no-repeat;
	padding-right: 40px;
	padding-left: 20px;
}
.correo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	text-align: center;
}
.main .body .body_resize .teext h3 .correo .correo .correo {
	font-size: 16px;
	text-align: left;
}
.opiniones.texto {
	font-style: normal;
}
.main .body .body_resize .Box .clients .opiniones .clients {
	font-style: italic;
}
.clients .opiniones {
	font-style: italic;
	line-height: 1.3em;
}
.firma cliente {
	font-style: italic;
	text-decoration: blink;
	text-align: right;
}
.BoxMessenger {
	width:270px;
	float:right;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.main .body .body_resize .BoxMessenger h5 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
}
.txttel {
	font-size: 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bolder;
	color: #00609F;
}