/* -------------- Estilos Generales ----------------- */
body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	font-family: Verdana;
	font-weight: normal;
	background: #e3e3e3 url(../images/cont_loop.gif) repeat-x;}
html {margin: 0px; padding: 0px;}

h1 { 
	margin: -20px; 
	padding: 0px; 
	position: absolute;
	left: -5000px;}
h2 { 
	margin: 0px; padding: 6px 0px 10px 10px; width: 530px; font: bold 10px Verdana; color: #8f1330;
	background: url(../images/h2.gif) no-repeat right; text-transform: uppercase; float: left;}
h3 { 
	margin: 30px 0px 0px 0px; padding: 6px 0px 10px 0px; width: 800px; font: bold 17px Verdana; color: #0b517d; float: left;}
h3.paneltitular {
	margin: 20px 0px 0px 50px; padding: 10px 0px 10px 30px; width:870px; font-size: 24px; font-weight: normal;
	background:#cfdfe8; border-bottom: 1px solid #fff; float: left;}
h3.titular {
	margin: 20px 0px 0px 50px; padding: 3px 0px 3px 10px; width:890px; font-size: 18px; font-weight: normal!important; color: #fff;
	background:#095b9b; border-bottom: 1px dotted #0f2e56; border-left: 2px solid #d11111;	float: left;}
h3.identi {
	margin: 10px 0px 0px 50px; padding: 5px 0px 0px 5px; width: 875px; height:30px;
	font-weight: normal; font-size: 18px; background:#cfdfe8; float: left;}
h3.demas {
	margin: 15px 0px 0px 50px; padding: 15px 0px 0px 0px; font: normal 17px Verdana; color: #fff; border-bottom:1px dotted #fff;
	width:880px; height:30px; float: left;}
h3.demasiza {
	margin: 15px 0px 0px 50px; padding: 15px 0px 0px 0px;
	font: bold 17px Verdana; color: #fff; border-bottom:1px solid #fff; width:905px; height:30px; float: left;}
h4 {margin: 0px; padding: 0px; width: 860px; font: normal 18px Verdana; border-bottom:1px dotted #999; color: #0b517d; float: left;}
h5 {margin: 5px 0px 30px 0px; padding: 10px; font: bold 12px Verdana; background:#0b517d; color: #fff; float: left;}

	
div.hr { 
	margin: 0px; padding: 0px; background: url(../images/hr.gif) repeat-x top left; width: 100%; height: 1px; float: left;}
div.hr hr{ display: none;} 

img { border: none }
a {text-decoration: none; color: #b29a0e;}
a:hover { color: #eac91d; }
a:active { outline: none; } 
a:focus { -moz-outline-style: none;}

p {line-height: 14px!important;}
*{margin:0;padding:0;outline-style:none;} /* Elimina el punteado de todos los enlaces en Firefox */
form {display: inline;}

.mensaje {
	margin: 0px;padding: 4px!important; padding-left: 24px!important; color: #fff;
	background: #c17878 url(img/ico_mensaje.gif) no-repeat top left; font-size: 11px; border: 1px dashed #fff;}
.mensaje a{color: #fff; font-weight: bold; text-decoration: underline;}
.mensaje a:hover {text-decoration: none;}
.mensaje2 {font-weight:bold;font-size:12px;margin:10px 0px 10px 10px;background-color:#000;color:#fff;padding:5px;line-height:14px;max-width:920px;}
.alerta {margin: 0px; padding: 4px!important; color: #fff; background: #000; font-size: 11px;}
.resalte {color: #b00e0e; border: none;}


/* -------------- Contenedor ----------------- */
#contenedor {
	margin: 0 auto; width: 1000px; min-height: 150px; height: auto; overflow: hidden;}
.index { 
	margin:0px 0px 0px 20px; padding: 0px; width: 271px; height: 87px; background: url(../images/null.gif) repeat; float: left;}
.gratis{ margin:0px; padding: 0px; width: 285px; height: 195px; background: url(../images/null.gif) repeat; float: left;}

/* -------------- Cabecera ----------------- */
#cabecera { margin: 0px; padding: 0px; width: 1000px; height: 103px; background: url(../images/top.jpg) no-repeat top left; float: left;}
html>body #cabecera {margin: 0px; }
	
/*-------------------Contenido-------------------*/
#contenido {margin: 0px 0px 0px 4px; padding: 0px; width: 991px; height: auto; min-height:439px; float: left;}
	
/*-------------------Divs 1, 2 y 3-------------------*/
#superior{	
	margin: 0px; padding: 0px; width:991px; height:353px; background: url(../images/fondo_contenido2.gif) no-repeat top left; float: left;}
#izq{margin: 0px; padding: 0px; width: 709px; float: left;}
#uno{margin: 0px; padding: 0px; width: 360px; height: 200px; float: left;}
.unouno{
	margin: 80px 0px 0px 28px; padding: 0px; width:300px; font:normal 14px Verdana; color: #666; line-height:16px!important; float:left;}
.unodos{	
	margin: 20px 0px 0px 30px; padding: 6px 0px 0px 10px; width:155px; height:27px; 
	background:url(../images/altabtnbg.gif) no-repeat top left; float:left;}
.unodos a{font:bold 12px Verdana; color: #fff; float:left;}
.unodos a:hover{font:bold 12px Verdana; color: #f8d6d6; float:left;}
#flash {margin: 0px; padding: 10px 0px 0px 0px; width: 290px; height: 200px; float: left;}
html>body #flash {margin: 0px;}
#inferior {width: 707px; float: left;}
#inferior p{
	margin: 25px 0px 0px 20px;
	padding: 0px;
	font:normal 11px Verdana;
	color: #666;
	width: 660px;
	text-align:justify;
	float: left;}
#der{margin: 0px; padding: 0px; width: 282px; height: 440px; float: left;}
#cuatro{ margin: 0px; padding: 0px; width: 282px; height: 440px; float: left;}
.acceso{ margin: 23px 0px 0px 18px; padding: 0px; width:187px; height:36px; float: left;}
.accesotxt{
	margin: 14px 0px 0px 28px;
	padding:0px;
	width: 200px;
	font:normal 11px Verdana;
	color:#fff;
	float: left;}
.accesotxt a{font:normal 11px Verdana; color:#fff; float: left; text-decoration:underline;}


/*---------los  botones del contenido-------*/
ul.menumain{
	padding:0px;
	margin:10px 0px 0px 0px;
	list-style-type: none;
	width:991px;
	height: 42px;
	background: url(../images/cornersup.gif) no-repeat bottom left;
	float:left;}
ul.menumain li {	
	padding:0px;
    margin:0px 9px 0px 0px;
	width: 181px;
	height:34px;
	background: url(../images/pestanahover.gif) no-repeat top left;
	float:left;}
ul.menumain li a {
	padding:7px 0px 0px 35px; margin:0px;
	font:bold 16px Verdana; color:#787878; text-decoration:none;
	float:left;}
ul.menumain li a:hover, ul.menumain li a.selec {
	padding:7px 0px 0px 35px;
	margin:0px;
	width:181px;
	height:39px;
    font:bold 16px Verdana;  
    color:#fff;
    background: url(../images/pestananormal.gif) no-repeat top left;
	float:left;}


/*-------------------Pestanas-------------------*/
#pestanas {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 991px;
	min-height:350px;
	height: auto;
	background: #133b6e url(../images/piebg.gif) no-repeat bottom left;
	float: left;}
	
/* -------------- Pie ----------------- */
#pie{
	padding:10px 0px 15px 0px;
	margin:0px;
	width:991px;
	float:left;}
#pie a:hover {color: #000!important;}
.iconos{
	margin: 34px 0px 0px 52px;
	padding: 0px;
	width: 75px;
	height: 282px;
	float: left;}
.texto{
	margin: 20px 0px 0px 54px;
	padding: 0px;
	width:878px;
	height:auto;
	font:normal 11px Verdana;
	line-height:16px!important;
	text-align:justify;
	color:#fff;
	float: left;}
.texto a {font: normal 11px Verdana; color: #fff; text-decoration:underline;}
.texto a:hover {color: #999;}
.textofinal{
	margin: 64px 0px 0px 60px;
	padding: 0px;
	width:800px;
	height:auto;
	font:normal 11px Verdana;
	line-height:16px!important;
	text-align:center;
	color:#fff;
	float: left;}
ul.ultexto{
	padding:30px 0px 0px 0px;
	margin:0px;
	list-style-type: none;
	width:991px;
	height:39px;
	float:left;}
	
/*----------------- Servicios -------------------------------*/
.servitexto{
	margin: 0px;
	padding: 0px;
	width:800px;
	height:auto;
	font:normal 11px Verdana;
	line-height:16px!important;
	text-align:justify;
	color:#0b517d;
	float: left;}
.servitexto a {font: normal 11px Verdana; color: #fff; text-decoration:underline;}
.servitexto a:hover {color: #999;}

ul.ulservi, ul.servi3, ul.servi4{
	padding:0px;
	margin:0px;
	list-style-type: none;
	width:850px;	
	height:auto;
	float:left;}
ul.servi3 {margin: 10px 0px 0px 20px; width:930px;}
ul.servi4 {margin: 10px 0px 0px 0px; width:750px;}
ul.ulservi li, ul.servi3 li, ul.servi4  li{	
	padding:2px 0px 2px 15px;
    margin:0px 0px 0px 50px;
	font:normal 11px Verdana;
	width:775px;
	height:auto;
	color:#0b517d;
	line-height: 14px;
	background:url(../images/arrowli.gif) top left no-repeat;
	float:left;}
ul.servi3 li {color: #fff; background:url(../images/arrowli_blanco.gif) top left no-repeat; width:875px;}
ul.servi4 li {margin:0px; color: #fff; background:url(../images/arrowli_blanco.gif) top left no-repeat; width:730px;}
ul.ulservidos{
	padding:12px 0px 0px 55px;
	margin:0px;
	list-style-type: none;
	width:850px;	
	height:auto;
	float:left;}
ul.ulservidos li {	
	padding:5px 0px 3px 15px;
    margin:0px 0px 0px 30px;
	font:normal 11px Verdana;
	width:825px;
	height:auto;
	color:#fff;
	background:url(../images/arrowli2.gif) top left no-repeat;
	float:left;}
#panel {
	margin: 0px 0px 0px 50px;
	padding: 20px 0px 30px 30px;
	width:870px;
	height:auto;
	background:#e7eff3;
	float: left;}


/* -------------- Menu superior ----------------- */
ul.menutop {
	margin: 16px 0px 0px 476px;
	padding: 0px;
	width: auto;
	height: 17px;
	float: left;}
ul.menutop li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;}
ul.menutop li a {font: normal 11px Verdana; color: #303030; float: left;}
ul.menutop li a:hover, ul.menutop li a.selec {color: #999;}
.textodos{
	margin: 0px;
	padding: 0px;
	width:500px;
	font:normal 11px Verdana;
	color:#787878;
	float: left;}
.textodos a {font: normal 11px Verdana; color: #787878; text-decoration:underline;}
.textodos a:hover {color: #fff;}
.iza{
	margin: 0px;
	padding: 0px;
	font:normal 11px Verdana;
	color:#787878;
	float: right;}
.iza a {font: normal 11px Verdana; color: #787878; font-weight: bold; text-decoration:none;}
.iza a:hover {color: #fff;}

/* -------------- Formualrio ----------------- */
table.formu {
	padding: 0px;
	margin: 0px 0px 0px 30px;
	width: 100px;
	float: left;}
table.formu tr td {
	padding: 8px 0px 0px 0px;
	margin: 0px;
	float:left;}
.txt{	
    margin: 0px;
    padding: 0px;
    font: bold 12px Verdana;
	color: #ffffff;
	float:left;}
.campobase{
	margin: -3px 0px 0px -3px;
    padding: 5px 0px 0px 10px;
	width: 226px;
	height: 21px;
	border:none;
	font: normal 12px Verdana;
	color: #000;
	border:none;
	background: url(../images/bg_campo.gif) no-repeat left;
	float:left;}
.btnformu{
    margin: 7px 0px 0px 106px;
	padding: 0px;
	width:111px;
	height:24px;
    color: #fff;
    font: bold 11px Verdana;
    cursor:pointer;
	border: none;
	background: url(../images/entrarbtnbg.gif) no-repeat top left;}

/*------------------------formulario-----------------------------*/
#contactocont{
    margin: 15px 0px 0px 54px;
	padding: 0px;
	width:900px;
	height:auto;
	float:left;}
table.contacto{
    margin: 0px;
	padding: 0px;
	width:545px;
	font: normal 11px Verdana;
	color: #fff;
	float:left;}
.boton{
    margin: 15px 5px 0px 50px;
	padding: 0px;
	width:111px;
	height:24px;
	font: bold 11px Verdana;
	color: #fff;
	border:none;
	background:#000;
	float:left;}
.boton2{
    margin: 0px 5px 0px 0px;
	padding: 0px;
	width:111px;
	height:24px;
	font: bold 11px Verdana;
	color: #fff;
	border:none;
	background:#3159aa;
	float:left;}
.lupa {
	margin: 0px 0px 0px 10px;
	padding: 2px 5px 2px 20px;
	border: 1px dotted #133b6e;
	background: #ebf3f7 url(../images/ico_lupa.gif) no-repeat left;
	color: #133b6e!important;
	font: bold 11px Verdana;
	text-decoration: none!important;}
.lupa:hover {
	background: #5e7a9f url(../images/ico_lupa2.gif) no-repeat left;
	color: #ffffff!important;
	border: 1px dotted #fff;
}

#ppz{
	margin: 30px 0px 0px 400px;
	padding: 0px;
	width:111px;
	height:24px;
	float:left;}
#ppa{
	margin: 0px;
	padding: 0px;
	width:600px;
	height:24px;
	float:left;}
.boton3{
    margin: 0px;
	padding: 0px;
	width:111px;
	height:24px;
	font: bold 11px Verdana;
	color: #fff;
	border:none;
	background:#3159aa;
	float:left;}
.campo2, .campo1 {padding: 3px 5px 3px 2px;font: normal 11px Verdana;background: #e7eff3;}
.campo1, .campo2 {margin: 3px; border: 1px solid #ccc;}
.campo2, .campo1 {width: 300px; height:}
.campol {margin: 0px 0px 0px 10px;width: 150px;border: 1px solid #fff;}
.adress{
    margin: 100px 0px 0px 0px;
	padding: 0px;
	width:300px;
	height:auto;
	font: normal 11px Verdana; 
	color: #fff;
	float:left;}
.adress a{font: normal 11px Verdana; color: #fff; text-decoration:underline;}
.adress a:hover{text-decoration:none;}

/*La lista de tarifas con un grid claroscuro, con if/else*/
table.tarifas, table.tarifas3 {
	margin: 0px 0px 10px 30px; padding: 0px; width: 890px; border: none; border-collapse: collapse; border-spacing: 0px; float: left;}
html>body table.tarifas, html>body table.tarifas3 {margin: 10px 0px 0px 30px;}
table.tarifas3 {width: 500px;}
table.tarifas tr th, table.tarifas3 tr th  {
	padding: 5px 8px 6px 8px; color: #fff; font-size: 12px; font-weight: bold; background: #1a72aa; text-align: left;}	
table.tarifas tr.claro, table.tarifas tr.claro td, table.tarifas tr.claro th, table.tarifas3 tr.claro, table.tarifas3 tr.claro td, table.tarifas3 tr.claro th  {
	padding: 3px 8px 4px 8px; color: #0b517d; font-weight: normal; background: #e7eff3; text-align: left;}
table.tarifas tr.claro th, table.tarifas3 tr.claro th{font-size: 10px!important;}
table.tarifas tr.oscuro, table.tarifas tr.oscuro td, table.tarifas tr.oscuro th, table.tarifas3 tr.oscuro, table.tarifas3 tr.oscuro td, table.tarifas3 tr.oscuro th  {padding: 3px 8px 4px 8px; color: #0b517d; font-weight: normal; background: #cfdfe8; text-align: left;}
table.tarifas tr.oscuro th, table.tarifas3 tr.oscuro th{font-size: 10px!important;}

.tarifatexto, .tarifatexto a {font:normal 11px Verdana; color:#fff;}
.tarifatexto{
	margin: 10px 0px 0px 50px;
	padding: 0px;
	width:870px;
	height:auto;
	float: left;}
.tarifatexto a{text-decoration:underline;}
.iva {font: bold 10px Verdana; color: #133b6e; background: #71b8c2; padding: 1px;}
.tarifatexto a:hover {text-decoration: none;}

.ventajas, .ventajas a, .clientes_p, .clientes_p a, .total, .total a {height:auto; font:normal 11px Verdana; color:#fff;}
.ventajas, .ventajas a {width:750px;}
.clientes_p, .clientes_p a {width:880px;}
.total {width: 895px;}
.ventajas, .clientes_p, .total{
	margin: 34px 0px 0px 54px;
	padding: 0px;
	line-height:16px!important;
	text-align:justify;
	float: left;}
.total {margin-top: 10px!important;}
.ventajas a, .clientes_p a, .total a{text-decoration:underline;}
.ventajas a:hover, .clientes_p a:hover, .total a:hover{text-decoration:none;}
.clientes_p p{margin:10px 0px 0px 110px; padding: 0px; width: 770px; float: left;}
.clientes_p p.sinmargen{margin:10px 0px 0px 0px; padding: 0px; width: 750px; float: left;}



.titulo, .titulo2 {font-size: 12px; margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px dotted #fff; float: left;}
.titulo {width: 660px;}
.titulo2 {width: 750px;}
.foto {margin-right: 20px; float: left;}


/*--------fin tarifa grid----------*/
table.tarifasi {
	margin: 0px 0px 10px 47px;
	width: 880px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px;
	background: #e7eff3;
	float: left;}
html>body table.tarifasi {margin: 0px 0px 10px 50px;}
.cajon1, .cajon2{border-bottom: 1px dotted #133b6e; color: #133b6e!important; padding: 2px 0px 2px 10px;}
.cajon1 {width: 160px;}
.cajon2 {width: 686px;}
.cajon3 {padding: 1px; margin:0px; height:15px; font: normal 11px Verdana; float:left;}
.cajon4 {width: 400px; padding: 1px; margin:0px; height:15px; font: normal 11px Verdana; float:left;}


table.tarifasi tr td, table.tarifasi tr.claro, table.tarifasi tr.claro td, table.tarifasi tr.claro th, table.tarifasi tr.oscuro, table.tarifasi tr.oscuro td. table.tarifasi tr.oscuro th {
	padding: 6px 8px 8px 8px;
	color: #0b777d;
	font-weight: normal;
	background: #e7eff3;
	text-align: left;}
	
table.tarifasi tr th {
	padding: 5px 0px 5px 10px;
	color: #133b6e!important;
	text-align: left;
	border: 1px dotted #133b6e;
	background: #fff;
}
table.tarifasi tr td {
	padding: 5px 0px 5px 10px;
	color: #133b6e!important;
	text-align: left;
}
	
table.tarifasii {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px;
	float: left;}
html>body table.tarifasii {margin: 0px 0px 10px 0px;}
table.tarifasii tr td {
	padding: 2px 8px 3px 8px;
	color: #4e7cb7;
	font-weight: bold;
	background: #e7eff3;
	text-align: left;}
table.tarifase {
	margin: 0px 0px 10px 47px;
	padding: 0px;
	width: 880px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px;
	background: #e7eff3;
	float: left;}
html>body table.tarifase {margin: 0px 0px 10px 50px;}

table.tarifase tr td {
	padding: 6px 8px 8px 8px;
	color: #0b777d;
	font-weight: normal;
	border-bottom: 1px dotted #133b6e;
	float:left;}
table.tarifas2 {
	margin: 0px 0px 15px 280px;
	padding: 0px;
	width: 525px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px;
	float: left;}
table.tarifas2 tr td {
	padding: 3px 0px 5px 8px;
	color: #0b777d;
	font-weight: normal;
	background: #e7eff3;
	text-align: center;}
table.tarifas2 tr th {
	padding: 3px 8px 5px 8px;
	color: #fff;
	font-weight: bold;
	background: #1aa2aa;
	text-align: center;}
table.tarifas2 tr th.som {background: #32b0b6;}
.campo, .campo2, .campo1 {padding: 3px 5px 5px 5px;font: normal 10px Verdana; background: #fff;}
.campo, .campo2 {margin: 0px; border: 1px solid #ccc;}
.campo {width: 200px;}
.campo2 {width: 300px;}
.campol {margin: 0px 0px 0px 10px;width: 150px;border: 1px solid #fff;}
.error {
	margin: 5px; 
	background: #000; 
	color: #fff; 
	padding: 5px;
	width: 500px;
	font-size: 11px;
	font-weight: bold;}
.ancla {border: 1px solid #dedede;}



/* --------- TOOLTIP ------------ */ 
a.tooltip span { 
	display:none;  
	padding:6px 8px;  
	margin-left:10px;  
	width:325px; 
	min-height: 10px; 
	height: auto;} 
a.tooltip:hover span{ 
	display:inline;  
	position:absolute;  
	margin: -20px 0px 0px 0px;  
	text-align: justify; 
	background:#48597b;  
	color:#fff;}