/******* CSS GENERAL ***********************************************************************/

BODY  {	
	background: #ffffff; 
	font-family: trebuchet ms, arial,helvetica;	
	font-size : 9pt;
	color : #2c3674; 
	height:100%; 
	margin: 0px auto;
   	overflow:auto;
}

A  {text-decoration : none; color:#2b3372; font-weight: bold;}
A:Visited  {text-decoration : none;	color:#2b3372; font-weight: bold;}
A:Active  {text-decoration : none;	color:#2b3372; font-weight: bold;}
A:Hover  {color:#f1ae29; font-weight: bold;}


#top{
	position:relative;
	display:block;
	float:left;
	width:100%;
	top:4px;
	height:14px;
	text-align:right;
	font-size:8pt;
	background: url(imagenes/top.jpg);
}

/********************************************* COLUMNA IZQUIERDA **************************************/
#logo{
	position:relative;
	display:block;
	float:left;
	width:244px;
	height:244px;
	top:4px;
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	background: url(imagenes/bglogo.jpg);
	border:0px solid #6c71a9;
}
#logo a:Link {font-size : 12pt; text-decoration:none; color:#2c3674; font-weight: bold;}
#logo a:Visited  {text-decoration : none;	color:#ffffff; font-weight: bold;}
#logo a:Active  {text-decoration : none;color:#ffffff; font-weight: bold;}
#logo a:Hover  {text-decoration :none; color:#ffffff; font-weight: bold;}

#lateral{
	top:5px;
	position:relative;
	display:block;
	float:left;
	width:244px;
	height:100%;
	text-align:left;
	background-color: #fbeed3;
	border:0px solid #6c71a
}
#titlat{
	position:relative;
	display:block;
	float:left;
	width:90%;
	text-align:left;
	font-weight:bold;
	color:#e69e11;
	left:10px;
	bottom:5px;
	border-bottom:1px dotted #e69e11;
}
#cntslat{
	position:relative;
	display:block;
	float:left;
	width:90%;
	text-align:left;
	left:10px;
}

#smenu{
	position:relative;
	display:block;
	float:left;
	width:244px;
	min-height:76px;
	text-align:left;
	font-size:8pt;
	top:5px;
	background: url(imagenes/bgsmenu.jpg);
	border:0px solid #6c71a9;
}
#smenuitem{
	position:relative;
	display:block;
	float:left;
	width:220px;
	height:15px;
	text-align:left;
	font-size:8pt;
	left:10px;
	top:3px;
	border-bottom:1px dotted #6c71a9;
	background: url(imagenes/blt_azul.gif) no-repeat; background-position:bottom right;
}
#smenuitem a:Link {font-size : 8pt; text-decoration:none; color:#2c3674; font-weight: bold;}
#smenuitem a:Visited  {text-decoration : none;	color:#2c3674; font-weight: bold;}
#smenuitem a:Active  {text-decoration : none;color:#2c3674; font-weight: bold;}
#smenuitem a:Hover  {text-decoration :none; color:#ffffff; font-weight: bold;}



#hd1{
	position:relative;
	display:block;
	float:left;
	width:100%;
	top:1px;
	height:244px;
}

td.pie{
font-size:7pt;
padding-top:2px;
}

/********************************************* COLUMNA DERECHA **************************************/

#contenidos{
	position:relative;
	display:block;
	float:left;
	left:0px;
	top:2px;
	border:0px solid #6c71a9;
	width:750px;
	height:100%;
	/*background-color:#ffffff;*/
}

#foto{
	position:relative;
	display:block;
	float:left;
	left:2px;
	top:4px;
	border:0px solid #6c71a9;
	width:750px;
	height:242px;
	background-color:#2b3372;
}


#fotomain{
	position:relative;
	display:block;
	float:left;
	left:2px;
	top:4px;
	border:0px solid #6c71a9;
	width:750px;
	height:242px;
	background-color:#2b3372;
}

#fotomain img {
	display:none;
	position:absolute;
	top:0; 
	left:0;
}


#raya{
 	background: url(imagenes/rayamenuppal.jpg) no-repeat;background-position: 0px 0px;
	position:relative;
	display:block;	
	width:750px;
	height:6px;
	float:left;
	top:5px;
	left:2px;
	border: 0px solid #ffffff;
}

/******* MENU PRINCIPAL *************/
#menu_contenedor{
	position:relative;
	float:left;
	width:749px;
	height:40px;
	margin-top:5px;
    margin-left:2px;	
	padding:0;
}

.botones a{
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	line-height: 40px;
	width: 107px;
	height: 40px;
	float: left;
	display: inline;
	margin-right: 0px;
	background-image:url(imagenes/menu_off.jpg);
	background-repeat: no-repeat;
	padding-top: 4px;
	text-align:center;
}

.botones a:hover{
	background-image:url(imagenes/menu_on.jpg);
}



#sbmppal{
 	background-color: #cbcedf;
	position:relative;
	display:block;	
	width:750px;
	height:24px;
	float:left;
	top:5px;
	left:2px;
	padding-top:5px;
	padding-left:2px;
	border: 0px solid #ffffff;
}

#sbmppal a:Link {font-size : 8pt;text-decoration : none; font-variant: small-caps; color:#2b3372; font-weight: bold;}
#sbmppal a:Visited  {text-decoration : none;	font-variant: small-caps; color:#2b3372; font-weight: bold;}
#sbmppal a:Active  {text-decoration : none;	font-variant: small-caps; color:#2b3372; font-weight: bold;}
#sbmppal a:Hover  {text-decoration :none; font-variant: small-caps; color:#ffffff; font-weight: bold;}


#menuppal{
 	background: url(imagenes/menu.jpg) no-repeat;background-position: 0px 0px;
	position:relative;
	display:block;	
	width:750px;
	height:41px;
	float:left;
	top:5px;
	left:2px;
	border: 0px solid #ffffff;
}
		a {outline: none}
		
		.inicio, .bases, .flota, .rutas, .tarifas, .ofertas, .contacto, .fin{
			display: block;
			float:left;
			width: 107px;
			height: 41px;
            /*background: url(imagenes/menu.jpg) no-repeat;background-position: 0px 0px;*/
			text-indent: -9999px;
			border: 0px solid #cc0000;
			}
		
		a.inicio:link, a.inicio:visited, a.inicio:active {background: url(imagenes/menu.jpg) no-repeat;background-position: 0px 0px;}
		a.inicio:hover {background-position: 0px -41px;}
		body#INICIO a.inicio {background-position: 0px -41px;}
		HD#INICIO a.inicio {background-position: 0px -41px;}

		a.bases:link, a.bases:visited, a.bases:active {background: url(imagenes/menu.jpg) no-repeat;background-position: -107px 0px;}
		a.bases:hover {background-position: -107px -41px;}
		body#BASES a.bases {background-position: -107px -41px;}
		HD#BASES a.bases {background-position: -107px -41px;}

		a.flota:link, a.flota:visited, a.flota:active {background: url(imagenes/menu.jpg) no-repeat;background-position: -214px 0px;}
		a.flota:hover {background-position: -214px -41px;}
		body#FLOTA a.flota {background-position: -214px -41px;}

		a.rutas:link, a.rutas:visited, a.rutas:active {background: url(imagenes/menu.jpg) no-repeat;background-position: -321px 0px;}
		a.rutas:hover {background-position: -321px -41px;}
		body#RUTAS a.rutas {background-position: -321px -41px;}

		a.tarifas:link, a.tarifas:visited, a.tarifas:active {background: url(imagenes/menu.jpg) no-repeat;background-position: -428px 0px;}
		a.tarifas:hover {background-position: -428px -41px;}
		body#TARIFAS a.tarifas {background-position: -428px -41px;}

		a.ofertas:link, a.ofertas:visited, a.ofertas:active {background: url(imagenes/menu.jpg) no-repeat;background-position: -535px 0px;}
		a.ofertas:hover {background-position: -535px -41px;}
		body#OFERTAS a.ofertas {background-position: -535px -41px;}

		a.contacto:link, a.contacto:visited, a.contacto:active {background: url(imagenes/menu.jpg) no-repeat;background-position: -642px 0px;}
		a.contacto:hover {background-position: -642px -41px;}
		body#CONTACTO a.contacto {background-position: -642px -41px;}


#main{
	position:relative;
	display:block;
	float:left;
	left:2px;
	top:15px;
	border:0px solid #6c71a9;
	width:750px;
	height:100%;
	background-color:#ffffff;
}

#cnts{
	position:relative;
	display:block;
	float:left;
	width:100%;
	top:4px;
	height:400px;
	border:1px solid #6c71a9;
}



table.dotted{
	border-bottom:1px dotted #b9bed6;
}

table.dotted1{
	border-bottom:1px dotted #e69e11;
	background-color:#e8eaf4;
}


#cabeceras{
	position:relative;
	display:block;
	float:left;
	width:100%;
	text-align:left;
	font-weight:bold;
	font-size:12pt;
	font-style:italic;
	color:#e69e11;
	bottom:5px;
	border-bottom:1px dotted #e69e11;
}

#pieseccion{
	position:relative;
	display:block;
	float:left;
	width:100%;
	text-align:right;
	font-weight:bold;
	font-size:8pt;
	color:#2c3674;
}

td.sombra{
	font-weight:bold;
	font-size:12pt;
	background-color:#e8eaf4;
	padding: 3px;
}

td.labels{
	font-weight:bold;
	color:#6e74b9;
	width:200px;
}

p{text-align:justify;}

p.form{
text-align:left;
padding-left:10px;
padding-right:10px;
padding-bottom:-2px;
}


td.dotted{
	border-bottom:1px dotted #5a5f95;
}



td.hdtabla{
	font-weight:bold;
	font-size:9pt;
	background-color:#fbeed3;
	padding: 2px;
	color:#e99b00;
	border:1px solid #f5cb6c;
}
td.ftabla{
	border:1px dotted #f5cb6c;
}

#creditos{
position:relative;
display:block;
width: 100%
font-size:8pt;
color:#4e8586;
text-align:center;
}

img.borde {
	border:1px solid #e49b0f;
	padding:1px;
	background-color:#ffffff;
  }

/************************************* OFERTAS *************************/
#ofertas1{
	position:relative;
	display:block;
	float:left;
	width: 100%;
	height: 100%;
	margin-top:5px;
	padding-left:5px;
	border:1px solid #7f87c5;
	background-color:#e8eaf4;
}

#ofprecio{
	position:relative;
	display:inline;
	float:left;
	width: 245px;
	height: 50px;
	padding:5px;
	margin-left:5px;
	margin-top:5px;
	border:1px solid #dfb457;
	background-color:#f5ca6c;
	line-height:85%;
}
#ofboton{
	position:relative;
	float:left;
	width: 270px;
	height: 100%;
	margin-top:-20px;
	padding-bottom:5px;
	z-index:100;

}


a.tip:hover {text-decoration:none;}
a.tip span {display:none; margin:25px 0 0 -60px; padding:5px 5px; width:170px;}
a.tip:hover span{
	display:inline; 
	position:absolute; 
	border:1px solid #b4030d; 
	background:#ffffff; 
	color:#b4030d;
	z-index:999;
}






/************************************* CALENDARIO *************************/
.calendarHeader { 
    font-weight: bolder; 
    color: #CC0000; 
    background-color: #FFFFCC; 
}

.calendarToday { 
    background-color: #FFFFFF;
}

.calendar { 
    background-color: #FFFFCC;
}


/************************************* GALERIA *************************/

.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("imagenes/lupamas.gif"), hand;
}
.PopBoxImageLarge
{
   border: solid thin #f1a200;
   background:#ffffff;
   cursor: url("imgs/magminus.cur"), pointer;
} 

.pbCaption{
background-color:transparent;
}



/******** FORMULARIO Y ELEMENTOS  **************************************************************************************************************/

SELECT, OPTION, TEXTAREA, INPUT {
font-family:Trebuchet MS,verdana,arial,helvetica;
font-style:normal; 
font-weight:normal; 
font-size: 9pt; 
color:#2b3372; 
background-color:#FFFFFF; 
border-width:1px ; 
border-color:#5a5f95; 
border-style:solid
}

INPUT.boton {
vertical-align:bottom;
background-color:transparent; 
border-width:0px ; 
border-color:#5a5f95; 
border-style:solid
}

span.radio { 
  width: 19px; 
  height: 19px; 
  padding: 0 0px 0 0; 
  background: url(imagenes/radiobuton.gif) no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
}