@import url(/drt/css/consola.css);

/**********************************************************************************************************************************************/
/* Cuerpo de la página
/**********************************************************************************************************************************************/

body
{
	background-color: white;
	font-family: Verdana;
	font-size: 0.7em;
	color: #666666;
}

/**********************************************************************************************************************************************/
/* Contenedor general
/**********************************************************************************************************************************************/

div#contGral
{
	width: 670px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/**********************************************************************************************************************************************/
/* Barras separadoras
/**********************************************************************************************************************************************/

div.separador
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

img.barraGruesa
{
	border: none;
	width: 100%;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

img.barraFina
{
	border: none;
	width: 100%;
	height: 5px;
}

/**********************************************************************************************************************************************/
/* Div para restablecer flujo normal de página
/**********************************************************************************************************************************************/
div.divClear
{
	width: 0px;
	height: 0px;
	clear:both;
}

/**********************************************************************************************************************************************/
/* Cabecera interior
/**********************************************************************************************************************************************/

div#contCabeceraInterior
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 670px;
}

div#contCabeceraInterior div#contLogo
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 154px;
	height: 119px;
}

div#contCabeceraInterior div#contImgCabecera
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	width: 516px;
	height: 94px;
}

div#contCabeceraInterior div#contMenuHorizontal
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	width: 516px;
	height: 25px;
	clear: both;
	text-align: right;
	vertical-align: bottom;
}

/**********************************************************************************************************************************************/
/* Menu en cabecera
/**********************************************************************************************************************************************/
ul#menuHorizontal
{
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

ul#menuHorizontal li
{
	display: inline;
	list-style-type: none; 	
}

ul#menuHorizontal li.itemActual a
{
	padding: 3px 7px 3px 7px;
	margin: 0px 2px 0px 3px;
	border-left: solid 1px #7BABDE;
	border-top: solid 1px #7BABDE;
	border-right: solid 1px #7BABDE;
	text-decoration: none;
	background-color: #FFDD95;
	color: #294B85;
	font-weight: bold;
}

ul#menuHorizontal li a
{
	padding: 3px 7px 3px 7px;
	margin: 0px 2px 0px 3px;
	border-left: solid 1px #7BABDE;
	border-top: solid 1px #7BABDE;
	border-right: solid 1px #7BABDE;
	text-decoration: none;
	color: #294B85;
	font-weight: bold;
}

ul#menuHorizontal li a:hover
{
	background-color: #FFDD95;
	color: #294B85;
}

/**********************************************************************************************************************************************/
/* Contenedores principales
/**********************************************************************************************************************************************/

div#contPpalIzq
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 154px;
	float: left;
}

div#contPpalDch
{
	padding: 20px 5px 5px 20px;
	margin: 0px 0px 0px 0px;
	width: 490px;
	float: right;
}

/**********************************************************************************************************************************************/
/* Menu izquierda
/**********************************************************************************************************************************************/

div#contMenuIzquierda
{
	padding: 8px 5px 8px 5px;
	margin: 0px 0px 0px 0px;
	background-image: url(/drt/imagenes/interior/fondoMenuInterior.gif);
}

div#contMenuIzquierda div.contTitMenuIzquierda
{
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 12px 0px;
	background-color: #FFF2E0;
	color: #294B85;
	vertical-align: middle;
}

div#contMenuIzquierda div.contTitMenuIzquierda div.titulo
{
	float:left;	
}
 

div#contMenuIzquierda div.contTitMenuIzquierda div.idiomas
{
	float: right;
	text-align: right;
	font-size: 90%;
	padding: 1px 0px 0px 0px;
}

div#contMenuIzquierda div.contTitMenuIzquierda div.idiomas a
{
	text-decoration: none;
	color: #294B85;
}

div#contMenuIzquierda div.contTitMenuIzquierda div.idiomas a:hover
{
	text-decoration: underline;
}


div#contMenuIzquierda h1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 110%;
}
/*
div#contMenuIzquierda h1 span
{
	font-size: 70%;
}
*/
/**********************************************************************************************************************************************/
/* Menú principal (dentro de menu izquierda
/**********************************************************************************************************************************************/

div#contMenuIzquierda div#contMenuPpal
{
	background-color: #FFE4B4;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	height: auto;
	display: inline-block;
}

div#contMenuIzquierda div#contMenuPpal ul#menuPpal
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FADAA2;
}

div#contMenuIzquierda div#contMenuPpal ul#menuPpal li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	border-bottom: solid 1px silver;
	border-right: solid 1px silver;
	border-left: solid 1px silver;
	
}

div#contMenuIzquierda div#contMenuPpal ul#menuPpal li.primerItem
{
	border-top: 1px solid silver;
}

div#contMenuIzquierda div#contMenuPpal ul#menuPpal li a
{
	margin: 0px 0px 0px 0px;
	padding: 7px 9px 7px 9px;
	background-image: url(/drt/imagenes/menuPpal/fondoMenuPpal.gif);
	color: #294B85;
	display: block;
}

div#contMenuIzquierda div#contMenuPpal ul#menuPpal li.itemActual a
{
	margin: 0px 0px 0px 0px;
	padding: 7px 9px 7px 9px;
	background-image: none;
	color: #294B85;
	display: block;
}

div#contMenuIzquierda div#contMenuPpal ul#menuPpal li a:hover
{
	background-image: none;
	color: #294B85;
}

div#contMenuIzquierda div#contMenuPpal ul#menuPpal li a:active
{
	color: #294B85;
}

div#contMenuIzquierda div#contMenuPpal ul#menuPpal li a:visited
{
	color: #294B85;
}


/**********************************************************************************************************************************************/
/* Menú servicios (dentro de menu izquierda)
/**********************************************************************************************************************************************/

div#contMenuIzquierda div#contMenuSrv
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


div#contMenuIzquierda div#contMenuSrv ul#menuSrv
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#contMenuIzquierda div#contMenuSrv ul#menuSrv li
{
	margin: 0px 0px 0px 0px;
	padding: 1% 1% 1% 1%;
	width: 48%;
	float: left;
}

div#contMenuIzquierda div#contMenuSrv ul#menuSrv li a
{
	margin: 0px 0px 0px 0px;
	padding: 4px 2px 4px 2px;
	background-color: #FFF8ED;
	color: #294B85;
	text-decoration: none;
	text-align: center;
	display: block;
	font-size: 90%;
}
div#contMenuIzquierda div#contMenuSrv ul#menuSrv li a:hover
{
	background-color: #ffffff;
	color: #294B85;
}

div#contMenuIzquierda div#contMenuSrv ul#menuSrv li a:active
{
	color: #294B85;
}

div#contMenuIzquierda div#contMenuSrv ul#menuSrv li a:visited
{
	color: #294B85;
}

/**********************************************************************************************************************************************/
/* Pie de página
/**********************************************************************************************************************************************/
div#contPie
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 670px;
	text-align: center;
	clear: both;
}

/**********************************************************************************************************************************************/
/* Encabezados
/**********************************************************************************************************************************************/
h2
{
	font-size: 130%;
}

/**********************************************************************************************************************************************/
/* Encabezados
/**********************************************************************************************************************************************/
.reparteTextoImg
{
	float: left;
}


/**********************************************************************************************************************************************/
/* Ver mensaje de correo
/**********************************************************************************************************************************************/
table.detalleMensaje
{
	font-size: 1em;
	color: #000000;
	width: 100%;
}

table.detalleMensaje td.titulo
{
	background-color: #FFDD95;
}

table.detalleMensaje td.texto
{
	border: solid 1px #FFDD95;
	padding: 2px;
}

table.detalleMensaje td.mensajeBody
{
	border: solid 1px #FFDD95;
	padding: 6px;
}

body.cuerpoPagina
{
	margin: 5px;
}


/**********************************************************************************************************************************************/
/* Listado de correos
/**********************************************************************************************************************************************/
table.tblListadoCorreos
{
	width: 100%;	
}

table.tblListadoCorreos th
{
	text-align: left;
	border: solid 1px #000000;
}

table.tblListadoCorreos td
{
	text-align: left;
	border: solid 1px #ededed;
}

/**********************************************************************************************************************************************/
/* Listado de Inscripciones
/**********************************************************************************************************************************************/
table.tblListadoInscripciones
{
	width: 100%;
	font-size: 1em;
}

table.tblListadoInscripciones th
{
	text-align: left;
	border: solid 1px #000000;
}

table.tblListadoInscripciones td
{
	text-align: left;
	border: solid 1px #ededed;
}

/**********************************************************************************************************************************************/
/* Detalle de Inscripciones
/**********************************************************************************************************************************************/
table.detalleParticipante
{
	width: 100%;
	font-size: 1em;
	border: solid 1px #000000;
}

table.detalleParticipante td.titulo
{
	text-align: left;
	font-weight: bold;
	/*border: solid 1px #000000;*/
	
}

table.detalleParticipante td
{
	text-align: left;
	/*border: solid 1px #ededed;*/
}

table.detalleParticipante td.aviso
{
	text-align: center;
	color: #ff0000;
	font-weight: bold;
}