@charset "utf-8";
/*RESETEO*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}

body {
	line-height: 1;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0f377f;
	font-size: 11px;
}
a{
	color: #0f377f;
	}
a:hover{
	color: #4777cc;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}

/* remember to define focus styles! */
:focus {
 outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
.thrColFixHdr #container {
	width: 1000px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
} 
.thrColFixHdr #header {
	background-image: url(imagenes/cabecera.jpg);
	height: 228px;
} 
.thrColFixHdr #header h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #0f377f;
	font-weight: normal;
	text-align: right;
	float: left;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
.thrColFixHdr #header a img {
	width: 180px;
	height: 170px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.thrColFixHdr #header ul {
	float: right;
	margin-top: 210px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.thrColFixHdr #header ul li{
	display: inline;
}
.thrColFixHdr #header ul li a img {
	width: 16px;
	height: 11px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.thrColFixHdr #header h1 .nerja{
	color: #bbac00;
	font-size: 40px;
}
.thrColFixHdr #header h1 .espana{
	font-size: 25px;
	font-style: italic;
	letter-spacing: 10px;
}
.thrColFixHdr #sidebar1 {
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 176px;
}
.thrColFixHdr #sidebar1 .menu{
	background-image: url(imagenes/bt_menu.jpg);
	background-repeat: no-repeat;
	height: 31px;
	font-size: 14px;
	text-align: left;
	line-height: 25px;
	display: block;
	padding-left: 30px;
	color: #0f377f;
	text-decoration: none;
	background-position: 0px 0px;
}
.thrColFixHdr #sidebar1 .menu:hover{
	background-position: 0px -34px;
}
.thrColFixHdr #sidebar1 .ofertaMenu{
	display: block;
	background-image: url(imagenes/oferta.jpg);
	background-repeat: no-repeat;
	padding-left: 60px;
	height: 48px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-position: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #0f377f;
	text-decoration: none;
	line-height: 16px;
	padding-top: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #0f377f;
	border-right-color: #0f377f;
	border-bottom-color: #0f377f;
	border-left-color: #0f377f;
}
.thrColFixHdr #sidebar1 .ofertaMenu:hover{
	color: #ff6600;
}
.thrColFixHdr #sidebar1 #acceso{
	background-image: url(imagenes/accesos.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	padding-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0f377f;
	margin-bottom: 10px;
	padding-bottom: 10px;

}
.thrColFixHdr #sidebar1 #acceso a{
	display: block;
	color: #6f7eac;
	font-size: 12px;
	padding-left: 30px;
	background-image: url(imagenes/menudeta.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
}
.thrColFixHdr #sidebar1 #acceso a:hover{
	color: #0f377f;
}
.thrColFixHdr #sidebar1 #social{
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0f377f;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.thrColFixHdr #sidebar1 #social img{
	margin-right: 10px;
}
.thrColFixHdr #sidebar1 #logos {
	padding-bottom: 20px;
	padding-top: 20px;
	}
.thrColFixHdr #sidebar1 #logos a{
	display: block;
	text-align: center;

}
.thrColFixHdr #sidebar2 {
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 213px;
}
.thrColFixHdr #sidebar2 .btCursos,.btInscripcion,.btFolleto,.btForo,.btAula,.btFotos,.btVideos{
	display: block;
	width: 144px;
	color: #99abd7;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 57px;
	padding-left: 70px;
}
.thrColFixHdr #sidebar2 .btCursos:hover,.btInscripcion:hover,.btFolleto:hover,.btForo:hover,.btAula:hover,.btFotos:hover,.btVideos:hover{
	color: #7285b5;
	}
.thrColFixHdr #sidebar2 .btCursos{
	background-image: url(imagenes/bt_cursos.jpg);
}
.thrColFixHdr #sidebar2 .btInscripcion{
	background-image: url(imagenes/bt_inscripcion.jpg);
}
.thrColFixHdr #sidebar2 .btFolleto{
	background-image: url(imagenes/bt_folleto.jpg);
}
.thrColFixHdr #sidebar2 .btForo{
	background-image: url(imagenes/bt_foro.jpg);
}
.thrColFixHdr #sidebar2 .btAula{
	background-image: url(imagenes/bt_aula.jpg);
}
.thrColFixHdr #sidebar2 .btFotos{
	background-image: url(imagenes/bt_fotos.jpg);
}
.thrColFixHdr #sidebar2 .btVideos{
	background-image: url(imagenes/bt_videos.jpg);
}
.thrColFixHdr #sidebar2 #noticias{
	background-image: url(imagenes/fondo_noticias.jpg);
	height: 164px;
	width: 214px;
	color: #99abd7;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}
.thrColFixHdr #sidebar2 #noticias div{
	color: #0f377f;
	font-weight: normal;
	font-size: 11px;
	margin-top: 10px;
	text-align: justify;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	height: 160px;
	overflow: hidden;
}
.thrColFixHdr #sidebar2 #presupuesto{
	background-image: url(imagenes/fondo_presupuesto.jpg);
	height: 214px;
	width: 214px;
	color: #99abd7;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	background-repeat: no-repeat;
	}
.thrColFixHdr #sidebar2 #presupuesto #presaux{
	color: #0f377f;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	}
.thrColFixHdr #sidebar2 #presupuesto #presaux p{
	margin-bottom: 15px;
}
.thrColFixHdr #sidebar2 #presupuesto #presaux label{
	display: block;
	margin-bottom: 8px;
}
.thrColFixHdr #sidebar2 #presupuesto #presaux select{
	font-size: 11px;
	color: #666;
	border: 1px solid #0f377f;
	}
.thrColFixHdr #mainContent {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 186px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align: justify;
	width: 590px;
} 
.thrColFixHdr #mainContent #cursos{
	height: 250px;
	background-color: #E5E5E5;
}
.thrColFixHdr #mainContent .destadadoAzul{
	margin-bottom: 20px;
}
.thrColFixHdr #mainContent .destadadoAzul .ofertas{
	font-size: 14px;
	background-image: url(imagenes/oferta.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 60px;
}
.thrColFixHdr #mainContent .destadadoAzul .ofertas a{
	background-image: url(imagenes/ico_link_azul.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	display: block;
	margin-left: 10px;
	margin-top: 5px;
}
.thrColFixHdr #mainContent .destadadoAzul .ofertas a:hover{
	color: #ff6600;
	}
.thrColFixHdr #mainContent .destadadoAzul h2{
	background-image: url(imagenes/encabezado_azul.jpg);
	height: 23px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left;
	font-size: 16px;
	line-height: 20px;
}
.thrColFixHdr #mainContent .destadadoAzul object{
	margin-top: 10px;
	margin-bottom: 10px;
}
.thrColFixHdr #mainContent .destadadoAmarillo h3{
	background-image: url(imagenes/encabezado_amarillo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	margin-bottom: 5px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #4a4400;
	line-height: 20px;
}
.thrColFixHdr #mainContent .destadadoAmarillo p{
	color: #7a7a7a;
	margin-top: 5px;
	}
.thrColFixHdr #mainContent .destadadoAmarillo .amarilloIzq{
	width: 282px;
	float: left;
}
.thrColFixHdr #mainContent .destadadoAmarillo .amarilloDer{
	padding-left: 308px;
	margin-bottom: 20px;
}
.thrColFixHdr #mainContent .articulos {
	margin-bottom: 5px;

}
.thrColFixHdr #mainContent .articulos div{
	height: 55px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.thrColFixHdr #mainContent .articulos p{
	color: #7a7a7a;

	}
.thrColFixHdr #mainContent .articulos h4{
	font-weight: bold;
}
.thrColFixHdr #mainContent .articulos .articuloImg{
	float: left;
	margin-right: 10px;
	height: 50px;
	width: 50px;
}
.thrColFixHdr #mainContent .articulos .articuloIzq{
	float: left;
	width: 285px;
}
.thrColFixHdr #mainContent .articulos .articuloDer{
	margin-left: 300px;
	}
.thrColFixHdr #mainContent #contenidos h2{
	background-image: url(imagenes/encabezado.gif);
	height: 75px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 30px;
	padding-top: 20px;
	padding-left: 60px;
	margin-bottom: 20px;
}
.thrColFixHdr #mainContent #contenidos h3{
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
}
.thrColFixHdr #mainContent #contenidos .cursoList{
	background-color: #728cb3;
	color: #FFF;
	font-size: 13px;
	margin-right: 30px;
	margin-bottom: 10px;
	padding: 8px;
}
.thrColFixHdr #mainContent #contenidos .cursoList p{
	color: #cbdcf5;
}
.thrColFixHdr #mainContent #contenidos .cursoList a{
	color: #FFF;
}
.thrColFixHdr #mainContent #contenidos .cursoImagen{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.thrColFixHdr #mainContent #contenidos blockquote{
	padding-left: 60px;
}
.thrColFixHdr #mainContent #contenidos p, ul{
	margin-bottom: 10px;
	font-size: 14px;
	color: #586A85;
	line-height: normal;
}
.thrColFixHdr #mainContent #contenidos ul{
	list-style-type: disc;
	list-style-position: inside;
}
.thrColFixHdr #mainContent #contenidos table th{
	background-color: #E8EEFE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	text-align: center;
}
.thrColFixHdr #mainContent #contenidos table td{
	border-bottom-style: solid;
	border-top-color: #B0C8FF;
	border-right-color: #FFF;
	border-bottom-color: #B0C8FF;
	border-left-color: #B0C8FF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 2px;
	padding-left: 2px;
	//text-align: left;
}
.thrColFixHdr #footer {
	background-image: url(imagenes/fondo_pie.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 10px;
	padding-left: 20px;
	background-color: #FFF;
} 
.thrColFixHdr #footer p {
	margin: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
	text-align: center;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.thrColFixHdr #footer #disenoWeb {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(imagenes/diseno-web.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 170px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 40px;
	color: #909bae;
}
.botonForm{
	font-size: 12px;
	background-image: url(imagenes/bt_form.gif);
	height: 22px;
	width: 77px;
	color: #FFF;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 2px;
	background-color: #FFF;
}
.botonLink{
	width: 112px;
	background-image: url(imagenes/bt_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	height: 41px;
	line-height: 40px;
	margin: 5px;
	float: right;
}
.botonLink:hover{
	background-position: left -41px;
}
.calendario{
	display: block;
	background-image: url(imagenes/Calendar-32.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	padding-top: 10px;
	height: 22px;
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



td.table, td.tableleft, td.tableright, td.tabletop, td.tablebottom, td.tablebottomleft, td.tablebottomright, td.tabletopleft, td.tabletopright {
	text-align:center;
}