body{
  font: 12px arial, verdana, sans-serif;
  margin: 0;
  padding: 0;
}

p{
	text-align: justify;
}

#contenedor{
  padding: 0;
  margin: 0;
}

#lateralIzq{
  float: left;
  width: 240px;
}

#logo{
  float: left;
  text-align: center;
  padding: 10px 0 15px 0;
}

#logo a{
  border: 0;
}

#logo img{
  border: 0;
}

#tituloMenu, #tituloMenuInt{
  color: white;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px 20px 5px 50px;
  display: block;
  background-color: #3C66B9;
  float: left;
  clear: both;
  width: 170px;
}

#tituloMenuInt{
  background-color: #036F03;
}

#menu{
  list-style-type: none;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  clear: both;
}

#menu li{
  background: url(../img/fondoOpcionMenu.gif) left top no-repeat;
  padding-bottom: 5px;
}

#menu li.primero{
  background: url(../img/fondoOpcionMenuPri.gif) left top no-repeat;
}

#menu li.primeroActivo{
  background: url(../img/fondoOpcionMenuPriActivo.gif) left top no-repeat;
}

#menu li.primeroActivo a, #menu li.activo a{
  color: black;
}

#menu li.activo{
  background: url(../img/fondoOpcionMenuActivo.gif) left top no-repeat;
}

#menu li a:hover{
	color: black;
	background: url(../img/fondoOpcionMenu_hover.gif) left top no-repeat;
}

#menu li.primero a:hover{
	background: transparent url(../img/fondoOpcionMenuPri_hover.gif) no-repeat scroll left top;	
}

#menu li.primeroActivo a:hover{
	background:transparent url(../img/fondoOpcionMenuPriActivo.gif) no-repeat scroll left top;
}

#menu li.activo a:hover{
	background: transparent url(../img/fondoOpcionMenuActivo.gif) no-repeat scroll left top;
}

#menu a{
  display: block;
  padding: 11px 5px 0 35px;
  text-decoration: none;
  color: #7e7e7e;
}


/* menu de la intranet */

#menuInt{
  list-style-type: none;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  clear: both;
}

#menuInt li{
  background-color: #ddffdd;
  border-top: solid 1px black;
  padding: 0;
}


#menuInt li.primeroActivo{
  border-top: none;
}

#menuInt li.subIntranet{
  background-color: #5DAD07;
  color: white;
  font-variant: small-caps;
  padding: 2px 0 2px 15px;
  margin: 0;
}

#menuInt li.primeroActivo a, #menuInt li.activo a{
  color: black;
}

#menuInt li.activo{
	
}

#menuInt a{
  display: block;
  padding: 10px 5px 7px 15px;
  text-decoration: none;
  color: black;
}

#menuInt a:hover{
	background-color: #A6D381;
}

#menuInt li.desconectar, #menuInt li.cambiarPassword, #menuInt li.perfil{
	background-color: #036F03;
	color: white;
}


#menuInt li.desconectar a, #menuInt li.cambiarPassword a, #menuInt li.perfil a{
	font-variant: small-caps;
	color: white;
	padding: 7px 10px 3px 25px;
}

#menuInt li.perfil a{
	background: #036F03 url(/images/new.gif) 130px center no-repeat;
}

#menuInt li.desconectar a{
	background: #036F03 url(/img/key.gif) 130px center no-repeat;
}

#destacados{
  float: left;
  clear: both;
  width: 240px;
  background-color: #eef;
}

#destacados h1{
  color: white;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px 20px 5px 50px;
  display: block;
  background-color: #3C66B9;
  float: left;
  clear: both;
  width: 170px;
  margin: 0;
}

#destacados ul{
  float: left;
  clear: both;
  padding: 10px;
  margin: 0;
  list-style-type: none;
}

#destacados li{
  padding: 0 0 10px 0;
  width: 220px;
  font-weight: bold;
}

#cuerpo{
  float: left;
  margin-left: 15px;
}

#accesosDirectos{
  float: left;
  list-style-type: none;
  padding: 10px;
  margin: 0;
  background-color: #5CAD22;
  width: 500px;
}

#accesosDirectos li{
  font-weight: bold;
  float: right;
  margin-left: 20px;
  margin-right: 20px;
}

#accesosDirectos li a{
  text-decoration: none;
  color: white;
}

#accesosDirectos li a.inicio{
    padding-left: 25px;
	background: url(../img/inicio.png) left center no-repeat;
}

#accesosDirectos li a.contactar{
    padding-left: 25px;
	background: url(../img/contactar.gif) left center no-repeat;
}

#media{
  clear: left;
  background: url(../img/media1.jpg) left top no-repeat;
  width: 520px;
  height: 200px;
}

#migas{
  clear: both;
  color: white;
  font-weight: bold;
  padding: 5px 10px;
  background-color: #489090;
  width: 500px;
}

#migas a{
  margin-left: 10px;
  color: white;
}

#contenido{
  clear: both;
  padding: 20px 20px 20px 0;
  width: 500px;
}

/*#contenido ul{
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}*/

#lateralDch{

}

#pie{
  text-align: center;
  background-color: #9cc;
  width: 740px;
  padding: 10px 20px;
  margin-top: 20px;
  clear: both;
}

#contenido h1{
  font-size: 1.4em;
  color: #489090;
  font-weight: bold;
  border-bottom: solid 2px #489090;
}

#contenido h2{
  color: #3C66B9;
  font-size: 1.3em;
}

#contenido h3{
  font-size: 1.2em;
}

.romper{
	display: block;
	clear: both;
}

.navegacion{
	font-family: sans-serif;
	border-top: 2px solid #3C66B9;
	margin-top: 10px;
	padding: 3px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;;
}

.navegacion a{
	color: #3C66B9;
}

table{
  border-collapse: collapse;
}

th, td{
  padding: 5px 10px;
}

tbody td{
  border: 1px solid black;
}

th, tfoot td{
  background-color: #3C66B9; 
  color: white;
}

th{
  border: solid 1px white;
}

dl dt{
  color: #3C66B9;
  font-weight: bold;
}

dl dd dl dt{
  color: #489090;
  font-weight: bold;
}

a.ppt{
  padding-left: 22px;
  background: url(../img/ppt.gif) left center no-repeat;
}

a.pdf{
  display: block;
  padding-left: 22px;
  background: url(../img/pdf.gif) left center no-repeat;
}

a.help{
  display: block;
  padding-left: 22px;
  background: url(../images/help.png) left center no-repeat;
}

a.zip{
  display: block;
  padding-left: 22px;
  background: url(../img/zip.gif) left center no-repeat;
}

a.folder{
  padding-left: 22px;
  background: url(../img/folder.gif) left center no-repeat;
  text-transform: uppercase;
  font-weight: bold;
}

a.web{
  padding-left: 22px;
  background: url(../img/link_go.png) left center no-repeat;
}

.candado{
  padding-left: 22px;
  background: url(../img/key.gif) left center no-repeat;
}

ul.listado{
  list-style-type: none;
  line-height: 1.5em;
  margin-left: 1em;
  padding: 0;
}

ul.listado li{
  margin-bottom: 1em;
}

ul.listadoNoticias {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.listadoNoticias h2{
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: solid 1px #3C66B9;
}

ul.listadoNoticias h1 .fecha{
	font-size: 0.9em;
	color: black;
}

ul.listadoNoticias .fecha{
	font-size: 0.9em;
	font-weight: bold;
}

ul.listadoNoticias .avance{
	line-height: 1.7em;
}

ul.listadoNoticias li{
	clear: both;
	margin-top: 10px;
}

.listadoNoticias li img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid black;
}

ul.listadoConvocatorias{
  list-style-type: none;
  line-height: 1.5em;
  margin-left: 1em;
  padding: 0;
}

ul.listadoConvocatorias li{
  border-bottom: solid 1px black;
  margin-bottom: 1em;
  padding-bottom: 15px;
}

.required{
	display: inline;
}

.optional{
	display: inline;
}

.etiqueta{
  font-weight: bold;
}

.dato{
  color: #164196;
}

.etiqueta{
  text-decoration: underline;
}

.tabulador{
  padding: 0 7px;
}

.nuevo{
  padding: 0 0 0 20px;
  background: url(../images/add.png) left center no-repeat;
}

label{
  margin-right: 10px;
}

#contenido form{
  line-height: 2.5em;
}

.mensajeFlash{
  border: solid 1px #15330B;
  background-color: #E7EEE4;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
}

.mensajeFlashTemporal{
  border: solid 1px #15330B;
  background-color: #E7EEE4;  
}

#flashMessage{
    background:#fec;
    color:#600;
    padding: 5px 10px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.error_message{
  color: red;
}

.form_error{
  padding-right: 15px;
  background: url(../images/icon_alert.gif) right center no-repeat;
}

.tablaIntranet th, .tablaIntranet td{
  padding: 5px;
}
.tablaIntranet th a{
	color: white;
}

.tablaIntranet tfoot td{
  padding: 5px;
  background-color: white;
  border: solid 1px black;
}

.cuadroInfo{
  border: solid 1px black;
  background-color: #FFFFD4;
  padding: 5px 10px;
  line-height: 1.5em;
}

.aclaracion{
  color: #888;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 10px;
 border: 1px solid #aaa;
 border-top: 0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

.convocatoriaAbierta{
	color: green;
	font-weight: bold;
}

.convocatoriaCerrada{
	font-weight: bold;
}

.tablalogin{
	margin-top: 15px;
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

.tablalogin .etiqueta{
	text-align: right;
	text-decoration: none;
}

.tablalogin td{
	border: none;
	padding: 5px;
}

.listadoEventos{
	list-style-type: none;
	padding: 0;
}

.listadoEventos li{
	padding-bottom: 5px;
	border-bottom: solid 1px black;
	clear: both;
}

.listadoEventos li.desplegado{
	
}

.listadoEventos li.desplegado p{
	display: block;
}

.listadoEventos li.cerrado p{
	display: none;
}

.patrocinadaCPAN{
	display: block;
	padding-left: 70px;
	float: right;
	font-weight: bold;
	height: 60px;
	background: url(../img/logo_th.gif) left center no-repeat;
	margin-left: 10px;
	margin-bottom: 10px;
}

.listadoEventos li.cerrado .patrocinadaCPAN{
	width: 0px;
	overflow: hidden;
	padding-left: 120px;
	margin: 0;
	background: url(../images/patrocinaCPAN.gif) left center no-repeat;
}

.listadoEventos li.desplegado .patrocinadaCPAN{
	width: 95px;
	font-variant: small-caps;
	font-size: 1.3em;
}

.listadoEventos li.cerrado .paginaEvento{
	display: none;
}

.listadoEventos li.desplegado .paginaEvento{
	display: block;
	text-align: right;
}

.listadoEventos a{
	margin-bottom: 10px;
	display: block;
}

.listadoEventos img{
	float: left;
	border: solid 1px black;
	margin-right: 10px;
}

.listadoEventos li.cerrado h2{
	margin-bottom: 5px;
}

.listadoEventos li.desplegado h2{
	
}

.listadoEventos .fechas{
	color: #666;
	font-style: italic;
}

.listadoEventos li.cerrado .fechas{
	margin-bottom: 5px;
}

.listadoEventos li.desplegado .fechas{
	
}

.listadoEventos .info{
	display: block;
	margin-top: 5px;
}

.listadoEventos h2.pasado{
	color: #888 !important;
}

.listadoEventos .pasados{
	border: none;
	margin-top: 30px;
}

.listadoEventos .proximos{
	border: none;
	margin-top: 0;
}

.listadoEventos .lugar{
	font-weight: bold;
}

.listadoEventos li.desplegado .lugar{
	display: block;
	margin-top: 10px;
}

.listadoEventos li.cerrado .lugar{
	display: none;
}

.idiomaIngles{
	width: 0;
	height: 11px;
	display: block;
	overflow: hidden;
	padding-left: 16px;
	background: url(../images/banderas/en.gif) left center no-repeat;
	border: solid 2px white;
}

.idiomaCastellano{
	width: 0px;
	height: 11px;
	overflow: hidden;
	display: block;
	padding-left: 16px;
	background: url(../images/banderas/es.gif) left center no-repeat;
	border: solid 2px white;
}