body, html {
	margin:0;
	padding:0;
	font: 100% Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff url(../images/bg.gif) top center repeat-y;
	color: #808080;
}
	
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

/* Remover linea punteada de Mozilla Firefox al hacer click sobre link */
a:active {
    outline:none;
}
a:focus {
    -moz-outline-style:none;
}


/******************
      LAYOUT
*****************/

#container { 
	width: 960px;
	background: #e6e6e6;
	margin: 0 auto;
	border: 1px solid #808080;
	text-align: left;
}

#header {
	/*background: #fff;*/ /*#1A2A4E;*/
	padding: 0px;
	position: relative;
	height: 200px;
	margin: 0px;
	border-bottom: 1px solid #808080;
}

#sidebar1 {
	float: left; 
	width: 220px;
	margin-right: 10px;
	/*background: #ccc;*/ /*#1A2A4E*/
	padding: 0;
}

#sidebar2 {
	float: right; 
	width: 160px;
	padding: 0;
}

#mainContent {
	margin: 0 0 0 220px;
	padding: 0 10px;
	background-color: #FFF;
	width: 558px;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
}

#admin_mainContent {
	margin: 0 0 0 220px;
	padding: 0 10px;
	background-color: #FFF;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
}

#footer { 
	padding: 0 10px;
	background:#f2f2f2;
	border-top: 1px solid #808080;
}

/* Varias clases diversas para su reutilización */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/**********************************
     ESTILOS GENERALES
**********************************/

h1 {
	font-size: 1.2em;
	color: #bf4269;
	margin: 0;
	font-weight: normal;
	line-height: 2;
	/*padding-left: 1em;*/
}
h2 {
	font-size: 1.1em;
	color: #666;
	margin-bottom: 10px;
	padding: 10px 0;
}
h3 {
	font-size: 1em;
	margin: 1em .5em;
	color: #600;
}

p {
	font-size: 0.8em;
	line-height: 1.6em;
	/*padding-right: 10px;
	padding-left: 10px;*/
	color: #808080;
	margin-bottom: 10px;
}

a {
	color: #4293bf;
}

a:hover {
	color: #BA3818;
	border: none;
}

img {
	background: #ccc;
	display: block;
	padding: 3px;
	border: 1px solid #999;
	margin: 1.6em auto;
}


/**********************************
     ESTILOS PARTICULARES
**********************************/

#header h1 { 
	margin: 0; 
	padding: 10px 0; 
}

/* Estilos del Menu Superior Derecho */
#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:left;
	position: absolute;/* Toma la posicion relative del header */
	right: 19px;
	bottom: 15px;
	/*background:#CCC;*/
}

#header li {
	float: left;
}

#header li a:link, #header li a:visited {
	background: #333;
	padding: .2em .5em;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.6em; /* Altura de cada item del menu */ 
}

#header li a:hover {
	color: #AE760D;
	background-color: #fff;
}

#header li a.current, #header li a.current:hover, #header li a.current:active {
	color: #78320E;
	background-color: #fff;
	cursor: default;
}
/* Terminan estilos de menu */

/* Estilos del Sidebar */
#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3 {
	margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
	margin-right: 10px;
}

#sidebar1 {
	margin: 0;
}

#sidebar1 h1 {
	margin: 0px; /* debe estar en 0 para que se vean las imagenes de los bordes redondeados */
	font-size: .9em;
	height: 25px;
	color:#515151;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 15px;
	/*background-color:#436ABF;*/
	text-transform: uppercase;
}

#sidebar1 ul {
	margin: 0 0 1.2em 0;
	padding: 0 10px;;
	list-style: none;
	/*background-color:#B5C4E5;*/
}

#sidebar1 ul li {
	margin: 0;
	background: url(../images/arrow.jpg) no-repeat left 50%;
	border-bottom: #808080 dashed 1px;
}

#sidebar1 ul li a {
	display: block;
	padding: 2px 10px 2px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	line-height: 20px;
	margin-left: 0;
	color: #666;
}

#sidebar1 ul li a:hover {
	color: #181464;
	/*background-color: #818181;*/
}

.bgdestinos {
	background: url(../images/bg_destinos.jpg);
}
.bgcircuitos {
	background: url(../images/bg_circuitos.jpg);
}

/* ------------------estilos específicos del sidebar derecho -----------------------*/

#sidebar2 h1   {
	margin: 0px 0px 0.25em;
	height: 25px;
	font-size: .9em;
	color:#515151;
	margin: 0;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 1em;
	/*background-color:#666;*/
	text-transform: uppercase;
}

#sidebar2 ul a {
	display: block;
	width: 11.62em;
	padding-left: 2em;
	padding-right: .5em;
	font-size: 0.85em;
	text-decoration: none;
	line-height: 1.8em;
	margin: 0;
}

#sidebar2 ul li a:hover {
	/*background-color:#066;*/
	color: #cc6633;
}
	
#sidebar2 ul li a:visited {
	color: #4293bf;
}

.bglogin {
	background: url(../images/bg_login.jpg);
}

/* -------------------- Estilos específicos del Contenido Principal ------------------*/



#mainContent .TabbedPanelsContentGroup ul li{
	margin-left: 2em;
	padding: 0;
}

#mainContent .TabbedPanelsContentGroup ul a{
	color: #999;
	text-decoration: none;
	font-size: .8em;
}

#mainContent .tarifas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#mainContent .usuario {
	float: right;
	font-size: 0.8em;
	text-align: right;
	padding:0 1em;
}

#footer p{
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
	color: #666;
}

#caracteristicas {
	background-color:#fff;
	background: #FFF url(../images/bg_caracteristicas.jpg) repeat-x;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #666;
}
#caracteristicas p{
	color:#000;
}
#caracteristicas li {
	font-size: .8em;
	list-style:inside;
	padding-left: 10px;
	color:#000;
}
.aclaracion {
	font-size:.7em;
}

/***************************************
4A: ESTILOS DE SPRY
****************************************/
.TabbedPanels {
	margin: 0 auto;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0 0 30px 0;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 20px 4px 0px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	/*background-color: #DDD;*/
	list-style: none;
	/*border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	/*background-color: #CCC;*/
	color: #bf4269;
}

.TabbedPanelsTabSelected {
	color: #333;
	/*background-color: #EEE;*/
	/*border-bottom: 1px solid #EEE;*/
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	/*border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;*/
	margin-right: 0; /* Era 1em */
	margin-left: 0; /* Era 1em */
}

.TabbedPanelsContent {
	padding: 4px 0px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/***************************************
5A: ESTILOS DE TABLA
****************************************/
table {
	font-family: Arial, Helvetica, sans-serif;
	margin: .2em auto;
}

caption {
	font-size: 1em;
	font-weight: bold;
	color: #1a2a4e;
	padding: .2em 0;
	margin-bottom: 0px;
}

thead {
	color: #818181;
	font-size: .85em;
	font-weight: normal;
	text-transform: uppercase;
}

tbody {
	font-size: .8em;
	color: #1a2a4e;
}


/* -------------- Estilos para tablas en administrador  ---------- */

#admin_mainContent table.admin {
	width: 44em;
	border-collapse: collapse;
}

#admin_mainContent .admin th {
	background: #1a2a4e;
	vertical-align: bottom;
	font-weight: normal;
	text-align: center;
	padding-bottom: 0.2em;
	color: #fff;
}

#admin_mainContent .admin td {
	padding: .5em .5em;
	border: 1px solid #333;
	}	

#admin_mainContent .admin td.titulo {
	text-align: left;
	font-weight: bold;
	width: 12em;
}

#admin_mainContent .admin tr:hover {

}

/* -------------- Estilos para presentar las tarifas  ---------- */

table.tarifas {
	width: 520px;
	background: #f2f2f2;
	border: 0px solid #333;
	margin-bottom: 2em;
	border: 1px solid #333;
	border-collapse:collapse;
}

.tarifas caption {
	text-align: left;
	padding-bottom: .5em;
}

.tarifas tbody {
	text-align:center;
}

.tarifas th {
	border: 1px solid #333;
	background: #818181;
	color: #fff;
}
/*#mainContent .tarifas th.derecho {
	background: #1a2a4e url(../images/corner_sup_der_tabla.gif) no-repeat top right;
}
#mainContent .tarifas th.izquierdo {
	background: #1a2a4e url(../images/corner_sup_izq_tabla.gif) no-repeat top left;
}*/

.tarifas td {
	padding: .5em .5em;
	border: 1px solid #333;
	}

.tarifas td.titulo {
	text-align: left;
	font-weight: bold;
	width: 12em;
}

.tarifas td.fecha {
	width: 5em;
}

.tarifas tr.odd {
	background: #8C7E62;
}

.tarifas tr:hover {
	background: #cccccc;
	color: #000;
}

/***************************************
6A: ESTILOS DE FORMULARIOS
****************************************/
form {
	font-size: .8em;
	padding: 5px 10px;
}

/* #busqueda {
	float: right;
	margin-right: 2em;
	margin-bottom: .6em;
}*/


form input{
	margin: .2em 0;
}

/*
#form_modulos {
	padding-top: .5em;
	padding-right: 6em;
	margin-bottom: 1em;
	float: right;
}

form#frmContact {
	width: 505px;
	margin: 0 auto;
}

fieldset {
	background: #D8D5C5;
	border: none;
	margin: 1em 0;
	padding-bottom: .5em;
}

legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #602E0C;
	line-height: 1.4;
	background: #D8D5C5;
	padding: 0.2em .5em;
	margin-left: 0.5em;
}

#formWrap p {
	font-family: Arial, Helvetica, sans-serif;
	color: #602E0C;
	font-size: 0.85em;
	line-height: 1.2;
	margin: 1.4em 0;
}

input.text {
	width: 250px;
}

textarea {
	width: 300px;
	margin-top: .5em;
}

label.top {
	display: block;
	margin-bottom: .5em;
}

label.check {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1;
	color: #000;
}

span.aside {
	font-style: italic;
}

p.required {
	position: relative;
}

span.required {
	position: absolute;
	left: 320px;
	padding-left: 35px;
	background: url(file:///Macintosh%20HD/Users/pepe/Sites/_images/notice_icon.gif) no-repeat left center;
	color: #c00;
	height: 25px;
	line-height: 25px;
}

input.text:focus, textarea:focus {
	background: #C8D3CB;
}*/


/*[if IE]>
<style type="text/css">
coloque las reparaciones de css para todas las versiones de IE en este comentario condicional
.twoColElsLtHdr #sidebar { padding-top: 30px; }
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores
</style>
<![endif]
*/