/* 

 * Ciberaula CSS

 * http://www.ciberaula.com

 * Joaquín Martí García 

 */



/* Contenedores */



body {

	background-color:#ffffff;

	padding:0;

	margin:0;

	font-family:verdana,arial,sans-seriff;

	font-size:0.7em;

	width:1024px;

	

	

}

#contenedor_web{

	position: absolute;	

	width: 100%;

	text-align: center;	

	margin-top: 0px;

}



#contenidos_web{

	width: 1024px;

	margin-left:auto;

	text-align: left;

	margin-right:auto;

	margin:0 auto;	

	border-left:1px solid #cccccc;

	border-right:1px solid #cccccc;

	padding:0px 0px 0px 0px; 

    margin-top: 0px;

}

#cabecera_ {

	background:#1c3374 url(/imagenes/ciberaula/es/index/fondo_cabecera.jpg) no-repeat;

	background-position: left;

	text-align: left;

	border-bottom:2px solid #4e4848;

	padding:0;

	color:#ffffff;

	height:80px;

}



/* ESto se comenta para cursos de verano, HAY QUE DESCOMENTARLO LUEGO!!!!!

#cabecera_ img {

	position:absolute;

	z-index:1;

} */



#versiones {

	text-align:right;

}



#navegacion_ {

	padding:2px 0 2px 15px;

	background-color:#dde1f1;

	border-bottom:1px solid #818b92;

	margin-bottom:10px;

	text-align: left;

	vertical-align: middle;

	font-size:14px;

	

	



	

}



#navegacion a {

	z-index:2;

	text-align: left;

	vertical-align: middle;

	font-size:14px;

}



.caja {

	margin:0 10px 15px 10px;

}



/* Cabecera */



h1 {

	display:none;

}



#cabecera_ img {

	border:0;

	margin:16px 0 0 18px;

}



/* Columnas */



div#cuerpo { 

	/*position:relative; 

	min-width:770px;*/ 

	width:1024px; /* esto era al 100% */

	height:inherit;

	border:0; 

	background:transparent;

}



table#layout {

	font-family:inherit;

	font-size:1em;

	

}



td#izquierda { 

	min-width:154px; 

	width:20%; 

	background:transparent; 

}



td#centro {

	margin-left:20%; 

	margin-right:20%; 

}



html>body #centro {

	margin-left:20%; 

	margin-right:20%; 

}



td#derecha { 

	min-width:154px; 

	width:20%; 

}



html>body #cuerpo { 

	position:relative; 

}

/* Navegación */



#navegacion_ a {

	text-decoration:none;

	text-align: left;

	vertical-align: middle;

}



a img {

	border:0;

}	



/* Menú izquierda - Acceso a alumnos */



#izquierda #cabecera_acceso {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_acceso.gif) left no-repeat;

	height:30px;

}



#izquierda #cabecera_acceso h2 {

	background:#19319d url(/imagenes/ciberaula/es/index/fondo_h2_acceso.gif) top right no-repeat;

	margin:0 0 0 22px;

	padding:6px 0 0 3px;

	font-size:1em;

	color:#ffffff;

	height:30px;

}



#izquierda #acceso form {

	margin:0;

	padding:0 0 5px 0;

	background-color:#dee1f2;

	border-bottom:1px solid #989ba0;

	border-left:1px solid #989ba0;

	border-right:1px solid #989ba0;

}



#izquierda #acceso table {

	width:80%;

	margin:0 0 0 6%;

	font-family:inherit;

	font-size:1em;

}



#izquierda #acceso table tr td {

	text-align:center;

}



#izquierda #acceso form table tr td input {

	width:60px;

	border:1px solid #989ba0;

	font-family:inherit;

	font-size:1em;

}



#izquierda #acceso form input  {

	width:60px;

	font-family:inherit;

	font-size:1em;

}



/* Menú izquierda - Listado de opciones */



#izquierda #cabecera_conoce {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_conoce.gif) left no-repeat;

	height:21px;

}



#izquierda #cabecera_empresas {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_empresas.gif) left no-repeat;

	height:21px;

}



#izquierda #cabecera_conoce h2 {

	background:#ffffff url(/imagenes/ciberaula/es/index/fondo_h2_conoce.gif) repeat-x;

	margin:0 0 0 20px;

	padding:6px 0 0 5px;

	font-size:1em;

	color:#ffffff;

	height:21px;

}



#izquierda #cabecera_empresas h2 {

	background:#ffffff url(/imagenes/ciberaula/es/index/fondo_h2_conoce.gif) repeat-x;

	margin:0 0 0 20px;

	padding:6px 0 0 5px;

	font-size:1em;

	color:#ffffff;

	height:21px;

}



#izquierda li {

	border-bottom:1px solid #989ba0;

	border-left:1px solid #989ba0;

	border-right:1px solid #989ba0;

	padding:1px 0 1px 10px;

	list-style:none;

}



#izquierda li:hover {

	background-color:#f6f7ff;

}



#izquierda li a {

	color:#000000;

	text-decoration:none;

}



#izquierda ul {

	padding:0;

	margin:0;

}



/* Columna central  - Cursos */



#cursos #cabecera_cursos {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_cursos.gif) top left no-repeat;

	height:22px;

}



#cursos #cabecera_cursos h2 {

	background:#ffffff url(/imagenes/ciberaula/es/index/fondo_h2_conoce.gif) repeat-x;

	margin:0 0 0 22px;

	padding:6px 0 0 5px;

	font-size:1em;

	color:#ffffff;

	height:22px;

}



#cursos #cabecera_cursos h2 a {

	color:#ffffff;

	text-decoration:none;

}



#cursos_gestion #cabecera_gestion {	

	height:22px;

}



#cursos_gestion  h2 {

	margin:0 0 0 22px;

	padding:6px 0 0 5px;

	font-size:1em;

	color:#ffffff;

	height:22px;

}



#cursos_gestion #cabecera_gestion h2 a {

	color:#ffffff;

	text-decoration:none;

}



#cursos_idiomas #cabecera_idiomas {	

	height:22px;

}



#cursos_idiomas  h2 {

	margin:0 0 0 22px;

	padding:6px 0 0 5px;

	font-size:1em;

	color:#ffffff;

	height:22px;

}



#cursos_idiomas #cabecera_idiomas h2 a {

	color:#ffffff;

	text-decoration:none;

}









div#cursos { 

	border:0px;

	position:relative; 

	min-width:462px; 

	width:100%; 

	background:#fdffef url(/imagenes/ciberaula/es/index/fondo_cursos.gif) repeat;

}



div#cursos_gestion { 

	border:0px;

	position:relative; 

	min-width:462px; 

	width:100%; 

	background:#fdffef url(/imagenes/ciberaula/es/index/fondo_cursos_gestion.gif) repeat;

}



div#cursos_idiomas { 

	border:0px;

	position:relative; 

	min-width:462px; 

	width:100%; 

	background:#fdffef url(/imagenes/ciberaula/es/index/fondo_cursos_idiomas.gif) repeat;

}



table#listado_cursos {

	border-bottom:1px solid #989ba0;

	border-left:1px solid #989ba0;

	border-right:1px solid #989ba0;

	font-family:inherit;

	font-size:1em;

	position:relative;

	width:100%;

}



table#listado_cursos h3 {

	font-family:inherit;

	font-size:1em;

	margin:0 0 8px 0;

	padding-left:3px;

	background-color:#2A91C9;

	color:#ffffff;

	/*

	background-color:#ffecba;

	color:#1c3374;

	*/

}



table#listado_cursos_gestion {

	border-bottom:1px solid #989ba0;

	border-left:1px solid #989ba0;

	border-right:1px solid #989ba0;

	font-family:inherit;

	font-size:1em;

	position:relative;

	width:100%;

}



table#listado_cursos_gestion h3 {

	font-family:inherit;

	font-size:1em;

	margin:0 0 8px 0;

	padding-left:3px;

	background-color:#E86C77;

	color:#ffffff;

	/*

	background-color:#ffecba;

	color:#1c3374;

	*/

}



table#listado_cursos_idiomas {

	border-bottom:1px solid #989ba0;

	border-left:1px solid #989ba0;

	border-right:1px solid #989ba0;

	font-family:inherit;

	font-size:1em;

	position:relative;

	width:100%;

}



table#listado_cursos_idiomas h3 {

	font-family:inherit;

	font-size:1em;

	margin:0 0 8px 0;

	padding-left:3px;

	background-color:#7BC668;

	color:#ffffff;

	/*

	background-color:#ffecba;

	color:#1c3374;

	*/

}



div#cursos td {

	vertical-align:top;

	width:33%;

	padding:4px;

}



div#cursos td ul {

	margin:0 0 15px 0;

	padding:0;

}



div#cursos td ul li {

	margin-left:3px;

	padding:2px 10px 5px 6px;

	list-style:none;

	background:transparent url(/imagenes/ciberaula/es/index/icono_flecha.gif) top left no-repeat;

}



div#cursos td ul li a {

	text-decoration:none;

}



div#cursos td ul li a:hover {

	background:#fcfcd1;

}





div#cursos_gestion td {

	vertical-align:top;

	width:33%;

	padding:4px;

}



div#cursos_gestion td ul {

	margin:0 0 15px 0;

	padding:0;

}



div#cursos_gestion td ul li {

	margin-left:3px;

	padding:2px 10px 5px 6px;

	list-style:none;

	background:transparent url(/imagenes/ciberaula/es/index/icono_flecha_gestion.gif) top left no-repeat;

}



div#cursos_gestion td ul li a {

	text-decoration:none;

	color: #E86C77;

}



div#cursos_gestion td ul li a:hover {

	background:#fcfcd1;

}





div#cursos_idiomas td {

	vertical-align:top;

	width:33%;

	padding:4px;

}



div#cursos_idiomas td ul {

	margin:0 0 15px 0;

	padding:0;

}



div#cursos_idiomas td ul li {

	margin-left:3px;

	padding:2px 10px 5px 6px;

	list-style:none;

	background:transparent url(/imagenes/ciberaula/es/index/icono_flecha_idiomas.gif) top left no-repeat;

}



div#cursos_idiomas td ul li a {

	text-decoration:none;

	color: #7BC668;

}



div#cursos_idiomas td ul li a:hover {

	background:#fcfcd1;

}





/* Columna central - Información */



div#areas { 

	border:0px;

	position:relative; 

	min-width:462px; 

	width:100%; 

}



div#areas table {

	position:relative;

	margin-top:10px;

	width:100%;

	font-family:inherit;

	font-size:1em;

}



div#areas table tr td {

	width:50%;

	vertical-align:top;

}



/* Columna central - Noticias */



div#noticias {

	margin-bottom:20px;

	margin-right:7px;

	padding:0;

	font-size:inherit;

	font-family:inherit;

	background:#f4f9eb url(/imagenes/ciberaula/es/index/fondo_noticias.gif) repeat;

}



div#noticias #cabecera_noticias {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_noticias.gif) top left no-repeat;

	height:21px;

}



div#noticias #cabecera_noticias h2 {

	background:transparent url(/imagenes/ciberaula/es/index/fondo_h2_noticias.gif) repeat-x;

	margin:0 0 0 20px;

	padding:6px 0 0 5px;

	font-size:1em;

	font-family:inherit;

	color:#ffffff;

	height:21px;

}



div#noticias h3 {

	margin:0;

	padding:10px 10px 0 10px;

	font-size:1em;

	font-family:inherit;

	border-right:1px solid #d0dbe0;

}



div#noticias h3 a {

	text-decoration:none;

	color:#1f6cba;

}



div#noticias p {

	margin:0;

	padding:0 10px 5px 10px;

	border-right:1px solid #d0dbe0;

}



/* Columna central - Artículos */



div#articulos {

	margin-right:7px;

	padding:0;

	font-size:inherit;

	font-family:inherit;

	background:#f4f9eb url(/imagenes/ciberaula/es/index/fondo_articulos.gif) repeat;

}



div#articulos #cabecera_articulos {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_articulos.gif) top left no-repeat;

	height:21px;

}



div#articulos #cabecera_articulos h2 {

	background:transparent url(/imagenes/ciberaula/es/index/fondo_h2_articulos.gif) repeat-x;

	margin:0 0 0 20px;

	padding:6px 0 0 5px;

	font-size:1em;

	font-family:inherit;

	color:#ffffff;

	height:21px;

}



div#articulos h3 {

	margin:0;

	padding:10px 10px 0 10px;

	font-size:1em;

	font-family:inherit;

	border-right:1px solid #d0dbe0;

}



div#articulos h3 a {

	text-decoration:none;

	color:#1f6cba;

}



div#articulos p {

	margin:0;

	padding:0 10px 5px 10px;

	border-right:1px solid #d0dbe0;

}



/* Columna central - Áreas temáticas */



div#tematicas {

	margin-left:7px;

	padding:0;

	font-size:1em;

	font-family:inherit;

	background:#f4f9eb url(/imagenes/ciberaula/es/index/fondo_areas.gif) repeat;

}



div#tematicas #cabecera_tematicas {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_areas.gif) top left no-repeat;

	height:21px;

}



div#tematicas #cabecera_tematicas h2 {

	background:transparent url(/imagenes/ciberaula/es/index/fondo_h2_areas.gif) repeat-x;

	margin:0 0 0 20px;

	padding:6px 0 0 5px;

	font-size:1em;

	font-family:inherit;

	color:#ffffff;

	height:21px;

}



div#tematicas h3 {

	margin:0;

	padding:10px 0 0 0;

	font-size:1em;

	font-family:inherit;

}



div#tematicas h3 a {

	text-decoration:none;

	color:#1f6cba;

}



div#tematicas p {

	margin:0;

}



div#tematicas img {

	float:left;

	margin:7px 5px 0 0;

}



/* Columna central - Áreas */



div#tematicas div#area_diseno {

	border-right:1px solid #d0dbe0;

	margin:0;

	padding:10px 10px 15px 10px;

}



div#tematicas div#area_elearning {

	border-right:1px solid #d0dbe0;

	margin:0;

	padding:0 10px 15px 10px;

}



div#tematicas div#area_flash {

	border-right:1px solid #d0dbe0;

	margin:0;

	padding:0 10px 15px 10px;

}



div#tematicas div#area_java {

	border-right:1px solid #d0dbe0;

	margin:0;

	padding:0 10px 15px 10px;

}



div#tematicas div#area_linux {

	border-right:1px solid #d0dbe0;

	margin:0;

	padding:0 10px 15px 10px;

}



div#tematicas div#area_multimedia {

	border-right:1px solid #d0dbe0;

	margin:0;

	padding:0 10px 15px 10px;

}



div#tematicas div#area_ofimatica {

	border-right:1px solid #d0dbe0;

	margin:0;

	padding:0 10px 15px 10px;

}



div#tematicas div#area_php {

	border-right:1px solid #d0dbe0;

	margin:0;

	padding:0 10px 15px 10px;

}



/* Columna central - Documentos */



td#centro div#documento h2 {

	margin:5px 10px 14px 10px;

	padding:6px 0 0 0;

	font-size:1em;

	color:#18319c;

	height:20px;

	border-bottom:1px solid #18319c;

	font-weight:bold;

}



td#centro div#documento p {

	margin:0 10px 14px 10px;

}



td#centro div#documento h3 {

	font-size:1em;

	font-weight:bold;

	margin:0 10px 0 10px;

}



div#documento table {

	font-family:verdana,arial,sans-seriff;

	font-size:1em;

}



div#documento table {

	font-family:verdana,arial,sans-seriff;

	font-size:1em;

}



/* Columna central - Formularios */



td#centro div#formulario h2 {

	margin:5px 10px 14px 10px;

	padding:6px 0 0 0;

	font-size:1em;

	color:#18319c;

	height:20px;

	border-bottom:1px solid #18319c;

	font-weight:bold;

}





td#centro div#formulario p {

	margin:10px;

}



td#centro div#formulario table {

	margin:10px;

	font-size:1em;

}



td#centro div#formulario table tr td {

	background-color:#f5f5f5;

	border-bottom:1px solid #ffffff;

}



/* Columna derecha - Contacta */



/*div#derecha #contacta,

div#derecha #webcam,

div#derecha #sponsor,

div#derecha #elearning {

	padding-right:10px;

}*/



td#derecha #contacta #cabecera_contacta {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_contacta.gif) top left no-repeat;

	height:21px;

	padding-left:22px;

	margin:6px 0 8px 0;

}



td#derecha h2 {

	border-bottom:1px solid #020d76;

	font-size:1em;

	margin:0;

	padding-left:5px;

}



td#derecha #contacta #telefono,

td#derecha #contacta #msn,

td#derecha #contacta #icq {

	padding-left:10px;

	margin-bottom:14px;

}



td#derecha #contacta h3 {

	font-size:1em;

	padding-left:10px;

	background:transparent url(/imagenes/ciberaula/es/index/icono_flecha.gif) top left no-repeat;

	margin:0;

}



td#derecha #contacta p {

	margin:5px 0 6px 10px;

	color:#020d76;

}



td#derecha #contacta p strong {

	color:#ff0000;

}



td#derecha #contacta p.importante {

	font-size:1.4em;

	font-weight:bold;

}



/* Columna derecha - Webcam */



td#derecha #webcam #cabecera_webcam {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_webcam.gif) top left no-repeat;

	height:21px;

	padding-left:22px;

	margin:6px 0 8px 0;

}



/* Columna derecha - E-learning */



td#derecha #elearning #cabecera_elearning {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_elearning.gif) top left no-repeat;

	height:20px;

	padding-left:21px;

	margin:3px 0 8px 0;

}



#elearning ul {

	margin:0;

	padding:0;

}



#elearning li {

	border:0!important;

	padding:1px 0 1px 7px!important;

	margin-left:8px;

	list-style:none!important;

	color:#000000!important;

	background:transparent url(/imagenes/ciberaula/es/index/icono_flecha.gif) top left no-repeat;

}



#elearning li a {

	text-decoration:none;

}





/* Columna derecha - Sponsor */



td#derecha #sponsor #cabecera_sponsor {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_sponsor.gif) top left no-repeat;

	height:19px;

	padding-left:16px;

	margin:6px 0 8px 0;

}



td#derecha #sponsor img {

	border:0;

}



/* Pié de página */



div#pie {

	width:930px;

	height:inherit;

	background:transparent;

	border-top:1px solid #d0dbe0;

	margin:45px 40px 30px 40px;

	

}



div#pie p {

	text-align:center;

	color:#5a617b;

	padding-top:10px;

	margin:0;

}



a.pisos:link {text-decoration:none; color=#FFFFFF }

a.pisos:visited {text-decoration:none; color=#FFFFFF }

a.pisos:active {text-decoration:none; color=#FFFFFF }

a.pisos:hover {text-decoration:none; color=#FFFFFF }



/* CSS Para temarios */



div.titulo_master {



	border-top: 1px solid #18319c;

	font-family: Copperplate Gothic Light;

	font-size: 24px;

	text-decoration: underline;

	text-align: center;

	padding-top: 8px;

	

	}

	

div.titulo_curso {



	margin: 15px 10px 0 10px;

	padding: 6px 0 0 0;

	font-size: 2em;

	color: #18319c;

	height: 27px;

	border-bottom: 2px solid #18319c;

	font-weight:bold;

	

	}

	

div.contenido_temario {



	margin: 0 10px 0 10px;

	font-size: 14px;

	font-family: Segoe UI;

	

	}



<!-- Efecto redes sociales -->

#redes_sociales #cabecera_acceso {

	background:#ffffff url(/imagenes/ciberaula/es/index/icono_acceso.gif) left no-repeat;

	height:30px;

}

#redes_sociales li:hover {

	background-color:#f6f7ff;

}



#redes_sociales ul {

	padding:0;

	margin:1;

}

#redes_sociales li {

	border-bottom:1px solid #989ba0;

	border-left:1px solid #989ba0;

	border-right:1px solid #989ba0;

	border-top: 1px solid #989ba0;

	padding:1px 0 1px 0px;

	list-style:none;

}