/*Hoja de estilos portal Telecentro Regional*/

body
{	
	margin-top: auto;
	margin-bottom: auto;
	
	
		
}

div,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	
	
}

dl,dd,h1,h2,h3,form,blockquote,th
{
	
	font-weight:bold;
	
	
}
body,td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;	
}


html
{
	height:100%;
}



#left-column{
	
	text-align:left;
	vertical-align:top;
	width:250px;
	height:735px;
	background:url(imagenes/portlet_izq.jpg) no-repeat top;
	
}

#right-column {
	text-align:left;
	vertical-align:top;
	width:250px;
	height:735px;
	background:url(imagenes/portlet_der.jpg) no-repeat bottom;

	
	
}
#middle-column{
	text-align:left;
	vertical-align:top;
	width:460px;
	height:735px;
	
 	
} 
.espacio_m2{
	height:6px;
	background:#FFF;
}

#layout-table_1{
	width: 960px;
	aling: center;
	position:float;
	
}

#layout-table_2{
	width: 960px;
	aling: center;
	position:float;
	
}

#layout-table_3{
	width: 960px;
	aling: center;
	position:float;
	
}


#layout-table_4{
	width: 960px;
	aling: right;

	
}

#layout-table_5{
	width: 600px;
	margin-left:250px;
	
}

#layout-table{
	width: 960px;
	aling: center;
	
}

.menu1{
	height:25px;
	background:#000;
	color:#FFF;
	text-align:center;
	padding:0.20em;
}
/* Definición de color de los links, que componen el menú uno, de los visitados y del color de efecto*/ 
.menu1 a:link{
	color: #FFFFFF;
}
.menu1 a:visited{
	color: #FFFFFF;
}
.menu1 a:hover{
	color: #CCCCCC;
}

.menu2{
	height:24px;
	background:url(imagenes/fdo_menu2.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	align:center;
	color:#FFF;

}


.menu2 a:link{
	color: #FFFFFF;
}
.menu2 a:visited{
	color: #FFFFFF;
}
.menu2 a:hover{
	color: #330066;
}

/* Define el ancho que pertenece al cuerpo de los bloques laterales*/
#generaltable th.c0,.generaltable th.c1,.generaltable th.c2,.generaltable th.c3,.generaltable th.c4,th.header,td.header,left,
.sideblock{
	
	width:210px;
	font-family:Arial;
	
	}

/* Definición de las propiedades de los cabezotes de cada bloque lateral. */
#generaltable th.c0,.generaltable th.c1,.generaltable th.c2,.generaltable th.c3,.generaltable th.c4,th.header,td.header,left,.sideblock .header{
	background-color: #0072bc;
	width:202px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	border: 1px ;
    -moz-border-radius: 0px 40px 0px 0px;
	-webkit-border-top-left-radius:0px;
  	-webkit-border-top-right-radius:40px;
	
}
/*Definición de propiedades del pie de los bloque laterales*/
#course-view_a .weekscss  .current td.side,
.generaltable th.c0,.generaltable th.c1,.generaltable th.c2,.generaltable th.c3,.generaltable th.c4,.sideblock .footer{
	background-color: #FFFFFF;
	height:10px;
	
}
/*Definición de propiedades de los link del pie de los bloque laterales*/
#course-view_a .weekscss  .current td.side,
.generaltable th.c0,.generaltable th.c1,.generaltable th.c2,.generaltable th.c3,.generaltable th.c4,.sideblock .footer a:link{
	color: #000033;
		
}

#course-view_a .weekscss  .current td.side,
.generaltable th.c0,.generaltable th.c1,.generaltable th.c2,.generaltable th.c3,.generaltable th.c4,.sideblock .footer a:visited{
	color: #000000;
	font-family:Arial;
	font-style:normal;
	font-size:11px;
	font-weight:bold;
}
/*Definición de propiedades de los link del cuerpo de los bloque laterales*/
#course-view_a .weekscss  .current td.side,
.generaltable th.c0,.generaltable th.c1,.generaltable th.c2,.generaltable th.c3,.generaltable th.c4,.sideblock a:link{
	color: #000000;
	font-family:Arial;
	font-style:normal;
	font-size:11px;
	font-weight:bold;
}

#course-view_a .weekscss  .current td.side,
.generaltable th.c0,.generaltable th.c1,.generaltable th.c2,.generaltable th.c3,.generaltable th.c4,.sideblock a:visited{
	color: #000000;
	font-family:Arial;
	font-style:normal;
	font-size:11px;
	font-weight:bold;
}
/*Propiedades del pie de cada bloque*/

#th.header,.sideblock .footer{

	height:27px;
	font-size:10px;
	font-family:Arial;
}

.headingblock, .sideblock.footer{
	color: #0072bc;
	text-align:right;
	border-bottom-color:#0072bc;
	border-bottom-color:#0072bc;
	border-top-color:#FFF;
	border-right-color:#FFF;
	border-left-color:#FFF;
	-webkit-border-bottom-color:#0072bc;
	-webkit-border-top-color:#FFF;
	-webkit-border-right-color:#FFF;
	-webkit-border-left-color:#FFF;
    	
}
/*Cabezote del sitio*/
H1.headermain{
	height:60px;
	width:960px;
	background:url(imagenes/banner.jpg) no-repeat;
	display:none;
	padding:0.20em;
}

/*Pie del sitio*/

.footer{
	height:65px;
	text-align:center;
	background:#000;
	color:#FFF;
	font-size:9px;
	
}

.footer_moodle{

	position:right;

}

.espacio_m2{
	height:6px;
	background:#FFF;
}

.Titulo {
	color: #004071;
	font-size: 24px;
	font-family: "CG Omega";
	text-align:right;
}


/* Estilo de los menús izquierdos*/

.menus {
	
	font-size: 20px;
	font-family: Arial;
	text-align:left;
}

.menus a:link {
	color: #000000;
	
}
.menus a:visited {
	
	color: #000000;
}
.menus a:hover {
	
	color:#0072bc;
}

.subtitulo {
	text-align:left;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.subtitulo_1 {
	text-align:left;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.subtitulo_1 a{

	color:#000000;
}
.subtitulo_1 a:link {
	text-align:left;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.subtitulo_1 a:visited {
	text-align:left;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.subtitulo_1 a:hover{
	text-align:left;
	font-size: 14px;
	color:#330066;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.parrafo {
	font-size: 11px;
	text-align:justify;
	font-weight: normal;
}

.parrafo_1 {
	font-size: 11px;
	text-align:right;
	font-weight: normal;
}

/* Estilo de menús secundarios*/
#navcontainer { width: 150px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;

}

#navcontainer a
{
display: block;
padding: 3px;
width: 130px;
background-color: #ffff;
border-bottom: 1px solid #eee;
}

#navcontainer a:link
{
color: #3333;
text-decoration: none;
}
#navlist a:visited
{
color: #3333;
text-decoration: none;
}

#navcontainer a:hover
{

color: #FFFF;

}


.subtitulo {
	text-align:left;
}

/*Para el mapa del sitio*/

.mapa_sitio{
	font-size: 11px;
	text-align:justify;
	font-weight: normal;
	margin-left:30px;
}
.mapa_sitio a:link {
	color: #000033;
	
}
.mapa_sitio a:visited {
	
	color: #000033;
}
.mapa_sitio a:hover {
	
	color: #CCCCC;
}

.cont_portizq{
	width:250px;
	height:100%;
	background:#000;
	vertical-align:top;
	
}

.ensayo {
border: 1px solid #ccc;
width: 425px;
margin: 20px auto;
}

.ensayo caption {
font: bold 1em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #ffff;
text-align: center;
margin: 10px auto;
}

.ensayo tbody tr.principal th {
font: bold .9em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #fff;
background: #5FACF3;
text-align: left;
padding: 5px;
border: 0;
}
.ensayo tbody tr.etapas th {
font: bold .9em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #fff;
background: #DC4503;
text-align: left;
padding: 5px;
border-top: 1px solid #eee;
}
table.ensayo tbody th {
font: bold .9em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #FFFF;
background: #0072bc;
text-align: left;
padding: 5px;
border-top: 1px solid #eee;
}