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

body,
h1,
h2,
h3,
h4,
p,
div,
span,
a,
td,
th,
input,
ul,
ol,
li {
	font-family: "Century Gothic", Arial, sans-serif;
}

body {
	background-color: #FFFFFF;
	font-size: 18px;
	color: #808080;
}

p {
	font-size: 18px;
	color: #808080;
	line-height: 1.5;
}

h1 {
	font-size: 24px;
	color: RGB(112, 154, 209);
}

h2 {
	font-size: 20px;
	color: RGB(181, 165, 213);
}

ul,
ol,
li {
	line-height: 1.5;
}

b {
	color: #000000;
}

a {
	color: RGB(181, 165, 213);
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	background-color: none;
	color: RGB(112, 154, 209);
}


/**************************************************************************************************
 SUBESTILOS COMUNES
**************************************************************************************************/

.center {
	text-align: center;
}

.left  {
	text-align: left;
}

.top {
	vertical-align: top;
}

.nobold {
	font-weight: normal;
}

.normal-font {
	font-size: 18px;
}

.medium-font {
	font-size: 14px;
}

.small-font {
	font-size: 12px;
}

.right {
	text-align: right;
}

.underline {
	text-decoration: underline;
}

.error {
	color: #FF0000;
	font-weight: bold;
}


/**************************************************************************************************
 LOGO - Estilo del logotipo
**************************************************************************************************/

img.logo {
	border: none;
}

/**************************************************************************************************
 FRAMEWORK - Marco de toda la página web
**************************************************************************************************/

div.framework {
	position: relative;
	margin-left: -500px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 1000px;
	padding: 0px;
	left: 50%;
	text-align: justify;
}


/**************************************************************************************************
 MAINMENU - Estilos específicos del menu principal de YOVIAJO
**************************************************************************************************/

div.mainmenu {
	position: relative;
	margin-left: -500px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 1000px;
	padding: 0px;
	left: 50%;
	text-align: center;
	background-color: RGB(181, 165, 213);
	color: white;
	border: white double 3px;
}

a.mainmenu {
	color: white;
	font-weight: bold;
}

a.mainmenu:hover {
	background-color: white;
	color: RGB(181, 165, 213);
}

a.mainmenusel {
	color: RGB(61, 115, 188);
	font-weight: bold;
}

a.mainmenusel:hover {
	background-color: RGB(61, 115, 188);
	color: RGB(181, 165, 213);
}

/**************************************************************************************************
 ADMINMENU - Estilos específicos del menu principal de administración de la web
**************************************************************************************************/

div.adminmenu {
	position: relative;
	margin-left: -500px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 1000px;
	padding: 0px;
	left: 50%;
	text-align: center;
	background-color: #FF8000;
	color: white;
	border: white double 3px;
}

a.adminmenu {
	color: white;
	font-weight: bold;
}

a.adminmenu:hover {
	background-color: white;
	color: #FF0000;
}

a.adminmenusel {
	color: #C00000;
	font-weight: bold;
}

a.adminmenusel:hover {
	background-color: #C00000;
	color: #FF8000;
}


/**************************************************************************************************
 COPYRIGHT - Estilo para mostrar el copyright
**************************************************************************************************/

div.copyright {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #A0A0A0;
}


/**************************************************************************************************
 CONTADOR - Estilos para mostrar el contador de visitas
**************************************************************************************************/

.contador,
a.contador,
a.contador:hover {
	font-family: courier, monospace;
	font-weight: bold;

	background-color: black;
	color: white;

	text-decoration: none;
	text-align: center;
}

div.contador {
	position: relative;
	margin-left: -45px;
	width: 90px;
	left: 50%;
}


/**************************************************************************************************
 HOME - Estilos para la página principal (home page)
**************************************************************************************************/

h1.home {
	width: 100%;
	color: #FFFFFF;
	background-color: RGB(181, 165, 213);
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	border: solid 2px RGB(181, 165, 213);
}

div.home {
	width: 100%;
	border: solid 2px RGB(181, 165, 213);
}


/**************************************************************************************************
 SEARCH - Estilos específicos para el buscador de vuelos
**************************************************************************************************/

table.search {
	position: relative;
	left: 50%;
	margin-left: -275px;
	width: 550px;
}

td.search {
	color: #808080;
	font-size: 14px;
}

input.search,
select.search {
	font-size: 14px;
	color: #404040;
	font-weight: bold;
}

img.search {
	vertical-align: text-bottom;
}


/**************************************************************************************************
 ADS300x250 - Estilo específico para alinear los anuncios a la derecha
**************************************************************************************************/

div.ads300x250 {
	right: 0px;
	width: 300px;
	position: absolute;
}


/**************************************************************************************************
 LIST - Estilos específicos para listas de aerolíneas, aeropuertos, ciudades, etc.
**************************************************************************************************/

table.list {
	width: 100%;
	border: solid 2px RGB(181, 165, 213);
}

th.list {
	background-color: RGB(181, 165, 213);
	color: #FFFFFF;
	font-size: 18px;
	padding: 4px 2px;
}

th.list_mini {
	background-color: RGB(181, 165, 213);
	color: #FFFFFF;
	font-size: 14px;
	padding: 4px 2px;
}

td.list {
	font-size: 16px;
	padding: 2px;
}

td.list_mini {
	font-size: 12px;
	padding: 2px;
}

td.list_alt {
	background-color: #FFFFC0;
}

img.list {
	border: none;
	margin-right: 10px;
	margin-bottom: 5px;
	vertical-align: middle;
}


/**************************************************************************************************
 DATA - Estilos específicos para datos de aerolíneas, aeropuertos, ciudades, etc.
**************************************************************************************************/

div.data {
	width: 100%;
	border: solid 2px RGB(181, 165, 213);
	padding: 5px;
	margin-bottom: 5px;
}

table.data {
	border: solid 1px RGB(181, 165, 213);
	width: 1004px;
}

th.data {
	background-color: RGB(181, 165, 213);
	color: #FFFFFF;
	font-size: 18px;
	padding: 4px 2px;
}

td.data {
	padding: 2px;
	border: solid 1px RGB(181, 165, 213);
	font-size: 16px;
	font-weight: bold;
	vertical-align: top;
}

span.data {
	font-size: 14px;
	font-weight: normal;
}

ul.data {
	line-height: 1.5;
}


/**************************************************************************************************
 FORMS - Estilos específicos para los formulacios de administración
**************************************************************************************************/

h2.forms {
	margin: 5px 0px;
	padding: 5px;
	border: solid 1px #FF8000;
	background-color: RGB(252, 126, 4);
	color: white;
}

div.forms {
	margin: 5px 0px;
	padding: 5px;
	border: solid 1px #FF8000;
	background-color: white;
}

div.forms_disabled {
	margin: 5px 0px;
	padding: 5px;
	border: solid 2px #FF8000;
	background-color: #E8E8E8;
}

td.forms {
	vertical-align: bottom;
	padding: 5px;
}

td.forms_logo {
	vertical-align: top;
	padding: 5px;
}

div.forms_logo,
img.forms_logo {
	border: none;
	height: 128px;
	width: 128px;
}

.form_control {
	color: #000000;
	font-weight: bold;
}

.form_control_disabled {
	background-color: #E0E0E0;
	color: #808080;
	font-weight: bold;
}

input.form_button {
	color: RGB(116, 154, 212);
	width: 110px;
	font-weight: bold;
}

input.form_button_disabled {
	color: #C0C0C0;
	width: 110px;
	font-weight: bold;
}


/**************************************************************************************************
 FILTER - Estilos específicos para los filtros de los formularios
**************************************************************************************************/

div.filter {
	margin: 5px 0px;
	padding: 5px;
	border: solid 1px #FF8000;
	background-color: RGB(255, 200, 145);
	color: RGB(255, 0, 0);
}

td.filter {
	vertical-align: bottom;
	padding: 5px;
}

.filter_control {
	color: RGB(255, 128, 0);
	font-weight: bold;
}