@charset "utf-8";
/* CSS ITE Ampliación 2009 */

.clear_fix{height: 0px; line-height: 0px; font-size: 0px; margin: 0; padding: 0; clear: both; width: 100px;}
.float_left{float: left;}
.float_right{float: right;}

.marginR5px{margin-right: 5px;}
.paddingtop5px{padding-top: 5px;}
p{text-align: justify;}
ol{margin: 0 0 0 10px; padding: 10px;}

.alignleft{ text-align: left;}
.aligncenter{ text-align: center;}
.alignright{ text-align: right;}
.alignjustify{ text-align: justify;}


.main_container{width: 910px; margin: auto; font-family: Arial; font-size: 12px; color: #000; padding-top: 20px;}
.main_container .left_block{width: 300px; float: left;}
.main_container .right_block{width: 600px; float: right;}

.main_container_logged{width: 910px; margin: auto; font-family: Arial; font-size: 12px; color: #000; padding-top: 20px;}
.main_container_logged .left_block{width: 655px; float: left; border: solid 1px #d9d9d9;}
.main_container_logged .right_block{width: 250px; float: left;}


.newH1{width: 100%; font-family: arial; font-size: 15px; color: #1f99c2; border-bottom: solid 5px #f3f3f3; margin: 0 0 15px 0; padding: 0}
.separador3px{ height: 3px; margin: 0; padding: 0; line-height: 0; font-size: 0;}
.separador5px{ height: 5px; margin: 0; padding: 0; line-height: 0; font-size: 0;}
.separador10px{ height: 10px; margin: 0; padding: 0; line-height: 0; font-size: 0;}
.separador15px{ height: 15px; margin: 0; padding: 0; line-height: 0; font-size: 0;}
.separador20px{ height: 20px; margin: 0; padding: 0; line-height: 0; font-size: 0;}


/* MENU LVL 1 */
.menu_lvl_1{ height: 27px; text-align: left; padding-bottom: 2px;}
.menu_lvl_1 ul{ margin: 0; padding: 0; list-style-type: none;}
.menu_lvl_1 ul li{ display: inline; float: left; padding: 0;}
.menu_lvl_1 ul li a { padding: 7px 15px; display: block; font-weight: bold; color: #000; text-transform: capitalize; text-decoration: none; background: #d3d3d3; margin-right: 2px;}
.menu_lvl_1 ul li a:hover, .menu_lvl_1 ul li a.active{color: #FFF; background: #0063b6;}

/* MENU LVL 2 */
.menu_lvl_2{ text-align: left; font-size: 12px; padding-top: 1px;}
.menu_lvl_2 ul{ margin: 0; padding: 0; list-style-type: none;}
.menu_lvl_2 ul li{ line-height: 26px; padding: 0; padding-bottom: 2px;height: 26px; background: none; list-style-image: none;}
.menu_lvl_2 ul li a{ width: 230px; height: 26px; padding-left: 20px; display: block; font-weight: bold; color: #000; text-decoration: none; background: #f3f3f3;}
.menu_lvl_2 ul li a:hover, .menu_lvl_2 ul li a.active{color: #FFF; background: #1f99c2;}

/* MENU LVL 3 */
.menu_lvl_3{ height: 27px; text-align: left; width: 550px; float: left;}
.menu_lvl_3 ul{ margin: 0; padding: 0; list-style-type: none;}
.menu_lvl_3 ul li{ display: inline; float: left; background: none; list-style-image: none; padding: 0;}
.menu_lvl_3 ul li a{ padding: 7px 15px; display: block; font-weight: bold; color: #000; text-transform: capitalize; text-decoration: none; background: #fff; margin-right: 2px; border: solid 1px #bfbfbf;}
.menu_lvl_3 ul li a:hover, .menu_lvl_3 ul li a.active{color: #0063be; background: #dadada;}

/*ESTILOS GENERALES PARA LEFT BLOCK */
.section_title{height: 26px; padding-left: 10px; font-weight: bold; color: #FFF; background: #0063b6; line-height: 24px; font-size: 12px;}
.section_content{ padding: 10px;}
.section_content h1{ text-transform:uppercase; font-size: 12px; color: #1f99c2; margin: 0 0 10px 0; padding: 0;}
.separador3px{ height: 3px;}
.separador10px{ height: 10px;}
.separador15px{ height: 15px;}
.separador20px{ height: 20px;}

/*LINKS */
/*
.links_01{ font-size: 12px; color: #000;}
.links_01 a{color: #000; text-decoration: underline;}
.links_01 a:hover{text-decoration: none;}*/


/*PAGINADOR*/
.paginador{height: 26px; padding-right: 10px; text-align: right; color: #000; background: #f3f3f3; line-height: 24px; font-size: 12px; margin: 10px 0;}
.paginador ul{margin: 0; padding: 0; list-style-type: none;}
.paginador ul li{display: inline;}
.paginador ul li a{ text-decoration: none; margin: 0 3px; color: #000;}
.paginador ul li a:hover, .paginador ul li a.active{ font-weight: bold; color: #0da0d3;}


/****************************************************** SECCIONES ESPECIFICAS *************************************************************/
/* MIS CONTRIBUCIONES - INFO GRAL */
.fila_de_imgs{}
.fila_de_imgs .item{width: 100px; height: 100px; float: left; text-align: center; margin-right: 30px;}
.fila_de_imgs .item.last_item{margin-right: 0px;}
.fila_de_imgs .item .img{width: 92px; height: 74px; border: solid 3px #e1dfe0; overflow: hidden; background: #333; margin-bottom: 3px;}

.bloque_mejor_valoradas{ width: 330px; float: left; margin-top: 5px;}
.bloque_estadisticas{ width: 200px; float: right; margin-top: 5px;}

/* ESTADISTICAS */
.tabla_estadisticas{ text-align: center;}
.tabla_estadisticas .barra_titulo{background: #f3f3f3;}
.contribuciones_x_mes{width: auto; float: left;}
.visitas_x_mes{width: auto; float: left;}


/* LISTA DE TIPO 1*/
.lista_tipo_1{margin: 0; padding: 0; list-style-type: none;}
.lista_tipo_1 li{padding: 0 0 5px 0; height: auto;}


/* LISTADO DE MEDIAS */
.select_ordenar_x{ float: right; width: 140px; padding-top: 5px;}
.select_ordenar_x form{ margin: 0; padding: 0;}
.select_ordenar_x select{ width: 140px; font-family: arial; font-size: 12px; color:#555555;}

.bloque_listado_medias{ margin: 3px 0 0 0; padding-top: 3px;}
.bloque_listado_medias .item{ border: solid 1px #bfbfbf; background:  #FFF; padding: 10px; margin-bottom: 10px;}
.bloque_listado_medias .item .titulo{ font-weight: bold; float: left; color: #0063b6; width: 500px; font-size:14px; }
.bloque_listado_medias .item .titulo .publicado{color: #48b623;}
.bloque_listado_medias .item .titulo .enrevision{color: #e9a305;}
.bloque_listado_medias .item .titulo .rechazado{color: #f10b28;}
.bloque_listado_medias .item .iconos{ float: right; width: 60px;}
.bloque_listado_medias .item .iconos img{ border: none;}
.bloque_listado_medias .item .img{width: 92px; height: 92px; border: solid 3px #e1dfe0; overflow: hidden; background: #333; margin: 5px 10px 10px 0; float: left;}
.bloque_listado_medias .item .info{width: 500px; float: right; text-align: left;}

/* FORMULARIOS */
.buscar_x_form, .editar_perfil_form{width: 100%; font-size: 12px;}
.buscar_x_form form, .editar_perfil_form form{margin: 0; padding: 0;}
.buscar_x_form .label, .editar_perfil_form .label{width: 150px; text-align: right; padding-right: 0px; line-height: 12px;}
.buscar_x_form .campos, .editar_perfil_form .campos{text-align: left;}

.buscar_x_form .campos .inputtext, .editar_perfil_form .campos .inputtext{font-family: arial; width: 350px; padding: 1px; text-align: left; color: #666666; font-size: 12px;}
.buscar_x_form .campos .inputtext_fecha, .editar_perfil_form .campos .inputtext_fecha{font-family: arial; width: 171px; padding: 1px; text-align: left; color: #666666; font-size: 12px; float: left; margin-right: 5px;}
.buscar_x_form .campos .ver_calendario, .editar_perfil_form .campos .ver_calendario{width: 167px; float: left;}
.buscar_x_form .campos .ver_calendario a, .editar_perfil_form .campos .ver_calendario a{ width: 167px; display: block; padding: 2px; text-align: center; color: #fff; font-size: 12px; float: left; border: solid 1px #3c3c3c; background: #1f99c2; text-decoration: none;}
.buscar_x_form .campos .ver_calendario a:hover, .editar_perfil_form .campos .ver_calendario a:hover{ background: #0063b6;} 
.buscar_x_form .buscar_btn, .editar_perfil_form .buscar_btn{width: 80px; padding: 2px; text-align: center; color: #fff; font-size: 12px; border: solid 1px #000; background: #0063b6; text-decoration: none; font-weight: bold; cursor: pointer; float: right; ; }
.buscar_x_form .buscar_btn:hover, .editar_perfil_form .buscar_btn:hover{background: #1f99c2;}
.buscar_x_form .select_form{ width: 356px; font-family: arial; font-size: 12px; color:#555555;}


.editar_perfil_form .select_form{ width: 356px; font-family: arial; font-size: 12px; color:#555555;}
.editar_perfil_form .inputfile{width: 356px;}

.editar_perfil_form .upload{ height: 25px; background: #0C3; width: 356px;}
.editar_perfil_form .inputtextarea{font-family: arial; font-size: 12px; width: 351px; height: 110px; color: #666666;}
.editar_perfil_form .inputtextarea2{font-family: arial; font-size: 12px; width: 351px; height: 80px; color: #666666;}



/* FORMULARIOS */
.new_form{width: 100%; font-size: 12px;}
.new_form form{margin: 0; padding: 0;}
.new_form .label{width: 150px; text-align: right; padding-right: 0px; line-height: 12px;}
.new_form .campos{text-align: left;}

.new_form .inputtext{font_family: arial; width: 270px; padding: 1px; text-align: left; color: #666666; font-size: 12px;}
.new_form .inputtext_fecha{font_family: arial; width: 171px; padding: 1px; text-align: left; color: #666666; font-size: 12px; float: left; margin-right: 5px;}
.new_form .campos .ver_calendario{width: 167px; float: left;}
.new_form .campos .ver_calendario a{ width: 167px; display: block; padding: 2px; text-align: center; color: #fff; font-size: 12px; float: left; border: solid 1px #3c3c3c; background: #1f99c2; text-decoration: none;}
.new_form .campos .ver_calendario a:hover{ background: #0063b6;} 
.new_form .select_form{ width: 276px; font-family: arial; font-size: 12px; color:#555555;}
.new_form .inputfile{width: 276px;}
.new_form .inputtextarea{font-family: arial; font-size: 12px; width: 271px; height: 110px; color: #666666;}

/* Botones */
.new_form .btn_crear_cuenta{width: 110px; padding: 2px; text-align: center; color: #fff; font-size: 12px; border: solid 1px #000; background: #0063b6; text-decoration: none; font-weight: bold; cursor: pointer; float: right;}
.new_form .btn_crear_cuenta:hover{background: #1f99c2;}
.new_form .buscar_btn{width: 80px; padding: 2px; text-align: center; color: #fff; font-size: 12px; border: solid 1px #000; background: #0063b6; text-decoration: none; font-weight: bold; cursor: pointer; float: right;}
.new_form .buscar_btn:hover{background: #1f99c2;}

/* Contraseña*/
.fortacelar_contrasena{width: 356px; padding-top: 5px;}
.fortacelar_contrasena .modulo {width: 170px; float: left; text-align: left;}
.fortacelar_contrasena .modulo .barra {width: 170px; text-align: left; height: 3px; background: #c0c0c0; overflow: hidden;}
.fortacelar_contrasena .enlace{width: 170px; float: right; text-align: right; height: 25px; line-height: 25px; padding-top: 2px;}

/* Campos obligatorios */
.campos_obligatorios{ text-align: left; padding-top: 5px;}

/* mensaje de error*/
.feedback_box{ background: #FCC; border: solid 2px #F00; padding: 10px;}
.feedback_box .titulo{ font-weight: bold; color: #C00; text-transform: uppercase; font-size: 13px;}

#passwordStrength
{
	height:3px;
	display:block;
	float:left;
}

.strength0
{
	width:70px;
	background:#cccccc;
}

.strength1
{
	width:90px;
	background:#ff0000;
}

.strength2
{
	width:110px;	
	background:#ff5f5f;
}

.strength3
{
	width:130px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:150px;
}

.strength5
{
	background:#399800;
	width:170px;
}

.strengthcolor_0{color:#cccccc; font-weight: bold;}
.strengthcolor_1{color:#ff0000; font-weight: bold;}
.strengthcolor_2{color:#ff5f5f; font-weight: bold;}
.strengthcolor_3{color:#56e500; font-weight: bold;}
.strengthcolor_4{color:#4dcd00; font-weight: bold;}
.strengthcolor_5{color:#399800; font-weight: bold;}




/**************************** MI CUENTA **********************************/

/* INFO GRAL */
.mi_cuenta_info_gral{}
.mi_cuenta_info_gral .img{width: 92px; height: 92px; border: solid 3px #e1dfe0; overflow: hidden; background: #333; margin: 0 10px 10px 0; float: left;}
.mi_cuenta_info_gral .info{width: 500px; float: right; text-align: left;}

/* POLITICA DE CONTRIBUCIONES */
.btn_acepto, .btn_acepto2, .btn_lotes{width: 200px; padding: 2px; text-align: center; color: #fff; font-size: 12px; border: solid 1px #000; background: #0063b6; text-decoration: none; font-weight: bold; cursor: pointer; float: right;}
.btn_acepto:hover, .btn_acepto2:hover, .btn_lotes:hover{background: #1f99c2;}
.btn_acepto2{ width: 80px;}
.btn_lotes{width: 130px;}


/************************** SUBIR NUEVA CONTRIBUCIÓN *************************/
#contenedor_subidas{padding-top: 3px; margin: 0}
.nota_derecha_consejos{padding: 0 10px; border: solid 1px #d9d9d9;}

/* HTTP */
.http_subir_item{border: solid 1px #d9d9d9; padding: 0 8px 8px 8px;}
.otra_contribucion{ margin-top: 10px; padding: 10px; border: solid 1px #dadada; background: #ebebeb; float: left; width: 612px;}
.otra_contribucion .texto{width: 200px; float: left; padding-top: 3px;}
.otra_contribucion .btn{width: 200px; float: right;}

/* FTP */
.http_subir_item .comentarios{ background: #efefef; padding: 10px; margin-top: 10px;}

/*DERECHOS DE AUTOR */
.derechos_de_autor{}
.derechos_de_autor .titulo{ font-size: 12px; font-weight: bold; color: #2099c6;}


/* BOTONES */
.btn_volver_inicio{width: 200px; padding: 2px; text-align: center; color: #fff; font-size: 12px; border: solid 1px #000; background: #0063b6; text-decoration: none; font-weight: bold; cursor: pointer; float: right;}

/* COMENTARIOS SOBRE IMGS */
.comentarios_media{ padding: 10px 0; font-size: 12px; padding-bottom: 10px; border-bottom: solid 4px #f0f0f0;}
.comentarios_media .fecha{font-size: 10px;}
.comentarios_media .titulo{font-size: 12px; color:#0063B6; font-weight:bold;}


/* CSS ITE Portada nueva */


/* Estos estilos deben ser cortados y pegados en index.css */
.portada_20100503{width: 940px;	margin: auto; font-family: arial; height: 400px;}
.portada_20100503 .col_izq{width: 240px; float: left;}
.portada_20100503 .col_izq .btn{width: 230px; height: 15px; background: url(../img/20100310_bg_btns_portada.jpg) repeat-y; font-size: 12px; color: #686868; padding: 5px 0 5px 5px; margin-bottom: 8px;  text-align:left}
.portada_20100503 .col_izq .btn a{color: #666; font-weight: bold; text-decoration: none;}
.portada_20100503 .col_izq .btn a:hover{color: #1f99c2;}
.portada_20100503 .col_izq .btn_colecciones{width: 235px; height: 50px; background: #ededed; margin-bottom: 8px;}
.portada_20100503 .col_izq .btn_colecciones img{float: left; margin: 0;}
.portada_20100503 .col_izq .btn_colecciones a{float: left; font-size: 20px; color: #024677; text-decoration: none; top: 2px; left: 10px; position: relative;}
.portada_20100503 .col_izq .btn_colecciones a strong{top: 10px; left: 5px; position: relative;}
.portada_20100503 .col_izq .btn_colecciones a:hover{color: #666666; }
.portada_20100503 .col_central{width: 415px; float: left; margin: 0 0 0 55px;}
.portada_20100503 .col_der{width: 230px; float: right;}
.portada_20100503 .col_der .ultimas_incorporaciones{ background: #efefef; font-size: 12px; color: #1f99c2; padding: 7px; width: 140px; text-align:center}
.portada_20100503 .col_der .ultimas_incorporaciones table{ margin-top: 5px}
.portada_20100503 .col_der .ultimas_incorporaciones img{ border-width: 0; margin-top: 15px;}
.portada_20100503 .col_izq .colabora{width: 215px; background: #e4e4e4; padding: 10px;}
.portada_20100503 .col_izq .colabora p{ font-size: 12px; color: #000; line-height: 14px; margin: 0; padding-left: 45px; text-align: left;}
.portada_20100503 .col_izq .colabora a{font-size: 20px; color: #024677; text-decoration: none; height: 35px; display: block;}
.portada_20100503 .col_izq .colabora a strong{ float: left; top: 5px; left: 8px; position: relative;}
.portada_20100503 .col_izq .colabora a img{ float: left}
.portada_20100503 .col_izq .colabora a:hover{color: #1f99c2;}

.portada_20100503 .normalizador{margin: 0; padding: 0; clear: both; font-size: 0; line-height: 0;}

/* ULTIMAS INCORPORACIONES */
.ultimas_incorporaciones{float: left; width: 600px;	margin: 0 0 0 50px; font-family: arial;}
.ultimas_incorporaciones th{height: 27px; background: #f4f9fc; font-size: 12px; color: #000;}
.ultimas_incorporaciones th .th_flechas{float: left; width: 18px; height: 18px; margin-left: 5px; margin-right: 10px;}
.ultimas_incorporaciones th .th_flechas a{float: left; height: 9px; width: 18px; display: block;}
.ultimas_incorporaciones th .th_flechas a.up{background: url(../img/th_fechas.gif) no-repeat left top; margin-bottom: 1px;}
.ultimas_incorporaciones th .th_flechas a.down{background: url(../img/th_fechas.gif) no-repeat left bottom;}
.ultimas_incorporaciones th .th_flechas a:hover.up{background: url(../img/th_fechas.gif) no-repeat right top;}
.ultimas_incorporaciones th .th_flechas a:hover.down{background: url(../img/th_fechas.gif) no-repeat right bottom;}
.ultimas_incorporaciones tr{height: 27px; font-size: 12px; color: #1f9bc1;}
.ultimas_incorporaciones tr.gris{background: #f3f3f3;}
.ultimas_incorporaciones tr a{color: #1f9bc1; text-decoration: none;}
.ultimas_incorporaciones tr a:hover{text-decoration: underline; color: #333;}