/*----------------------------------------------------------------------
' HOJA DE ESTILOS CCC WEB TV
' ARCHIVO: estilos.css
' DESCRIPCIÓN: Hoja de estilos de estructura y contenido
' @AUTOR: (C) RUTH MEDINA CONEJERO
' @VERSION 1.0
' @EMPRESA IDEUP! AGOSTO-2007
-----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
' MODIFICACION HOJA DE ESTILOS CCC WEB TV
' ARCHIVO: estilos.css
' DESCRIPCIÓN: Modificación de hoja de estilos de estructura y contenido
' @AUTOR: ANDONI BÉRRIZ YENES
' @EMPRESA IDEUP! ENERO-2008
-----------------------------------------------------------------------*/

body{
	background-color:#e0e0e0;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#todo{
	width:932px;
	height:auto;
	background-image:url(../images/misc/fondo_sombra.gif);
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	margin-top:-10px;
	*margin-top:-15px;
}
#contenido{
	width:861px;
	height:auto;
	margin-left:35px;
}
.borra_float{
	clear:both;
}
img{border:none;}
a{outline:none;}
/********************/
/***** CABECERA *****/
/********************/
#cabecera{
	width:861px;
}

#cabecera_rojo{
	background-image:url(../images/misc/cabecera_v4.gif);
	background-repeat:no-repeat;
	width:861px;
	height:100px;
	margin-top:0; padding-top:0;
	/*background-color:#c70202;*/
}

#logo_ccc{
	width:151px;
	height:74px;
	padding-top:18px;
	margin-left:30px !important;
	margin-left:15px;
	float:left;
}
#titulo_web{
	width:311px;
	height:40px;
	padding-top:40px;
	margin-left:250px;
	color:#333333;
	font-family:verdana; font-size:20pt; width:500px
}
#barra_roja{
	width:861px;
	height:35px;
	background-image:url(../images/misc/barra_roja.gif);
	background-repeat:repeat-x;
}

#titulo_cabecera{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
	width:550px;
	font-weight:bold;
	float:left;
	margin-left:28px !important;
	margin-left:14px;
	margin-top:10px;
}

#buscador{
	padding-top:8px;
	
}
.txt_buscador{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	}

/***********************/
/**** HOME *************/
/***********************/
#contenedor_general{
	margin-top:10px;
}
#destacado_video{
	padding:15px 0px;
	background-image:url(../images/misc/fondo_video.gif);
	background-repeat:repeat-y;
	height:auto;
	width:861px;
	display:table;
}
#txt_destacado{
	width:334px;
	float:left;
	padding-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}
.fecha_destacado{
	background-image:url(../images/misc/mini_calendario.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px;
	margin:0px;
	padding-left:15px;
	color:#949494;
	font-size:0.8em;
}
.fecha_destacado p{
	margin:0px;
	padding:0px;

}
.titulo_destacado{
	padding:0px;
	margin:0px;
}
.titulo_destacado h1{
	color:#00000;
	font-size:1em;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
.titulo_destacado h1 a{
	color:#000000;
	text-decoration:none;
}
.titulo_destacado h1 a:hover{
	color:#000000;
	text-decoration:underline;
}
.titulo_destacado h2{
	color:#c70202;
	font-size:1.5em;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
.titulo_destacado h2 a{
	color:#c70202;
	text-decoration:none;
}
.titulo_destacado h2 a:hover{
	color:#c70202;
	text-decoration:underline;
}
.descripcion_destacado{
	font-size:0.7em;
	color:#444444;
}
.enlaces_destacado{
	background-image:url(../images/misc/cuadraditos_listas.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:8px;
}
.enlaces_destacado p{
	font-size:0.7em;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}
.enlaces_destacado a{
	color:#c70202;
	text-decoration:none;
}
ul li a{
	color:#c70202;
	text-decoration:none;
}
.enlaces_destacado a:hover{
	color:#c70202;
	text-decoration:underline;
}
.otros_enlaces{
	margin-top:45px;
	background-image:url(../images/misc/icono_interrogante.gif);
	background-repeat:no-repeat;
	height:16px;
	padding-left:20px;
}
.otros_enlaces p{
	font-size:0.7em;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}
.otros_enlaces a{
	color:#c70202;
	text-decoration:none;
}
.otros_enlaces a:hover{
	color:#c70202;
	text-decoration:underline;
}
#img_video{
	float:left;
}

#capa_video{
	position:absolute;
	z-index:10;
}
#descargas_destacado{
	width:81px;
	float:right;
	font-size:0.7em;
	padding-top:3px;
	padding-left:10px;
}
.tit_descargas{
	color:#c70202;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#iconos{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666766;
}
#iconos a{
	color:#666766;
	text-decoration:none;
}
#contenedor_inferior{
	background-image:url(../images/misc/home_inferior.png) !important;
	background-image:url(../images/misc/home_inferior.gif);
	background-repeat:repeat-y;
	width:861px;
	height:auto;
	margin-top:15px;
	display:table;
	padding-bottom:20px;
	
}
#canales{
	width:331px;
	float:left;
	padding-left:20px;
	padding-top:32px;
}
#canales h2{
	font-size:0.9em;
	color:#4f4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#canales p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#7e7e7e;
}
#canales ul{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#7e7e7e;
	margin:0px;
	padding:0px;
	width:308px;
}
#canales ul li{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #666666;
}
#canales a{
	color:#7e7e7e;
	text-decoration:none;
}
#canales a:hover{
	color:#7e7e7e;
	text-decoration:underline;
}
#ultimos_videos{
	width:470px;
	float:right;
	padding-left:20px;
	padding-top:32px;
}
#ultimos_videos h2{
	font-size:0.9em;
	color:#4f4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
.bloque_ultimos_videos{
	border-bottom:1px dotted #666;
	min-height:95px;
	width:440px;
	margin-top:10px;
}

.img_video_ult{
	width:99px;
	height:74px;
	border:1px solid #989898;
	background-color:#FFFFFF;
	float:left;
	display:table;
	padding:5px;
}

.txt_ultimos_videos{
	float:right;
	padding-right:15px;
	width:300px;
}
.txt_ultimos_videos p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4f4c4c;
	margin:0px;
	padding:0px;
}
.txt_ultimos_videos a{
	color:#4f4c4c;
	text-decoration:none;
}
.txt_ultimos_videos a:hover{
	color:#4f4c4c;
	text-decoration:underline;
}
.tit_ult_videos{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.80em;
	color:#c70202;
	font-weight:bold;
	padding-bottom:10px;
}
.tit_ult_videos a{
	text-decoration:none;
	color:#c70202;
}
.tit_ult_videos a:hover{
	text-decoration:underline;
	color:#c70202;
}

/************************/
/*** PIE ****************/
/************************/
#pie{
	width:890px;
	hheight:30px;
	background-color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#fff;	
	margin:0px;
	margin-left:15px;
	ppadding-top:10px;
	padding:5px;
	text-align:center;

}
#pie a{
	color:#fff;
	text-decoration:none;
}
#pie a:hover{
	color:#fff;
	text-decoration:underline;

}
/*********************************************************************************************************************/
/********************************* PAGINAS INTERIORES ****************************************************************/
/*********************************************************************************************************************/

#migas{
	color:#9a9a9a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
#migas a{
	color:#9a9a9a;
	text-decoration:none;
}
#migas a:hover{
	color:#9a9a9a;
	text-decoration:underline;
}
#contenedor_superior{
	width:822px !important;
	width:810px;
	margin:0px;
	padding:20px;
	height:auto;
	background-color:#e8e8e8;
}
#contenedor_superior h1{
	margin:0px;
	padding:0px;
	color:#c70202;
	font-family:Verdana;
	font-size:1.2em;
	font-weight:normal;
}
#contenedor_superior h2{
	font-family:Verdana;
	font-size:0.9em;
	color:#000;
}
#contenedor_superior p{
	font-family:Verdana;
	font-size:0.7em;
	color:#444;
}

#contenedor_videos{
	background-color:#e8e8e8;
	min-height:200px;
}
.videos{
	width:187px;
	height:auto; /*la imagen que vaya en esta capa debe tener un tamaño de: 187*142 */
	margin-right:18px !important;
	margin-right:15px;
	float:left;
	display:table;
}
.img_transparente{
	position:absolute;
	z-index:10;
}
.img_videos{
	height:auto;
}
.nombre_videos{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#444;
	margin-top:3px;
	height:auto;
}
.nombre_videos a{
	color:#444;
	font-weight:bold;
	text-decoration:none;
}
.nombre_videos a:hover{
	color:#444;
	font-weight:bold;
	text-decoration:underline;
}
.nombre_curso{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
.nombre_curso a{
	color:#444;
	text-decoration:none;
}
.nombre_curso a:hover{
	color:#444;
	text-decoration:underline;
}
#top_videos{
	background-color:#f4f3f3;
	width:804px;
	padding-left:18px;
	padding-top:24px;
	padding-bottom:10px;
	min-height:180px;
	margin-top:10px;
	height:800px;
	*height:auto;
}
#archivo{
	float:left;
	width:240px;
	height:auto;
	display:table;
}
#top_videos h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#c70202;
	font-size:0.8em;
}
.mes_activo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#3f3f3f;
	padding-bottom:3px;
}
.mes_activo a{
	text-decoration:none;
	color:#3f3f3f;
	}
.mes_activo a:hover{
	text-decoration:underline;
	color:#3f3f3f;
	}	
.mes_inactivo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#b9b6b6;
}
.mes_inactivo a{
	text-decoration:none;
	color:#b9b6b6;
	}
.mes_inactivo a:hover{
	text-decoration:underline;
	color:#b9b6b6;
	}	
.select_archivo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.70em;
	color:#3f3f3f;
	margin-top:10px;
}

#contenedor_mas{
	width:540px;
	float:right;
	display:table;
}
.lo_mas{
	width:535px;
}
.lo_mas a {color:#3f3f3f;text-decoration:none;}
.lo_mas a:hover {color:#3f3f3f;text-decoration:underline;}
.lo_mas ul{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#3f3f3f;
}
.lo_mas ul li{
	background-image:url(../images/misc/cuadraditos_listas.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	*background-position:0px 8px;
	padding-left:8px;
	margin-bottom:3px;
}
#contenedor_cursos{
	background-color:#f6f4f4;
	width:843px;
	height:auto;
	margin-top:10px;
	padding-left:18px;
	padding-top:20px;
	display:table;
	padding-bottom:20px;
}
#contenedor_cursos h2{
	font-size:0.9em;
	color:#4f4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
.categorias_canales{
	width:260px;
	padding-left:15px; 
	float:left;
}
.categorias_canales h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#c70202;
	font-size:0.7em;
	font-weight:normal;
}

.categorias_canales ul{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#3f3f3f;
	padding:0px;
	margin:0px;
}
.categorias_canales ul li{
	background-image:url(../images/misc/cuadraditos_listas.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding-bottom:5px;
	padding-top:5px;	
	padding-left:10px;
	border-bottom:1px dotted #666;
}
.categorias_canales ul li a{color:#3f3f3f;text-decoration:none;}
.categorias_canales ul li a:hover{color:#3f3f3f;text-decoration:underline;}

.categorias_canales_largo{
	width:500px;
	padding-left:15px; 
	float:left;
}

.categorias_canales_largo ul{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#3f3f3f;
	padding:0px;
	margin:0px;
}
.categorias_canales_largo ul li{
	background-image:url(../images/misc/cuadraditos_listas.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding-bottom:5px;
	padding-top:5px;	
	padding-left:10px;
	border-bottom:1px dotted #666;
}
.categorias_canales_largo ul li a{color:#3f3f3f;text-decoration:none;}
.categorias_canales_largo ul li a:hover{color:#3f3f3f;text-decoration:underline;}

.contenedor_listados_canales{
	margin-top:15px;
	height:auto;
	/*border-bottom:1px solid #ccc;*/
}
#otros_canales{
	background-color:#f6f4f4;
	width:843px;
	height:auto;
	padding-left:18px;
	margin-top:10px;
	padding-top:20px;
}
#otros_canales h2{
	font-size:0.9em;
	color:#4f4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	
}
.select_canales{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.70em;
	color:#3f3f3f;
	margin-top:10px;
}

/*****************************/
/*********VIDEO **************/
/*****************************/
#contenedor_comentarios{}

#contenedor_comentarios h2{
	font-size:0.9em;
	color:#4f4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	margin-bottom:18px;
	margin-top:30px;
	padding-left:19px;
}
.comentario_claro{
	background-color:#F6F4F5;
	border-bottom:1px solid #CBC9CA;
	padding-top:10px;
	padding-left:48px;
	padding-bottom:18px;
}
.comentario_oscuro{
	background-color:#E8E8E8;
	border-bottom:1px solid #CBC9CA;
	padding-top:10px;
	padding-left:48px;
	padding-bottom:18px;
}
.fecha_comentario p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0px;
	padding:0px;
	font-style:italic;
}
.nombre_comentario p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0px;
	padding:0px;
	margin-bottom:16px;
}
.txt_comentario p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0px;
	padding:0px;
}
#formulario{
	margin-top:40px;
	padding-left:23px;
}
#formulario h2{
	font-size:0.9em;
	color:#4f4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	margin-bottom:18px;

}
#formulario tr {
	height:25px;
}
.txt_formulario{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4E4C4D;
}
.input_formulario{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4E4C4D;
	width:165px;
}
.input_formulario2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4E4C4D;
	width:130px;
}
.textarea_formulario{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4E4C4D;
	width:290px;
}
#paginacion{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin-top:10px;
	text-align:center;
}
#paginacion a{
	color:#4E4C4D;
	text-decoration:none;
}
#paginacion a:hover{
	color:#4E4C4D;
	text-decoration:underline;
}
/*****************************/
/*****************************/
/*****************************/
#contenedor_videos_curso{
	background-color:#e8e8e8;
	min-height:200px;
	width:600px;
	float:left;
}
#contenedor_videos_curso .videos{
	margin:0px;
	padding:0px;
	margin-right:13px;
	margin-bottom:20px;
}
#top_videos_curso{
	background-color:#D3D1D2;
	width:220px;
	padding-left:18px;
	padding-top:24px;
	padding-bottom:10px;
	float:right;
	margin-right:-20px;
}
#top_videos_curso h3{
	font-family:Verdana;
	color:#c70202;
	font-size:0.8em;
}
#contenedor_superior h4{
	color:#3F3F3F;
	font-size:1.2em;
	font-weight:normal;
	font-family:Verdana;
	margin:0px;
	padding:0px;
}

/*************************/
/*** PAGINAS PLANAS ******/
/*************************/
#textos{
	margin:0px;
	padding:0px;
	height:auto;
	}
#textos h1{
	font-family:Verdana;
	color:#c70202;
	font-size:1.2em;
}
#textos h2{
	font-family:Verdana;
	color:#c70202;
	font-size:1em;
}
#textos p{
	font-family:Verdana;
	color:#444;
	font-size:0.7em;
}
#textos a{
	color:#c70202;
	text-decoration:none;
}
#textos a:hover{
	text-decoration:underline;
}
#textos ul{
	margin:20px 0px;
	padding:0px;
	list-style-type:none;
	font-family:Verdana;
	}

#textos ul li{
	margin:0px;
	margin-left:30px;
	padding:0px;
	padding-bottom:5px;
}
#textos ul li a{
	padding-left:10px;
	color:#444;
	font-size:.7em;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/misc/flecha1.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}
#textos ul li a:hover{
	text-decoration:underline;
}
#textos ul li ul{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}
#textos ul li ul a{
	color:#444;
	text-decoration:none;
	font-size:.7em;
	font-weight:normal;
	background-image:url(../images/misc/flecha2.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}
#textos ul li ul li a:hover{
	text-decoration:underline;
}
/**************************/
/** RESULTADOS BUSQUEDA ***/
/**************************/

#resultado_buscador{
	margin:15px auto;
	padding:0px;
	height:auto;
	width:850px;
	}
#resultado_buscador a{
	padding:0px 5px;
	font-family:verdana;
	font-size:.7em;
	color:#444;
	text-decoration:underline;
	}
#resultado_buscador a:hover{
	text-decoration:underline;
	}
.titular_rojo{
	padding:0px 5px;
	font-family:Verdana;
	color:#c70202;
	font-size:0.9em;
	font-weight:bold;
	text-align:left;	
}
.bolillo_lista{
	background-image:url(../images/misc/cuadraditos_listas.gif);
	background-repeat:no-repeat;
	background-position:3px 13px;
	padding-left:5px;
}
.comentario{
font-size:9px;
}
.captcha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	border: thin solid #CC6600;
	margin-right: 5px;
	font-weight: bold;
}

/* Sistema Votacion */
.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{
	background: url(../votacion/star.gif) left -1000px repeat-x;
}

.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

.star-rating li{
	display: inline;
}

.star-rating a,.star-rating .current-rating, .star-rating span{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus{
	background-position: left bottom;
}

.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}

.small-star{
	width:50px;
	height:10px;
}

.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{
	background-image: url(../votacion/star_small.gif);
	line-height: 10px;
	height: 10px;
}

.votos{
	line-height:20px;
	margin-left:10px;
	margin-right:5px;
	font-size:10px;
	color:#948989;
}
/* Fin sistema Votacion */