﻿/* CSS Document */

/* menu de la izquierda */
#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("../images/apps/mm_arrow.gif") 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("../images/apps/mm_arrow.gif") 14px 45% no-repeat;
	color:#D00523;
	/* color:#FF6600;  */
	}
	
#navigation a.active {
	background: #ffffff url("../images/apps/mm_arrow.gif") 14px 45% no-repeat;
	color:#D00523;
	/* color:#FF6600;  */
	}


/* -------------   header  menu styles START  -----------------------------------------------------*/

/* menu superior */

/*td img {display: block;} * comentado para  que en la pagina de hospedaje las estrellas aparecieran alineadas */

#MainMenu 
{
	height:24px;
	background: #FFFFFF;
	margin:0;
	border-style:solid;
	border-color:#9AB6D2;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:3px;
	border-left-width:0;
}
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0 1px 0 0 ;
	padding:0;
}
#tab > ul > li > a 
{
	background: url("../images/bright_115.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("../images/bleft_115.gif") no-repeat left top;
	padding:0 18px 0 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/* color:#0A8EE0; */
	color:#003366;
	font-weight:bold;
	line-height:13.5px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#D00523;
	/*  font-weight:bold; */
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border-style:solid;
	border-color:#9AB6D2;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:3px;
	border-left-width:0;
	background: #FFFFFF;
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0 1px 0 0 ;
	padding:0;
	display:block;
	border:0 solid ;
	color:#FFFFFF;
	background:url("../images/bleft_115.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:27px;
	background:url("../images/bright_115.gif") no-repeat right top;
	padding:0 22px 0 22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11;
	color:#FFFFFF;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid ;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#000000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000000;
	font-weight:bold;
}

/* --------------------- opciones para el menu desplegable ----------------------------- */
ul.menu
{
   list-style:none;
}
ul.menu li
{
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
/*   width:70px;  */ 
}

ul.menu2 li
{
	display:block;
	position:relative;
	padding:1px 5px; 
	background:#CCE2EF;
	border-right:1px solid blue;
	border-bottom:1px solid blue;
	border-top:1px solid #93C2DE;
	border-left:1px solid #93C2DE;
	width:125px;
	height:30px;
	text-align:center;
}
ul.menu ul
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   left:30px; /* Para que no monte sobre el <li> */
   top:-1px;
   display:none;
   list-style:none;
}
ul.menu li:hover > ul
{
   display:block;
}

ul.menu> li > ul /* Solo para los ul debajo de los li de primer nivel. */
{
   position:absolute;
   left:1px;
   top:26px;
   display:none;
   list-style:none;
}
ul.menu > li /* Sólo para li de primer nivel */
{
   display:inline;
}
ul.menu2 li:hover
{
	background:#EDF3F8;
	border-right:1px solid #D7E5EF;
	border-bottom:1px solid #D7E5EF;
	border-top:1px solid blue;
	border-left:1px solid blue;
}

ul.menu2 a 
{
	color:#003366;
	/*  font-weight:bold; */
	font-style:normal;
	font-size:11px;
	text-decoration:none;
}

ul.menu2 a:hover 
{
	color:#D00723;
	/*  font-weight:bold; */
	font-style:normal;
	text-decoration:none;
}

/* -------------   header  menu styles END  -----------------------------------------------------*/

body {
	margin:0px;
	}
	
td {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	}

#homelink a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: top;
	text-align: center;
	}
	
#homelink a:hover {
	color:#D00523;
	font-size: 12px;
	background-color:#E6F3FF;
	}
	
#homelink a.active {
	color:#D00523;
	font-size: 12px;
	background-color:#E6F3FF;
	}

.newsletter {
	color: #000000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 11px;
	height:16px;
}

.footer:hover {
	color:#D00523;
	font-size:11px;
}

a:link {
	color: #0A71B3;
	text-decoration: none;
	text-align: center;
}

a:visited {
	color: #0A71B3;
	text-decoration: none;
}

a:hover {
	/* color: #0BA6DA; */
	color: #D00523;
	text-decoration: none;
}

a:active {
	color: #0A71B3;
	text-decoration: none;
}

a.idiomas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D00523;
	font-weight: bolder;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: top;
	text-align: center;
}

a.idiomas:hover {
	color:#0A71B3;
	font-size: 13px;
}

.Titulos {
	color: #D00523;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	/*text-indent: 30px;*/
	padding-left:30px;
	/* text-transform:uppercase; */
}

.SubTitulo {
	color: #D00523;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
	margin: 25px;
}

.SubTitulo2 {
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	margin: 25px;
	text-indent: 20px;
}

a.SubTitulo2 {
	color: #0A71B3;
}

a.SubTitulo2:hover {
	color: #0BA6DA;
}

.Contenido {
	color: #000000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	text-align: justify;
	margin-left: 25px;
	margin-right: 20px;
}

.Contenido li {
	color: #000000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	text-indent: 20px;
}

.formItem {
	color: #000000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	text-align: justify;
	vertical-align: middle;
	margin-left: 25px;
}

.formRequired {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #DC5C68;
	font-weight: bolder;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
}

.errorSmallText {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	letter-spacing:0.1em;
	text-indent: 20px;
	vertical-align: middle;
	margin-left: 25px;
}

/* tabla para el contenido ---------------------------------------------------------------------- */
table.contenido-table {
	font: 11px/19px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 80%;
	vertical-align:middle;
	}

th.contenido-table {
	padding: 0 0.5em;
	text-align: left;
	text-indent: 0px;
	}

tr.yellow td {
	border-top: 1px solid;
	border-top-color: #D00523;
	border-bottom: 1px solid #D00523;
	background-color: #CCCCCC;
	text-align:center;
	font-weight:bold;
	color:#D00523;
	}

td.contenido-table {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	background-color:#EEEBE6;
	text-align:left;
	}

td.contenido-table-center {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	background-color:#EEEBE6;
	text-align:center;
	}
		
/*
.Contenido td.width {
	width: 190px;
	}  */

td.adjacent {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	/*background-color:#C2E9FA;  /*  azul palidon  */
	background-color:#EEEBE6;    /*  mismo gris del fondo */
	text-align: center;
	}
	
tr.message td {
	border: 1px solid #D00523;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#D00523;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#Combinaciones
{
	text-align:center;
	text-transform:none;
    background-color: #0A8EE0;
    color:#003E64;
    font-weight:700;
}
#Medio
{
    CLEAR: both;
    FLOAT: left;
    text-align:center;
    width:550px;
    TOP:25px;
    padding-left:70px;
    /*padding:25px;*/
}

#Tabla
{
	text-align:justify;
	font: 11px/19px Verdana, Arial, Helvetica, sans-serif;
    width: 550px;
}

#form1
{
    text-align:center;
}

#FormView
{
    text-align:left;
    
}

#forma
{
    text-align:center;
    padding-left:50px;
}

#Tabla em
{
	font-size:9px;
	color:#003E64;
	font-style:normal;
	font-weight:bold;
}