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

body{
	background:url(../imgs/interfaz/fondo_pag.jpg) repeat-x;
	margin:0px 0px 3px 0px;
}

#contenedor_total{
	width:779px;
	margin:0px auto;
}


#rotulo_rp{
	height:21px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:4px 5px 0px 5px;
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}



#contenedor_header{
	height:100px;
}

/* ---------------------------------------------------- */
/* Espacio para poner el logo animado */

#logo{
	width:160px;
	height:75px;
	display:block;
	float:left;
}


/* ----------------------------------------------------- */
/* Area de botones ubicados a la derecha del logo */

#botones{
	width:420px;
	height:75px;
	display:block;
	float:right;
	text-align:right;
}

.sin_lista{
	list-style-type:none;
	display:inline;
}

.invisible{
	display:none;
}

.boton{
	width:84px;
	height:73px;
	display:block;
	float:left;
}

.btn01{
	background: url(../imgs/botones/btn_inicio.jpg) no-repeat;
}

.btn02{
	background:url(../imgs/botones/btn_institucion.jpg) no-repeat;
}

.btn03{
	background:url(../imgs/botones/btn_dire.jpg) no-repeat;
}

.btn04{
	background:url(../imgs/botones/btn_centros.jpg) no-repeat;
}

.btn05{
	background:url(../imgs/botones/btn_contacto.jpg) no-repeat;
}



/* ----------------------------------------------------- */
/* Area de donde dice MINISTERIO DE EDUCACION */

#rotulo_2{
	height:25px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:25px;
	clear:both;
}


.rot2_left{
	float:left;
	width:170px;
}

.rot2_right{
	float:right;
	width:200;
}



/* ----------------------------------------------------- */
/* CONTENIDO */

#contenedor_contenido{
	padding:2px 0px 2px 0px;
	clear:both;
}


#contenido_left{
	width:172px;
	float:left;
}

#contenido_right{
	width:577px;
	float:right;
}

#menu{
	width:172px;
	background:url(../imgs/interfaz/fondo_menu.jpg) repeat-y;
}

.opcion{
	width:140px;
	display:block;
	background:url(../imgs/botones/iconfolder.jpg) 0px 5px no-repeat;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	clear:both;
	border-bottom:#CCCCCC solid 1px;
	text-decoration:none;
	margin:0px 5px 0px 8px;
	padding:5px 0px 5px 15px;
}

.rotulo_seccion{
	background:url(../imgs/interfaz/fondo_rotulo_seccion.jpg) no-repeat;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}

.rotulo_menu{
	background:url(../imgs/interfaz/fndsecciones.jpg) no-repeat;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 0px 2px 5px;
	line-height:24px;
}

.menu_foot{
	background:url(../imgs/interfaz/fondo_menu_foot.jpg) no-repeat;
	height:16px;
	display:block;
}



#contenido{
	width:577px;
	clear:both;
}

#contenido_header{
	background: url(../imgs/interfaz/fondo_titulo_evento.jpg) top center no-repeat;
	clear:both;
	padding:10px;
	width:556px;
	height:67px;
	padding:60px 0px 0px 21px;
}


#contenido_izq{
	width:48%;
	float:left;
}

#contenido_der{
	width:48%;
	float:right;
}


.nombre_seccion{
	background: #006699;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding:0px 0px 0px 10px;
	clear:both;
	display:block;
	height:27px;
	border-bottom:1px solid #FFFFFF;
	text-decoration:none;
	line-height:27px;
}

.nombre_seccion a{
	color:#FFFFFF;
}


#mediaspace{
	background:#000000;
	padding:0px 0px 0px 65px;
	margin:0px 0px 3px 0px;
}


/* ----------------------------------------------------- */ 
/* VIDEOS */


#videos_conjunto{
	width:577px;
	min-height:385px;
	clear:both;
}

.videos_nombre_seccion{
	background:url(../imgs/interfaz/seccion_fdo.jpg);
	font: 11px Verdana, Arial, Helvetica, sans-serif

	font-weight:bold;
	color:#FFFFFF;
	padding:3px 0px 0px 10px;
	display:block;
	width:525px;
	height:21px;
	border-bottom:1px solid #FFFFFF;
	text-decoration:none;
	float:left;
}

.recuadro_video{
	width:175px;
	height:245px;
	display:block;
	padding:4px 5px 4px 7px;
	margin:0px 0px 5px 0px;
	float:left;
	border-bottom:1px solid #CCCCCC;
}

.autor_video{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006666;
	margin:0px;
	padding:0px 0px 0px 15px;
	background:url(../imgs/blog/etiqueta_flecha.gif) no-repeat;
}

.titulo_video{
	height:35px;
	display:block;
	background:url(../imgs/etiquetas/etiqueta_flecha.gif) 0px 7px no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006666;
	margin:0px;
	padding:5px 0px 0px 15px;
	border-bottom: 1px solid #000000;
}

.titulo_video a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006666;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}


.vinculo_video{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006666;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.txt_video{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#006666;
	margin:0px;
	padding:0px 0px 0px 15px;
}

.etiqueta_video{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#006666;
	padding:0px 0px 0px 15px;
	background:url(../imgs/blog/etiqueta_flecha.gif) no-repeat;
}

.img_video{
	border:#CCCCCC 4px solid;
	width:157px;
	height:115px;
	display:block;
	margin:0px 0px 0px 5px;
	padding:0px;
}

#videos_categorias{
	width:205px;
	padding:0px 0px 0px 5px;
	float:left;
}

.btn_buscar_video{
	width:64px;
	height:24px;
	background:url(../imgs/botones/video_buscar.gif);
	display:block;
	border:none;
	margin:0px 0px 0px 2px;
}

.select_cat_videos{
	border: 1px solid #999900;
	background:#FFFFFF;
	padding:2px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width:136px;
}


/* Index de videos*/

#videos_playing{
	min-height:200px;
	clear:both;
	background:#FFFFFF;
}

#videos_ultimo_subido{
	width:519px;
	background:#CCCCCC;
	padding:8px;
	text-align:center;
	float:left;
}

#videos_ultimo_desc{
	width:515px;
	clear:both;
	padding:0px 10px 5px 10px;
	background:#CCCCCC;
}

#videos_ultimo_desc h4{
	background:url(../imgs/etiquetas/etiqueta_flecha.gif)  no-repeat;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#336666;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 15px;
}

#videos_ultimo_desc p{
	margin:0px;
	padding:0px 0px 0px 15px;
}

#videos_conjunto{
	background:#FFFFFF;
	clear:both;
}

.videos_nombre_seccion2{
	background:url(../imgs/blog/seccion2_fdo.jpg) repeat-x;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	clear:both;
	display:block;
	height:27px;
	border-bottom:1px solid #FFFFFF;
	text-decoration:none;
	line-height:27px;
}


/* para el player en image.php*/

#video_playing{
	width:519px;
	background:#000000;
	padding:8px;
	text-align:center;
	float:left;
}

#video_playing p{
	margin:0px;
	padding:0px;
}

#izq_video_coments{
	width:535px;
	min-height:385px;
	border-right:5px;
	float:left;
	margin:0px 0px 5px 0px;
}


/* ----------------------------------------------------- */ 
/* BLOG VIDEOS */


.pagelist{
	clear:both;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	background:#CCCCCC;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	border-top:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
}

.pagelist ul{
	margin:0px;
	padding:0px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

.disabledlink{
	margin:0px;
	padding:0px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

.pagelist li{
	display:inline;
	list-style-type:none;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0px;
	padding:0px;
}

.pagelist a{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
}

.pagelist a:hover{
	background:#FFFFFF;
}

.prev, .next, .current{
	display:inline;
	list-style-type:none;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0px;
	margin:0px;
}

#narrow{
	width:515px;
	display:block;
	background:#FFFFFF;
	clear:both;
	padding:10px 10px 10px 10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#base_narrow{
	height:15px;
	display:block;
	clear:both;
	background:url(../imgs/blog/esquinas_redondas.gif) bottom left no-repeat;
}

.fondo_btn_enviar{
	height:24px;
	display:block;
	padding:0px;
	background:#CCCCCC;
	padding:0px;
}

.btn_fotocom_enviar{
	width:63px;
	height:24px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	background:url(../imgs/botones/fondo_btn_enviar.gif) repeat-x;
	border:none;
}


/* lista de comentarios */


#listado_comentarios{
	width:450px;
	margin:0px 0px 5px 50px;
	padding:15px 10px 10px 10px;
	clear:both;
	background:url(../imgs/blog/fondo_lista_com.jpg);
}

.titulo_listado_total_com{
	margin:0px;
	padding:0px 0px 5px 20px;
	background: url(../imgs/blog/etiqueta_lista_com.jpg) no-repeat;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#003333;
	font-weight:bold;
}

.fotocoment_impar, .fotocoment_par{
	width:100%;
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	clear:both;
}

.fotocoment_impar{
	background:url(../imgs/blog/fondo_lista_com2.jpg)
}

.contenido_coment{
	width:325px;
	padding:5px 0px 0px 30px;
	clear:both;
}

.fotocoment_impar p, .fotocoment_par p{
	margin:0px;
	padding:0px;
}

.etiqueta_verde{
	margin:0px 0px 0px 0px;
	padding:8px 10px 5px 32px;
	background: url(../imgs/blog/etiqueta_verde.gif) no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

.img_izq{
	float:left;
	padding:10px 10px 0px 15px;
}


.input_registro{
	border: 1px solid #999900;
	background:#FFFFFF;
	padding:2px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}



/* ----------------------------------------------------- */
/* LOGIN */

.login_campo{
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

.login_input{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
}

.login_btn{
	padding:3px;
	background:url(../imgs/interfaz/fondo_btn.jpg) repeat-x;
	border:none;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}

.login_fondo{
	height:191px;
	background: url(../imgs/interfaz/fondo_foot.jpg) bottom center;
	padding:10px;
}

.saludo{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 5px;
}

.resaltado{
	color:#993300;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.centrado{
	text-align:center;
}

.nota{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}


/* ----------------------------------------------------- */
/* ETIQUETAS GLOBALES */

h1{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h2{
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}

h4{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

p{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/* ----------------------------------------------------- */
/* FOOTER */

#contenedor_foot{
	height:40px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	padding:10px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	background:url(../imgs/interfaz/fondo_foot.jpg) bottom center no-repeat;
	text-align:center;
	clear:both
}

#txt_foot{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	padding:5px 0px 0px 0px;
}



