* { padding:0; margin:0; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fbfbfb;
}

#cabecera { background-color:#ec7b01; }

#cIzq {float:left; padding-left:20px; padding-top:30px;}
#cDer {float:right;}

#subCabecera {
	width:100%;
	height:55px;
	background-image:url("../imagenes_navira/fondogris_arriba1.gif");
	color:#000000;
	vertical-align:bottom;
	padding-top:5px;
	padding-left:10px;
}

#subC1 {
	float:left;
	margin:16px 10px;
	position:absolute;
}

#subC2 {
	float:right;
	padding-right:.5em;
}

#subC3 {
	float:right;
	margin-right:10px;
}

img.bFavoritos {
	margin:16px -320px;
	position:absolute;
}

#contenedorPPAL, #contenedorPPALr {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
}

#contenedorPPAL { background:#284549; }

#contenedorPPALr { background:#243C3E; }

#contenedorSEC2 {
    float:left;
    width:100%;
	background:#243C3E;
    position:relative;
    right:30%;
}

#contenedorSEC1 {
    float:left;
    width:100%;
    background:#284549;
    position:relative;
    right:40%;
}

#colIZQ {
    float:left;
    width:26%;
    position:relative;
    left:72%;
    overflow:hidden;
	text-align:center;
}

#colCEN {
    float:left;
    width:36%;
    position:relative;
    left:76%;
    overflow:hidden;
	text-align:center;
}

#colDER {
    float:left;
    width:26%;
    position:relative;
    left:80%;
    overflow:hidden;
	text-align:center;
}


#contenedorSECr { text-align:center; }

#colIZQr {
	position:absolute;
	left:0px;
	top:172px;
	width:130px;
}

#colCENr {
	margin:0px 180px 0px 180px;
	padding:0px;
	background-color:#243C3E;
}

#colDERr {
	position:absolute;
	right:10px;
	top:180px;
	width:130px;
}

#pie {
	clear:both;
	height:23px;
	background-image:url("../imagenes_navira/fondogris_abajo.gif");
	text-align:center;
	color:#000000;
	padding-top:.5em;
}

#botonera { text-align:center; }

#botonera2 { text-align:left; }


.webmaster  {
	line-height:120%;
	text-align:justify;
}

a.webmaster:link, a.webmaster:visited, a.webmaster:active  {
	color:#fbfbfb;
	text-decoration:none;
}

a.webmaster:hover  { 
	color:#ec7b01;
	font-style:italic;
	border-bottom:1px dotted;
	border-top:1px dotted;
}

a.normas:link, a.normas:visited, a.normas:active  {
	color:#ff0000;
	text-decoration:none;
}

a.normas:hover  { 
	color:#fbfbfb;
	font-style:italic;
	background-color:#ff0000;
}

.destacado  {
	text-align:center;
	font-weight:bold;
	letter-spacing:3px;
	white-space:pre;
}

a.botPie:link, a.botPie:visited, a.botPie:active  {
	color:#243c3e;
	text-decoration:none;
	font-weight:bold
}

a.botPie:hover  {
	color:#ec7b01;
	text-decoration:underline;
	font-weight:bold;
	font-style: italic
}

.logoW  {
	float:left;
	padding-left:2em
}

.logoW1  {
	text-align:right;
	padding-right:0.5em;
}

.logoCN  {
	float:left;
	padding:1em;
	margin-top:10px;
}

.separadorV  { height:40px; }
.separadorV1  { height:400px; }
.separadorH  { width:40px; }
div.clear  { clear: both; }

A.tooltip, A.tooltip2 , A.tooltip3 {
	position:relative;
	color:#666666;
	text-decoration:none;
}

A.tooltip2 {cursor:default;}

A.tooltip:hover, A.tooltip2:hover , A.tooltip3:hover {
	z-index:1;
	background-color:transparent;
}
A.tooltip span, A.tooltip2 span, A.tooltip3 span {display:none;} /* ocultar el SPAN */
A.tooltip:hover span, A.tooltip2:hover span, A.tooltip3:hover span { /* Mostrar el span cuando paso por el link */
	position:absolute;
	z-index:1;
	width:210px;
	display:block;
	padding:5px;
	background-color:#284549;
	border:2px solid #cccccc;
	color:#fbfbfb;
	text-align:center;
}
A.tooltip:hover span { left:-550px; }

A.tooltip2:hover span {
	left:130px;
	position:absolute; 
	top:-20px;
}

A.tooltip3:hover span {
	/*
	left:105px;
	position:absolute; 
	top:-10px;
	background-color:#004A00;
	border:2px solid #6f996f;
	width:300px;
	*/
	left:105px;
	position:absolute;
	top:-150px;
	width:400px;
}

.opacado { 
	filter: alpha(opacity=25); 
	-moz-opacity: .25; 
	opacity: .25; 
} 

img.t_recuadroB {
	position:relative;
	top:1.1em; /*Distancia que variará*/
	left:-4.5em;
}

.bienvenidos {
	text-align:justify;
	line-height:120%;
	text-indent:2em;
	font-size:13px;
	border:2px solid;
	padding:1em;
	background:#243C3E}

img.t_recuadroW {
	position:relative;
	top:1.1em; /*Distancia que variará*/
	left:-5em;
}

.recuadroW , .recuadroWM {
	border:2px solid;
	padding:.5em .1em 1em;
	display:block;
	background:#243C3E;
}

.recuadroW1 {
	border:2px solid;
	background:#284549;
	width:130px;
	margin-left:2px;
	padding:.5em;
	display:block;
}

.recuadroWM {
	width:50%;
	padding:1em;
	background:#284549;
	margin:auto;
}

img.t_recuadroND {
	position:relative;
	top:1.1em;
	left:-20em;
	/*z-index:1;*/
}

.recuadroND {
	border:2px solid;
	width:80%;
	padding:1em;
	background:#284549;
	margin:auto;
}

.recuadroMC {
	border:2px solid;
	padding:1em;
	background:#284549;
	text-align:justify;
	line-height:150%;
	text-indent:2em;
}

.recuadroINFO {
	width:132px;
	padding:.5em;
	border:2px solid;
	margin:0px;
	right:15px;
	top:-2px;
	position:relative;
	text-align:left;
	background:#284549;
}

u.botPie {
	color:#ec7b01;
	font-weight:bold;
}

b, i.blanco { letter-spacing:1px; }

b.naranja, u.naranja, i.naranja { color:#EC7B01; }
b.blanco, u.blanco, i.blanco { color:#fbfbfb; }
b.rojo {
	color:red;
	letter-spacing:1px;
	font-style: italic;
	padding: .2em;
}

i.blanco, u.blanco { font-weight:bold; }

#especial em {
	font-weight:bold;
	letter-spacing:1px;
}

#especial strong {
	color:#284549;
	background-color:#ec7b01;
	padding:2px;
	letter-spacing:2px;
	border:1px solid;
}

#prologo {
	position:relative;
	border:1px solid transparent;
}

.subP1 {
	float:left;
	width:75%;
}

.subP2 {
	font-size:12px;
	padding-right:0.5em;
	text-align:center;
}


ul {
	list-style:url("../imagenes_navira/vineta5.png") square;
	color:#ec7b01;
	font-weight:bold;
	padding-left:1.5em;
	line-height:1.5em;
}

ul li { padding-left: .5em; }

hr {
	text-indent:0;
	margin:1em 0;
	border:solid #FFFFFF;
	border-width:1px 0 0 0;
	color:#FFFFFF;
	height:1px;
}

/*
form {
	background: #376064;
}
*/

#inputs{
	margin: 1em 0;
}


div label.dp {
	width: 32%;
	float: left;
}


label {
	margin: 0 .1em 0 0;
	text-align: right;
}

.btn {
	display: inline-block;
}

input , select , textarea {
	padding: .2em;
	border: 2px solid #EC7B01;
	font-weight: bold;
}

fieldset {
	border: 2px ridge #ec7b01;
}

legend {
	font-weight: bold;
	margin: 10px;
	text-align: left;
	border-left: 2px ridge #ec7b01;
	border-right: 2px ridge #ec7b01;
	font-size: 18px;
	padding: 5px;
	text-indent:0;
	background:#284549;
}


span.enviadoR {
	background-color:#fbfbfb;
	color:#004a00;
	letter-spacing:2px;
	font-weight: bold;
}


.over {color:#ec7b01; background:#fbfbfb; border-color: #243c3e}
.down {color: #ec7b01; background: #fbfbfb; border-color: #243c3e; font-style: oblique}

.punteado {border-style: dotted; border-width: 2px; border-color: #000000}
.rayado {border-style: dashed; border-width: 2px; border-color: #000000}
.solido {border-style: solid; border-width: 2px; border-color: #000000}
.solidoBlanco {border-style: solid; border-width: 2px; border-color: #FBFBFB}
.doble {border-style: double; border-width: 2px; border-color: #000000}
.borde_hundido {border-style: groove; border-width: 2px; border-color: #000000}
.borde_elevado {border-style: ridge; border-width: 2px; border-color: #000000}
.borde_elevado2 {border-style: ridge; border-width: 6px; border-color: #FFFFFF}
.fondo_hundido {border-style: inset; border-width: 2px; border-color: #000000}
.fondo_elevado {border-style: outset; border-width: 2px; border-color: #000000}
.fondo_elevado2 {border-style: ridge; border-width: 6px; border-color: #FFFFFF}
.sinBorde {border-style: none}

table.tarifas {
	width:80%;
	border:3px solid #ec7b01;
	padding:3px;
	text-align:center;
	background-color:#fbfbfb;
	color:#ec7b01;
}

th.tarifas  {
	border-bottom:3px solid #ec7b01;
	text-align:center;
	background-color:#cccccc;
	color:#ec7b01;
	padding:0
}

td.tarifas { 
	border-top:3px solid #ec7b01;
	border-right:3px solid #ec7b01;
	padding:3px;
	text-align:center;
	background-color:#fbfbfb;
	color:#ec7b01;
}

.ref1 {
	width:90%;
	margin:auto;
	
}

/*Distancias*/
#cebraH {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:20px;
	width:480px;
	text-align:center;
	border-collapse:collapse;
}

#cebraH th {
	font-size:14px;
	padding:10px 8px;
	color:#fbfbfb;
	background:#101c1d;
}

#cebraH td {
	padding:8px;
	color:#fbfbfb;
}

#cebraH .cambioColor {
	background:#355C62;
}