/* CSS Document */


* {margin: 0px; padding: 0px; }

div#todo  {
	margin-bottom: 55px;

	border: 1px solid #ffffff;

}



/**************************************************/
/*******************   PIE  ***********************/
/**************************************************/
div#contenido  div#pie {
	font-family: "Trebuchet MS";
	font-size:16px;
	color:#666666;
	background-color: #EBB600;
	margin: 0px;
	color:#ffffff;
	text-align:center;
	width:100%;
	height: 40px;
	margin-bottom: 25px;
	margin: auto;
	text-align: center;
}

div#contenido div#pie div.sac p { margin-left:0px; margin-right:0px; text-align:center;}

div#contenido  div#pie p{
	color: #ffffff;
	padding-top:10px;
	text-align:center;	
}	

div#contenido div#pie a {
	font-style: italic;
	color:#ffffff;
	text-decoration:none;
}

div#contenido div#pie a:hover {
	text-decoration:underline;
}




/****************************************************/
/*******************   texto  ***********************/
/****************************************************/

div#presentacion {
	background-image: url(../IMG/imagen6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	height: 243px;
	background-color:#3986BA;
	}
	

div#presentacion div#introduccion {
	font-family: "Trebuchet MS";
	font-size: 15px;
	color: #ffffff;
	text-align:justify;
	padding-top: 5px;
	float:right;
	width: 53%;
	margin-right: 10px;
	margin-top: 20px;
	height: 243px;	

}

div#presentacion div#introduccion p {
	margin-bottom: 5px;
	padding-top: 0px;
}

div#texto div#introduccion strong{
	font-size: 14px;
}

div#contenido div#nohaycursos {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #333333;
	margin: auto;
	width:90%;
	margin-top:20px;
	margin-bottom:20px;

	text-align:center;
}



/********************************************************/
/*******************   contenido  ***********************/
/********************************************************/

div#contenido { 
	clear: both;
	margin: auto;	
	text-align: center;
	height: 250px;	
	width: 100%;
	margin-top:0px;
}

div#contenido div#izquierda {
	width: 100%;
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: bold;
	color: #EBB600;
	height: 250px;
	float: left;
	margin-bottom: 20px;
}

div#contenido div#izquierda p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}

div#contenido div#izquierda strong {
	font-size: 11px;
}

div#contenido div#izquierda ul {
	list-style-image: url(../IMG/icono_pdf.jpg);
	margin-top: 0px;
}

div#contenido div#izquierda li {
	padding-top: 2px;
	padding-bottom: 2px;
}

div#contenido div#izquierda li a {
	color: #EBB600;
	text-decoration: none;
}

div#contenido div#izquierda li a:hover {
	text-decoration: underline;
}

div#contenido div#derecha {
	margin-right: 25px;
	width:90%;
	margin:auto;
	margin-top: 15px;
}


div#contenido div#derecha table#tabla {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #EBB600;
	border-collapse: collapse;
	width:100%;
	margin-bottom: 15px;
}

div#contenido div#derecha table#tabla tr { height: 30px; margin-top:0px;}

div#contenido div#derecha table#tabla tr th {
	color:#ffffff;
	background-color:#EBB600;
	padding: 5px;
	border: 1px solid #EBB600;
	border-collapse: collapse;
	font-size: 14px;
	font-weight: bold;
}

div#contenido div#derecha table#tabla tr th {
	border-bottom: 1px solid #EBB600;
	border-top: 1px solid #EBB600;	
	border-left: 1px solid #EBB600;
	border-right: 1px solid #EBB600;
}

div#contenido div#derecha table#tabla tr th.tabla-jor {
	border-right: 1px solid #EBB600;
	border-top: 1px solid #EBB600;	
	border-left: 1px solid #EBB600;
	border-bottom: 1px solid #EBB600;
}

div#contenido div#derecha table#tabla tr th.tabla-fecha {
	border-right: 1px solid #EBB600;
	border-top: 1px solid #EBB600;	
	border-left: 1px solid #EBB600;
	border-bottom: 1px solid #EBB600;
}

div#contenido div#derecha table#tabla tr th.tabla-hora {
	border-right: 1px solid #EBB600;
	border-top: 1px solid #EBB600;	
	border-left: 1px solid #EBB600;
	border-bottom: 1px solid #EBB600;
}

div#contenido div#derecha table#tabla tr th.tabla-ciudad{
	border-right: 1px solid #EBB600;
	border-top: 1px solid #EBB600;	
	border-left: 1px solid #EBB600;
	border-bottom: 1px solid #EBB600;
}


div#contenido div#derecha table#tabla tr th.tabla-lugar{
	border-right: 1px solid #EBB600;
	border-top: 1px solid #EBB600;	
	border-left: 1px solid #EBB600;
	border-bottom: 1px solid #EBB600;
}

div#contenido div#derecha table#tabla tr td {
	border-collapse: collapse;
	text-align: center;
	padding: 6px;

}

div#contenido div#derecha table#tabla tr td.titulo-curso {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #EBB600;
	border-left-color: #EBB600;
	color: #3986BA;
	text-align:left;
	padding-left:20px;
	font-size:13px;
	font-weight: bold;
	
}

div#contenido div#derecha table#tabla tr td.tabla-texto {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #EBB600;
	border-right-color: #EBB600;
	border-bottom-color: #EBB600;
	color: #3986BA;
}

div#contenido div#derecha table#tabla tr td.tabla-texto2 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #EBB600;
	border-bottom-color: #EBB600;
	border-left-color: #EBB600;
	background-image: url(../IMG/contador.gif);
	background-repeat: no-repeat;
	background-position: 25px 8px;	
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;	
	color: #ffffff;
	font-size: 16px;
	font-height: bold;
}

div#contenido div#derecha table#tabla tr td a {
	font-size:11px;
	color: #666666;
	text-decoration: none;
}


div#contenido div#derecha table#tabla tr td a.linkGotoTituloCurso {
	color: #CA0066;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}

div#contenido div#derecha table#tabla tr td a:hover {}

div#contenido div#derecha p {
	text-align: right;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}