/*
 * @paquete Archivo de applicacion
 * @Archivo css_general.css	
 * @ruta includes/css/
 * @copyright Copyright Mas Fusion, S.C. 2009
 * @contacto http://www.masfusion.com richard@masfusion.com
 * @version 1.0
*/

/* Jquery Corner */
.jquery-corner {position: relative; z-index: 1;}

/* Generales */
html {background:url(../../img/background_general.jpg) #111111  no-repeat top center;} /* Hack para IE 6 - PNG Fix - XAJAX */
body {background:url(../../img/background_general.jpg) #111111  no-repeat top center; margin:0 auto; width:990px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:62.5%; font-weight:normal}
.bg_contenido {background:url(../../img/bg_contenido2.png); font-size:11px}
.contenido {padding:10px;}
.fixTop {font-size:9px;} /* Solo para IE 6 */
.separador {border-top:1px solid #191717; border-bottom:1px solid #322F2F; width:900px; margin:0 auto; overflow:hidden; height:0px;}
form {margin:0px; padding:0px;}
.font_doce {font-size:12px !important;}
.colaborador img, .colaborador img a, .colaborador a {cursor:pointer !important;}
.no_borde {border:none !important;}

/* Publicidad */
.padding_banner img {margin:0px 3px 0px 3px;}
.publicidad {color:#FFFFFF;}

/* Contador */
.contador {margin:10px;}

/* Fix PNG IE 6 */
img, div, td { behavior: url("iepngfix.htc") }

/* Footer */
.footer {background:#231F1F; padding:0px;}
.foot {margin-bottom:10px;}

/* Preloader */
.msg_cargando {color:#FFFFFF; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px}

/* Banners */
.banner_right {padding-top:100px;}

/* Estilos para textos con SIFR */
.texto_blanco {font-size:2.8em;}
.texto_rosa {font-size:2.8em; color:#DD0369}
.texto_rosa_chico {font-size:1.8em; color:#DD0369; border-bottom:1px solid #DD0369; position:absolute; margin-top:0px; width:450px; display:block; text-indent:5px;}
.texto_blanco_mediano {font-size:2.9em;}
.texto_blanco_chico {font-size:2em;}
.texto_rosa_mediano {font-size:2.9em; color:#DD0369}
.texto_rosa_mediano2 {font-size:2.2em; color:#DD0369}

/* Votacion finalistas */
.finalistas {padding-left:18px; margin:3px; margin-left:5px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF}
.link_finalista {text-decoration:none; color:#038687; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.link_finalista:hover {color:#235F8F;}
.votacion {position:absolute; margin:-2px 0 0 -20px;}

/* Banners */
.banner_01 {position:relative; z-index:20px;}

/* Menu general */
.menu {margin:0px; padding:0px;}
.menu a {height:93px; display:block;}
.menu a span {display:none;}
.separador_menu {padding-top:50px; text-align:center}

/* Enlaces del menu */
.enlace_1, .enlace_2, .enlace_3, .enlace_4, .enlace_5, .enlace_6, .enlace_7 {display:block; background: url(../../img/botonera_general.png) no-repeat;}
.enlace_1 {background-position:-10px 5px; width:57px;}
.enlace_2 {background-position:-91px 5px; width:69px;}
.enlace_3 {background-position:-187px 5px; width:61px;}
.enlace_4 {background-position:-276px 5px; width:58px;}
.enlace_5 {background-position:-359px 5px; width:86px;}
.enlace_6 {background-position:-472px 5px; width:107px;}
.enlace_7 {background-position:-607px 5px; width:73px;}

/* Rollovers del menu */
.enlace_1b, .enlace_2b, .enlace_3b, .enlace_4b, .enlace_5b, .enlace_6b, .enlace_7b {display:block; background: url(../../img/botonera_general.png) no-repeat;}
.enlace_1b, .menu#reina_actual .enlace_1  {background-position:-10px -102px; width:57px;}
.enlace_2b, .menu#finalistas .enlace_2  {background-position:-91px -102px; width:69px;}
.enlace_3b, .menu#galeria .enlace_3  {background-position:-187px -102px; width:61px;}
.enlace_4b, .menu#videos .enlace_4  {background-position:-276px -102px; width:58px;}
.enlace_5b, .menu#reinas_anteriores .enlace_5  {background-position:-359px -102px; width:86px;}
.enlace_6b, .menu#colaboradores .enlace_6  {background-position:-472px -102px; width:107px;}
.enlace_7b, .menu#contacto .enlace_7  {background-position:-607px -102px; width:73px;}

/* Inicio */
.header_inicio {margin-bottom:30px;}
.title_inicio_blanco {margin-left:10px;}
.title_inicio_rosa {margin-top:-15px; margin-left:20px; position:absolute; width:370px;}
.reinas_anteriores_img {position:absolute; z-index:2; margin-left:10px; margin-top:-30px}
.contenido_contador_inicio {color:#FFFFFF; margin-top:110px; margin-bottom:20px; margin-left:50px}
.reina {width:285px; margin-top:10px; margin-left:20px;}
.titulo_reina {color:#666666; padding-bottom:5px; border-bottom:1px solid #DD0369; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:-5px;}
.link_reina {text-decoration:none; color:#038687; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px; z-index:20; position:relative}
.link_reina:hover {color:#235F8F;}
.separador_inicio {width:835px; border-top:1px solid #191717;  margin:0 auto; overflow:hidden; height:0px; position:absolute; margin-left:-295px; margin-top:15px;}
.link_reina_absolute {position:absolute; margin-left:348px; margin-top:98px}
.link_reina_absolute a {font-size:11px;}
.subseccion_inicio {border-bottom:1px solid #666666; width:200px; padding:10px 0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666}
.subseccion_inicio span {display:block; margin-top:3px;}
.karla_carrillo_home {position:relative; margin-top:-15px; margin-right:30px;}
.borde_left_secciones {border-left:1px solid #666666; padding:10px;}
.seccion_galeria {margin-top:-20px; position:relative; z-index:50}

/* Reina actual */
.title_reina_actual_blanco, .title_reina_actual_rosa {position:absolute;}
.title_reina_actual_blanco {margin-left:20px; margin-top:-10px;}
.title_reina_actual_rosa {margin-top:20px; margin-left:90px;}
.separador_reina_actual {border-top:1px solid #191717; border-bottom:1px solid #322F2F; width:830px; margin:0 auto; overflow:hidden; height:0px; margin-left:15px;}
.contenedor_texto_blanco_mediano, .contenedor_texto_rosa_mediano {position:absolute;}
.contenedor_texto_blanco_mediano {margin:-20px 0 0 30px;}
.contenedor_texto_rosa_mediano {margin:-20px 0 0 375px;}
.reinas_actuales img {position:absolute; z-index:2; margin:-70px 0 0 -40px;}
.reina_actual {width:300px; z-index:3; padding:10px}
.reina_actual a {margin-top:20px;}
.contenido_reina {padding:5px; padding-left:0px;}
.contenido_reina2 {padding:5px; padding-right:0px;}
.reina_actual_detalle {margin-left:20px; width:350px;}
.contenido_reina_actual {padding:5px; padding-left:0px; margin-left:20px; width:400px; font-size:11px;}
.paginador_img {text-decoration:none; color:#DD0369; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px;}
.paginador_img:hover {color:#FFFFFF;}
.link_bco_rosa {text-decoration:none; color:#FFFFFF; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px;}
.link_bco_rosa:hover {color:#DD0369;}
.nombre_reina_actual2 {margin-right:-42px;}

/* Finalistas */
.title_finalistas_blanco, .title_finalistas_rosa {position:absolute;}
.title_finalistas_blanco {margin-left:10px; margin-top:-10px;}
.title_finalistas_rosa {margin-left:10px; margin-top:20px;}
.finalista {width:120px;}
.img_finalista {width:120px; height:120px;}
.img_finalista img, .img_finalista a img, .img_finalista a, .fotografia_finalista, .fotografia_finalista a img, .fotografia_finalista a {cursor:pointer !important; outline:none}
.datos_finalista {color:#FFFFFF; margin-top:5px; display:block; color:#9E9E9E;}
.nombre_finalista {font-size:12px; color:#DDDDDD}

/* Finalista */
.nombre_finalista_blanco {margin-top:-10px; margin-left:10px; position:absolute}
.vineta_datos_finalista {margin-right:10px;}
.texto_gris {color:#534C53; font-size:13px;}
.contenido_datos_finalista {font-size:13px;}
.lupa {position:absolute; margin-top:-25px; margin-left:75px;}
.fotografia_finalista {width:102px; height:170px;}
.categoria_fotografia {font-size:13px; display:block; width:102px; margin-top:5px;}
.votar {position:absolute; margin-top:-30px; margin-left:75px;}

/* Reinas anteriores */
.contenido_reina_anterior {width:300px; padding-top:5px; border-top:1px solid #DD0369;}
.anio {margin-top:20px; margin-bottom:20px;}

/* Contacto */
.borde_formulario_contacto {border-right:1px solid #262525; padding:10px 0 0 70px;}
.contenido_contacto {padding-left:40px; color:#818181; font-size:12px; padding-top:40px;}
.televisa {font-size:14px; font-weight:bold}
.link_contacto {text-decoration:none; color:#818181; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px;}
.link_contacto:hover {color:#DD0369; cursor:pointer}

/* Formulario de contacto */
#formulario_contacto {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#717074; margin-top:5px; color:#DDDDDD}
#formulario_contacto .campo {width:305px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:none; border-bottom:1px solid #DD0369; margin:5px 0 10px 10px; background:#232323; color:#DDDDDD}
#formulario_contacto .textarea {width:380px; height:120px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:none; border-bottom:1px solid #DD0369; margin-top:2px; margin-top:5px; background:#232323; color:#DDDDDD}
#formulario_contacto .btn {background:url(../../img/btn/enviar.jpg) no-repeat; color:#FFFFFF; font-size:11px; border:none; width:70px; height:30px; margin-top:10px; cursor:pointer; margin-bottom:20px;}
.cerrar, .cerrar2 {background:#FFFFFF; border:1px solid #E39797; font-family:Tahoma; font-size:12px; color:#E39797; margin-top:10px; cursor:pointer; width:90px;}
.cerrar2 {border:1px solid #339900; color:#339900; width:90px;}
.bg_campo {padding-top:0px;}
.obligatorios {font-family:Verdana, Arial, Helvetica, sans-serif; color:#DD0369; font-size:13px; display:block; letter-spacing:-1px; margin-top:3px; margin-left:10px;} 

/* Aviso del formulario_contacto */
#bg_mensaje {opacity: 0.5; filter: alpha(opacity = 50); background:#333333; padding:10px; display:none; width:400px; height:320px; position:absolute; margin-left:55px; margin-top:5px;}
#mensaje {text-transform:none; line-height:15px; width:310px; display:block; position:absolute; margin-top:35px; margin-left:85px;}

/* Información del formulario_contacto */
#info {width:330px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #7BB6DA; margin-top:2px; margin-left:10px; background:#C5D5DF; color:#CEDBE3;}
.info_title_bg {background:#7BB6DA; padding:5px;}
.info_title {color:#FFFFFF; font-size:11px;}
.info_content_bg {background:#FFF url(../../img/info_bg.jpg) no-repeat right bottom; padding-bottom:5px; height:250px;}
.info_content {color:#666666; font-size:13px !important; letter-spacing:-1px}
.info_lista {margin:0px; padding:0; margin-left:30px; margin-top:10px; list-style:disc; line-height:14px;}

/* Errores en el formulario_contacto */
#error {width:330px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px !important; border:1px solid #E39797; margin-top:2px; margin-left:10px; background:#FFD7D7; color:#990033; letter-spacing:0px !important}
.error_title_bg {background:#E39797; padding:5px;}
.error_title {color:#FFFFFF; font-size:11px;}
.error_content_bg {background:#FFF url(../../img/error_bg.jpg) no-repeat right bottom; padding-bottom:5px; height:250px;}
.error_content {color:#666666; font-size:13px !important; letter-spacing:-1px}
.error_lista {margin:0px; padding:0; margin-left:30px; margin-top:10px; list-style:disc; line-height:14px;}

/* Errores en los campos */
.campo_error {width:305px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:none; border-bottom:1px solid #DD0369; margin:5px 0 10px 10px; background:#4F4F4F; color:#DDDDDD}
.textarea_error {width:380px; height:120px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:none; border-bottom:1px solid #DD0369; margin-top:2px; margin-top:5px; background:#4F4F4F; color:#DDDDDD}

/* Exito en el formulario_contacto */
#success {width:330px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #339900; margin-top:2px; margin-left:10px; background:#ECFFE3; color:#990033;}
.success_title_bg {background:#339900; padding:5px;}
.success_title {color:#FFFFFF; font-size:11px;}
.success_content_bg {background:#FFF url(../../img/success_bg.jpg) no-repeat right bottom; padding:5px; height:250px;}
.success_content {color:#666666; font-size:13px !important; letter-spacing:-1px}
.success_lista {margin:0px; padding:0; margin-left:30px; margin-top:10px; list-style:disc}

/* Videos */
.contenido_videos, #bg_player_location, #listado_videos {border-left:1px solid #564654; border-top:1px solid #564654; border-bottom:1px solid #1B1D1D; border-right:1px solid #1B1D1D; }
.contenido_videos {width:800px; padding:10px; background:url(../../img/background_video.jpg); margin:0 auto; margin-bottom:10px;}
#bg_player_location {width:500px; height:350px; background:#000000; text-align:center}
#listado_videos {width:250px; background:#000000; height:350px; display:block}
.video {height:55px; display:block; padding:5px; color:#FFFFFF; text-decoration:none; opacity: 0.6; filter: alpha(opacity = 60); }
.video:hover {cursor:pointer;}
.video:hover, .video_seleccionado {background:#6C5367; color:#000000; opacity: 1; filter: alpha(opacity = 100); }
.paginador {margin-top:5px;}
.contenedor_listado_videos {height:325px;}
#bg_player_location #cargando {margin-top:150px;}

/* Galeria */
.contenido_fotografias, #imagen, #listado_fotografias {border-left:1px solid #564654; border-top:1px solid #564654; border-bottom:1px solid #1B1D1D; border-right:1px solid #1B1D1D; }
.contenido_fotografias {width:800px; padding:10px; background:url(../../img/background_video.jpg); margin:0 auto; margin-bottom:10px;}
#imagen {width:500px; height:350px; background:#000000; text-align:center}
#listado_fotografias {width:174px; background:#000000; height:350px; display:block}
.paginador {margin-top:5px;}
.contenedor_listado_fotografias {height:325px;}
#imagen #cargando {margin-top:150px;}
.imagen {border:1px solid #2C2B2B; display:block}
.imagen_seleccionada {border:1px solid #DD0369; outline:none}

/* Galeria */
.estilosConvocatoria {width:700px; padding:0 20px}
.estilosConvocatoria .title_convocatoria {margin:0 0 5px 0;}
.estilosConvocatoria .link_ficha {font-size:12px; color:#126BA6;}
.estilosConvocatoria .fecha_convocatoria {position:absolute; margin:-52px 0 0 155px}
.estilosConvocatoria h1 { font-size:28px; color:#DD0369; margin:0 0 -10px 0}
.estilosConvocatoria h2 { font-size:28px; color:#FFFFFF; margin:0 0 -10px 0}
.estilosConvocatoria ul { font-size:12px; color:#126BA6; }
.estilosConvocatoria p { font-size:12px; color:#126BA6; margin-left:25px; }
.estilosConvocatoria .televisa_map {margin:0 0 15px 0;}