/* Custom Font Face for h1 titles */
@font-face {
    font-family: 'RockoFLF';
    src: url('../fonts/rockoflf-webfont.eot');
    src: url('../fonts/rockoflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rockoflf-webfont.woff') format('woff'),
         url('../fonts/rockoflf-webfont.ttf') format('truetype'),
         url('../fonts/rockoflf-webfont.svg#rockoflfbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*General Config*/
#atstbx {height:30px !important;}
html, body {font-family: Arial, sans-serif;font-size:12px;margin:0;background-color:#FFFFFF;}
img {border:0;}
a {outline:none; text-decoration:none;}
h1 {margin:8px 0 0;color:#09C;font-family:RockoFLF;}
h2 {margin:0;color:#09C;}
h4 {margin:5px;}
.div_video_details{padding:2px;height:46px;width:136px;margin:5px 0 0;color:#06C;font-weight:bold;background:#E6E6E6;}
.ustream { margin:0 auto 10px; }
.histats{margin:0 0 10px;height:auto;}
.alert{background:#C6D1E7 url(/images/exclamation.png) center no-repeat;background-position:15px 50%;text-align:left;padding:5px 20px 5px 45px;border-top:2px solid #89A1CF;border-bottom:2px solid #89A1CF;font-weight:bold;}
#mas-valorados {margin:0 0 20px;}
.publicidad_noticia_principal{margin:0 0 10px;}

/*Format main container*/
#main_container{width:1000px;height:1%;overflow:hidden;margin:10px auto 0;}
#columna_derecha{float:right;width:200px;height:auto;}
#columna_izquierda{float:left;width:200px;height:auto;}
#columna_central{margin:0 auto;width:570px;z-index:100;height:auto;}
#columna_central a{color:#06C;text-decoration:none;}
#columna_central a:hover{color:#09F;text-decoration:underline;}

/*Format comments submission*/
#form_area{width:430px;overflow:hidden;border:1px solid #000;padding:10px;margin:0 60px 10px;}
#form_area dt, #form area dd{float:left;margin:5px auto;padding:0 10px;}
#form_area dt{width:200px;}
#form_area .center{padding-left:130px;}
#form_area .enviado_exito{border-left:2px solid #09C;background:#F9F9F9;clear:both;padding:0 10px 0;font-size:18px;color:#060;margin:20px;}
#form_area .enviado_error{border-left:2px solid #09C;background:#F9F9F9;clear:both;padding:0 10px 0;font-size:18px;color:#F00;margin:20px;}
#form_area .entradas{padding:4px 3px 3px;vertical-align:middle;background:#fcfcfc;width:200px;border:1px solid #ddd;font:9pt Monaco, 'Courier New', Courier, monospace;-webkit-box-shadow:1px 1px 5px #e9e9e9 inset;-moz-box-shadow:1px 1px 5px #e9e9e9 inset;box-shadow:1px 1px 5px #e9e9e9 inset;}

/*Format last comments*/
.comment_contenido{background:#CCC;margin:0 0 10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:3px;box-shadow:0px 5px 5px rgba(0,0,0,0.5);word-wrap:break-word;}
.comment_data{font-size:10px;}
.comment_data a{color:#06C;text-decoration:none;}
.comment_data a:hover{text-decoration:underline;}

/*Format comments*/
#wrapper{width:570px;margin:0px auto;padding:10px 0px;}
.comment-list{margin:0;padding:0;list-style:none;}
.comentario_contenedor_new{background:#F9F9F9;border-top:1px solid #DDD;border-left:2px solid #09C;}
.comentario_contenedor_new:hover{background:#E9E9E9;}
.respuesta_contenedor{position:relative;margin:0 0 0 20px;}
.autor{font-size:1.2em;color:#09C;float:left;width:140px;word-wrap:break-word;font-weight:bold;padding:5px;}
.contenido_comentario{margin:0 15px 0 150px;min-height:5em;line-height:1.4;overflow:hidden;word-wrap:break-word;}
.fecha{font-size:10px;color:#666;display:inline-block;padding:5px 0 5px 100px;}
.responder{width:100%;display:block;overflow:auto;font-weight:bold;}
.respuesta_indicador{height:20px;width:20px;position:absolute;left:-20px;top:1px;background:url(http://www.afntijuana.info/images/arrow.png);}
.rating{cursor:pointer;}
.reply{cursor:pointer;}

/*Format Post Display*/
.postcat{font-style:italic;color:#999;}
.postdate{color:#666;font-style:italic;}
.postreporter{color:#F00;font-style:italic;}

/*Format search results*/
.sbc_main{height:1%;margin:0 0 10px;overflow:auto;width:570px;border:0;}
.sbc_content{float:right;width:460px;padding:5px;}
.sbc_content a{font-weight:bold;}
.sbc_image{float:left;width:100px;height:auto;}
.sbc_date{width:210px;float:right;color:#666;font-size:10px;text-align:right;}

/*Footer Format*/
#footer{width:1000px;height:1%;overflow:auto;margin:10px auto 0;background:#333;padding:10px 10px;color:#FFF;}
#footer a{color:#FFF;text-decoration:none;}
#footer a:hover{color:#FFF;text-decoration:underline;}
#post_tags { margin:10px 0; }

/* Notas medianas */
.div_news_title{height:45px;padding:5px;text-align:center; border-top:2px solid #F00;width:275px !important;margin:0 !important;}
.div_news_content{padding:5px;text-align:justify;word-wrap:break-word;width:275px !important;}
.mainnewstitle{color:#06C;font-size:14px;font-weight:bold;width:260px !important;}

/* Notas pequenas */
.div_news_title_small{height:45px;padding:5px;text-align:center; border-top:2px solid #F00;width:132px !important;margin:0 !important;}
.div_news_content_small{padding:5px;text-align:justify;word-wrap:break-word;width:132px !important;}
.mainnewstitle_small{color:#06C;font-size:12px;font-weight:bold;width:142px !important;}

/* Format Header */
#header {width:1000px;height:198px;margin:0 auto 10px;}
#header_logo {margin:auto 0;width:1000px;z-index:100;background:url("../images/headerlogo.jpg");height:120px; }

/* Format Above Header */
#menu_sup{height:40px;background-color:#282828;position:relative; font-size:11px;}
#weather_header{float:left;margin:6px 0 0 150px;}
#date_header{text-align:left;font-size:18px;float:left;margin:12px 0 0 40px;color:#FFF;}
#social{display:block;float:right;height:33px;margin-left:50px;margin-top:5px;width:250px;}
#social p {margin:0;}

/* Style header banners */
#banners_top {width:1000px; height:1%; overflow:auto; margin: 0 auto 10px; overflow-y:hidden; }
#banner_top_derecho {float:right; width:495px; height:120px; background-color: #6f6f6f;}
#banner_top_izquierdo {float:left; width:495px; height:120px; background-color: #575757;}

/* Style header banners chicos*/
#banners_top2 {width:1000px; height:1%; overflow:auto; margin: 0 auto 10px; overflow-y:hidden; }
#banner_top_derecho2 {float:right; width:495px; height:40px; background-color: #6f6f6f;}
#banner_top_izquierdo2 {float:left; width:495px; height:40px; background-color: #575757;}

/* Columnas al lado de rotador */
#first_content{width:1000px;height:1%;overflow:hidden;margin:0 auto 10px;}
#columna_dora{width:330px;float:right;height:320px;background-color:#CCC;}
#columnas{display:block;width:300px;height:auto; margin:5px 10px;}
#columnas h2{font-family:RockoFLF;font-size:16px;font-weight:bold;text-align:right;border-bottom:red 2px solid;color:black;}
#columnas a{color:#666;}
#columnas a:hover{color:#000;text-decoration:underline;}
#columnas h3{margin:0 0 5px;}
#columnas p{margin:0;font-size:11px;}
#columnas img {margin:5px 0 5px;}

/* Format Cloud Tag */
#tag_cloud {text-align:center;font-family:arial;width:520px;padding:25px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin:10px auto 10px;box-shadow:0px 5px 5px rgba(0,0,0,0.5);word-wrap:break-word;display:none;}
#tag_cloud h1 {margin:0 0 5px;color:#06C;font-family:RockoFLF;}
#tag_cloud a {text-decoration:none;}
#tag_cloud a:hover {text-decoration:underline;}
#tag_cloud a.small_tag {font-size:12px;color:#06C;}
#tag_cloud a.medium_tag {font-size:22px;color:#060;font-weight:bold;}
#tag_cloud a.large_tag {font-size:32px;color:#F00;font-weight:bolder;}

/* Format Las mas... */
#scroller-header a {text-decoration:none; color:#867863; padding:0 2px;}
#scroller-header a:hover {text-decoration:none; color:#4b412f}
a.selected {text-decoration:underline !important; color:#4b412f !important;}
#scroller-header {background:url(/images/las_mas_header.gif) no-repeat;width:185px;padding: 20px 0 0 15px;height:23px;font-weight:700;}
#scroller-body {background:url(/images/las_mas_body.gif) no-repeat bottom center;width:200px;padding:15px 0 30px;margin:0 0 10px;}
#mask {width:190px;overflow:hidden;margin:0 auto;}
#panel div {float:left;}
#panel ul {list-style:none;margin:0 5px;padding:0;}
#panel ul li {padding:5px;color:#557482;border-bottom:1px dotted #ccc;}
#panel ul li a{color:#06C;text-decoration:none;}
#panel ul li a:hover{color:#069;text-decoration:underline;}

/* Modify scroll bar */
::-webkit-scrollbar {width: 12px;}
/* Track */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px;border-radius: 10px;}
/* Handle */
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4);}

/*Top Navigation Menu*/
#nav {padding:0; margin:0 auto; list-style:none; height:38px; width:1000px; background:#fff url(../images/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/three_0a.gif) no-repeat right top;}
#nav li:hover a.top_link {color:#fff; background: url(../images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(../images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(../images/three_1a.gif) no-repeat right top; padding-bottom:3px;}
#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub
{left:1px; top:36px; background:#005A8B; padding:3px; white-space:nowrap; width:150px; height:auto; z-index:300; border-radius:5px;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:150px; font-weight:bold;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:150px; line-height:18px; text-indent:5px; color:#FFF; text-decoration:none;}
#nav li:hover ul.sub li a:hover 
{background:#000; color:#fff; border-color:#fff;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/*Formato PreHome*/
#prehome1{position:absolute;top:50%;left:50%;width:850px;height:590px;margin-top:-295px;margin-left:-425px;z-index:1002;}
#prehome2{display:block;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}

/* Format Quienes Somos */
#contenedor_contacto{width:500px;}
.contactame{background: #FF7A01; border-radius:19px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-border-radius:19px; width:40px; height:40px; float:left; margin-right:10px; overflow:hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.contacto_imagen{-webkit-backface-visibility:hidden; width:40px; text-align:center; font: 18px/40px 'Helvetica', 'Arial', sans-serif; color:#999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; height:32px; padding-top:8px;}
.contacto{cursor:pointer; position:relative; margin:20px 0px;}
.contacto:hover .contactame{background:#2D50A1;}
.contacto:hover .nombre{color:#000;}

.correo{text-align:center; font: lighter 36px/40px 'Helvetica', 'Arial', sans-serif; color:#999;}
.nombre{color:#989898; font: 15px/24px 'Helvetica', 'Arial', sans-serif;}
.nombre a { color:#06C; text-decoration:none;}
.nombre a:hover { text-decoration:underline;}
.posicion{color:#4a4e50; font: 12px/16px 'Helvetica', 'Arial', sans-serif;}

/* Tweaks PR NewsWire */
#w1569_widget {width:540px !important; border:10px solid #333; padding:5px !important;}
.w1569_widgetTitle {color:#000 !important;margin:5px !important;font-size:20px !important;}
.w1569_title {font-weight:bold !important;}