/* 
STYLE SHEET FOR [Huracan de San Justo]
Created by [concept|IT]
[http://www.conceptIT.com.ar]

ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. menu accordion
*/

/* --------- 1. defaults  --------- */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
	background: #ff0000 url('../images/logo_agua.gif') no-repeat fixed;
	background-position: 100% 50%;
}

/*  --------- 2. structure  --------- */
#fondo{
	margin: 0 auto;
	width: 1006px;
	background-image: url('../images/fondo_sombra.png');
}

#wrapper {
	margin: 0 auto;
	background: white;
	width: 960px;
}

#top {
    text-align: center;
    background: white;
    color: #6b6b6b;
    font: 9pt/12pt Tahoma, Helvetica, sans-serif;
    padding: 4px 0 0 0;
    margin: 0 0 -6px 0;
}

.imagen_top {
	margin: -10px 0 0 0;
	padding: 10px 0 0 0;
}

.imagen_bottom {
	margin: 0 0 -5px 0;
}

#left{
	text-align: center;
}

#right{
	width: 96%;
}

#middle{
	width: 95%;
	margin: 0 8px 0 12px;
	display: block;
	position: relative;
}

#noticiasRelacionadas{
	width: 95%;
	margin: 0 8px 0 12px;
	display: block;
	position: relative;
}

#noticiasRelacionadas a:hover {
	color: #ff0000;    
}

#comentarios{
	width: 95%;
	margin: 0 8px 0 12px;
	display: block;
	position: relative;
}

#logo {
}
		
#slideshow {
	margin: 0 auto;
	background: #d7d7d7;
    height: 150px;
}

.justificado {
	text-align: justify;	
}

#footer {
	height: 20px;
	color: #343e00;
	font: 9pt/20px Tahoma, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
    color: #bdbdbd;
}

#footerMenu {
	height: 40px;
	color: #343e00;
	font: 9pt/20px Tahoma, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
    color: #bdbdbd;
}

#tabla_contacto {
	font: 10pt/20pt "Bookman Old Style", Tahoma, Helvetica, sans-serif;
	color: #343e00;
	margin: 10px 60px 0 0;
}

.clearFix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#tablaPrincipal{
	/*border: medium black solid;*/
	bottom: 0px;
}

#tablaLEFT{
	width: 200px;
	bottom: 0px;
	vertical-align: top;
	/*border: medium black solid;*/
}

#tablaMIDDLE{
	width: 560px;
	vertical-align: top;
}

#tablaRIGHT{
	width: 200px;
	vertical-align: top;
	/*border: medium black solid;*/
}

.separador_izq {
	padding: 0 0 0 12px;
}

.separador_der {
	padding: 0 10px 0 0;
}

#noticia{
	width: 97%;
	background: red;
	text-align: left;
	color: white;
	padding-left: 10px;
	vertical-align: middle;
	height: 13pt;
	margin-bottom: 5px;
}

#noticia_2 {
	width: 46%;
	float:left;
	margin: 5px 12px 0 0;
}

#noticia_3 {
	width: 46%;
	float: left;
	margin: 5px 13px 0 12px;
}

#caja_gris_top {
	width: 199px;
    height: 26px;
	background-image:url('../images/background_ultimas_noticias_top.jpg');
}

#caja_gris {
	width: 199px;
	background-image:url('../images/background_ultimas_noticias.gif');
}

#caja_gris_bottom {
	width: 199px;
    height: 32px;
	background-image:url('../images/background_ultimas_noticias_bottom.jpg');
}

#caja_gris p {
	font: 8pt/10pt Arial, Helvetica, Tahoma, sans-serif;
	text-align: left;
	color: #666666;
	padding: 4px 10px;
	margin-left: 7px;
}

#evento{
	width: 100%;
	background: red;
	text-align: left;
	color: white;
	padding-left: 10px;
	vertical-align: middle;
	height: 13pt;
	margin-bottom: 5px;
}

.centro_tab{
    margin: 0 auto;
}

#imagen_centro{
    display: block;
	margin-left: auto;
	margin-right: auto
}

#todas_noticias td {
    width: 500px; 
	font: 11px/22px "Microsoft Sans Serif", Tahoma, Arial, sans-serif;
	color: #aaaaaa;      
}

#todas_noticias a {
	color: #aaaaaa;    
}

#todas_noticias a:visited {
	color: #aaaaaa;    
}

#todas_noticias a:hover {
	color: #ff0000;    
}

.barra_footer {
	font: 13px/16px Tahoma, Arial, "Microsoft Sans Serif", sans-serif;
	color: #aaaaaa;    
}

.barra_footer:hover {
	color: #ff0000;    
}


	/* float-clearing rules */

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.separator {
}

.separatorInvisible {
}

a{
}
		
a:hover {
}

#slideshow img {
	
}

#navigation {
}

#navigation a {
}

#navigation ul {
}

#contenido li {
}

#tablaEventos {
	margin: 60px 0 0 0;
	width: 102%;
	background: #f8f8f8 url('../images/barra_footer_eventos.png') repeat-x bottom;
}

.deporte_evento {
	text-align: center;
	font: bold 10pt/16pt Arial, Helvetica, Tahoma, sans-serif;
	color: red;	
}

/* ---------- 4. fonts ---------- */

html {
	font-size: 100%;
}

a {
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    text-decoration: none;
}

a:hover {
  text-decoration: underline;  
}

p {
	font: 8pt/10pt Arial, Helvetica, Tahoma, sans-serif;
	color: #6b6b6b;
}

h1, h2, h3, h4, p, ul, dl {
}

dl {
	text-align: justify;
	padding: 0 35px;
}

dt {
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 10pt;	
}

dd {
	vertical-align: top;
	padding: 0 25px;
	font-size: 8pt;
	line-height: 11pt;	
}

.hr_rojo {
	background-color: #fe7e7e; /* para que se vea bien en FireFox */
	color: #fe7e7e; /* para que se vea en IE */
	border: 0;
	height: 3px;
}

.hr_gris {
	background-color: #cbcbcb; /* para que se vea bien en FireFox */
	color: #cbcbcb; /* para que se vea en IE */
	border: 0;	
	height: 1px;
}

.hr_gris_2 {
	background-color: #cbcbcb; /* para que se vea bien en FireFox */
	color: #cbcbcb; /* para que se vea en IE */
	border: 0;	
	height: 1px;
    margin-bottom: 10px;
}

.texto_input {
	font: 10pt "Bookman Old Style", Tahoma, Helvetica, sans-serif;
	color: #343e00;
	padding: 0;
	vertical-align: middle;	
}

.titulo_blanco {
	font: italic bold 8pt/12pt Tahoma, Helvetica, sans-serif;
	color: #ffffff;
}

.rojo {
	color: #fe7e7e;
}

.texto_rojo {
	font: italic 8pt/12pt Helvetica, Tahoma, sans-serif;
	color: #fe7e7e;
}

.izquierda {
	text-align: left;
}

.derecha {
	text-align: right;
}

.centrado {
    text-align: center;
}

.titulo_rojo {
	font: 25pt/28pt Arial, Helvetica, Tahoma, sans-serif;
	text-align: left;
	color: #ff0000;
    text-decoration: none;
}

.titulo_gris {
	font: 11pt/12pt Arial, Helvetica, Tahoma, sans-serif;
	text-align: left;
	color: #272727;
	padding: 10px 0 0 0;	
}

.titulo_noticia_2 {
	font: 13pt/14pt Arial, Helvetica, Tahoma, sans-serif;
	text-align: left;
	color: #999999;
	margin: 3px 0 1px 0;
    text-decoration: none;
}

.titulo_barra_izquierda {
	font: 13pt/14pt Arial, Helvetica, Tahoma, sans-serif;
	color: #444444;
    text-decoration: none;
}

.texto_noticia {
	font: 8pt/10pt Arial, Helvetica, Tahoma, sans-serif;
	text-align: left;
	color: #6b6b6b;
	margin-top: 5px;
}

.texto_noticia_evento {
	font: 8pt/20pt Arial, Helvetica, Tahoma, sans-serif;
	text-align: left;
	color: #6b6b6b;
	padding: 0;
}

.italic {
	font-style: italic;
}

.no_bullet {
	list-style-type: none;
}

textarea, input {
	border: 1px solid #6b6b6b;
	background: #efefef;
	font: 12px "Bookman Old Style", Tahoma, Helvetica, sans-serif;
	color: #484848;	
}

.titulo_seccion{
    font: 13pt/20pt Arial, Helvetica, Tahoma, sans-serif;
    color: red;
    padding: 8px 0 8px 0;
}

.titulo_seccion_grande{
    font: 22pt/22pt Arial, Helvetica, Tahoma, sans-serif;
    color: red;
    padding: 8px 0 0 0;
    background-image: url("../images/logo_mini_gris.gif");
    background-position: right;
    background-repeat: no-repeat;
}

.parrafo_seccion{
    font: 9pt/18pt Arial, Helvetica, Tahoma, sans-serif;
    color: #6b6b6b;
    margin: 5px 10px 0 20px;
    vertical-align: middle;
}

.titulo_fixture{
    font: bold 9pt/18pt Arial, Helvetica, Tahoma, sans-serif;
    color: #6b6b6b;
    margin: 5px 10px 0 20px;
    padding: 20px 0 0 0;
    vertical-align: middle;    
}

.parrafo_seccion_horario{
    font: 9pt/14pt Arial, Helvetica, Tahoma, sans-serif;
    color: #6b6b6b;
}

.parrafo_seccion_texto_arancel{
    width: 400px;
    text-align: left;
    background-color: #edefee;
}

.parrafo_seccion_texto_arancel_dos{
    width: 150px;
    text-align: left;
    background-color: #edefee;
}

.parrafo_seccion_arancel{
    width: 60px;
    direction: rtl;
    background-color: #eeffd0;
}

.parrafo_seccion_horario_dias{
    width: 100px;
    text-align: center;
    background-color: #edefee;
}

.parrafo_seccion_horario_titulo{
    width: 110px;
    text-align: left;
    background-color: #edefee;
}

.parrafo_seccion_horario_contenido{
    width: 80px;
    background-color: #eeffd0;
    vertical-align: middle;
    text-align: center;
    font: 7pt/15pt Arial, Helvetica, Tahoma, sans-serif;
}

.parrafo_seccion_categoria{
    width: 250px;
    background-color: #eeffd0;
    vertical-align: middle;
    text-align: center;
    font: 8pt/20pt Arial, Helvetica, Tahoma, sans-serif;
}

.parrafo_seccion_reglamento_titulo{
    width: 150px;
    text-align: left;
    background-color: #edefee;
}

.parrafo_seccion_reglamento_contenido{
    width: 350px;
    background-color: #eeffd0;
    vertical-align: middle;
    text-align: center;
    font: 8pt/15pt Arial, Helvetica, Tahoma, sans-serif;
}

.parrafo_seccion_largo{
    font: 9pt/18pt Arial, Helvetica, Tahoma, sans-serif;
	text-align: justify;
    text-indent: 50px;
    color: #6b6b6b;
	margin: 5px 10px 0 20px;
}

.parrafo_seccion li{
    font: 10pt/20pt Arial, Helvetica, Tahoma, sans-serif;
    text-decoration: none;
    margin-left: 50px;
}

.links_parrafo A:link {
    text-decoration: none;
    font: 10pt/20pt Arial, Helvetica, Tahoma, sans-serif;
    color: #6b6b6b;
}

.links_parrafo A:visited {
    text-decoration: none;
    font: 10pt/20pt Arial, Helvetica, Tahoma, sans-serif;
    color: #6b6b6b;
}

.links_parrafo A:active {
    text-decoration: none;
    font: 10pt/20pt Arial, Helvetica, Tahoma, sans-serif;
    color: #6b6b6b;
}

.links_parrafo A:hover {
    text-decoration: underline;
    color: red;
    font: 10pt/20pt Arial, Helvetica, Tahoma, sans-serif;
}

.parrafo_tabla_resultados_titulo{
	width: 150px;
    text-align: center;
    background-color: #edefee;
}

.parrafo_tabla_resultados_verde {
	padding: 0 3px;
    background-color: #eeffd0;
    vertical-align: middle;
    font: 8pt/15pt Arial, Helvetica, Tahoma, sans-serif;	
}

.estilo_paginator {
	font: 11px/12px "Microsoft Sans Serif", Tahoma, Arial, sans-serif;
	color: #D70007;
}

span.estilo_paginator {
    text-decoration: underline;
}

.centrado {
	margin: 0 auto;
}

.titulo_impresion{
    font: 32pt/34pt Tahoma, Helvetica, Arial, sans-serif;
    color: red;
    padding: 8px 0 10px 0;
    background-position: right;
    background-repeat: no-repeat;
}

.titulo_blanco_impresion{
	width: 100%;
	background: red;
	text-align: left;
	color: white;
	padding-left: 10px;
	vertical-align: middle;
	height: 13pt;
	margin-bottom: 5px;
	font: italic bold 8pt/12pt Tahoma, Helvetica, sans-serif;
	color: #ffffff;
}

.wordWrap {
    word-break: normal;
}

.fechaComentario {
	font: italic 7pt/10pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #6b6b6b;
 }

.nombreComentario {
	font: bold 10pt/22pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	color: red;
 }

.textoComentario {
	font: 9pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	color: #6b6b6b;
    text-align: justify;
}

.avisoMod {
	font: bold 15pt/18pt Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.modLogOut {
	font: 10pt/18pt Arial, Helvetica, sans-serif;
	color: #ffffff;
    float: right;
    margin: -25px 0 0 0;
}

.white {
    color: white;
}

.fondoRojo{
    background-color: red;
}

.padding_middle{
    margin: 1px 5px 0 2px;
}

.padding_top_5 {
	padding: 5px 0 0 0;
}

.margin_top_5px {
	margin-top: 5px;
}

.width90 {
	width: 90%;
}

.texto_terminos {
    width: 70%;
    height: 150px;
    border-color: #cbcbcb;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    overflow-y: scroll;
	font: 8pt/10pt Arial, Helvetica, Tahoma, sans-serif;
	color: #6b6b6b;
}

.textoGris {
 	font: italic 10pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	color: #6b6b6b;
}

#chkComentario {
    width: auto;
}

.textoFrase {
 	font: italic 10pt/25pt Arial, Helvetica, sans-serif;
	color: #6b6b6b;
}

.texto_descarga_imagen {
 	line-height: 25px;
	vertical-align: middle;
	color: #f40202;
}

/* ---------- 5. images ---------- */

img {
	border: 0;
}

.imagen1_articulo.epigrafe {
    color: #999;
    font-size: 11px;
    font-style: italic;
    margin: 0;
    padding: 4px 0 6px 0;
    width: auto;
    background: transparent url(../images/linea_punteada_horizontal.gif) repeat-x bottom left;    
}

.imagen2_articulo {
    width: 150px;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 5px 15px 10px 0;
}

.imagen2_articulo img {
    float: left;
    margin: 0;
}

.imagen2_articulo .epigrafe {
    clear: both;
    color: #999;
    font-size: 11px;
    font-style: italic;
    margin: 0;
    padding: 4px 0 6px 0;
    width: auto;
    background: transparent url(../images/linea_punteada_horizontal.gif) repeat-x bottom left;
}

.imagen3_articulo {
    width: 150px;
    overflow: hidden;
    position: relative;
    float: right;
    margin: 0 0 0 10px;
}

.imagen3_articulo img {
    float: right;
    margin: 0;
}

.imagen3_articulo .epigrafe {
    clear: both;
    color: #999;
    font-size: 11px;
    font-style: italic;
    margin: 0;
    padding: 4px 0 6px 0;
    width: auto;
    background: transparent url(../images/linea_punteada_horizontal.gif) repeat-x bottom left;
}

.invisible {
    visibility: hidden;
}

.imprimir_noticia{
    float: right;
}

.imprimir_noticia:hover{
    text-decoration: none;
}

.align_top {
	vertical-align: top;
}

.alignMiddle {
	vertical-align: middle;
}


/* ---------- 6. menu accordion ---------- */

.glossymenu{
	margin: 20px 0;
	width: 180px; /*width of menu*/
	border: 0px solid #9A9A9A;
	border-bottom-width: 0;
	text-decoration: none;
	padding: 0 0 0 15px;
}

.glossymenu a.menuitem{
	background: white url('../images/fondo_menu.jpg');
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #535353;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 15px;
	text-decoration: none;
	border-bottom: 1px #b4b4b4 solid;
	text-align: left;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #535353;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url('../images/fondo_menu_sobre.jpg');
	color: #222222;    
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: url('../images/fondo_menu.jpg');
	text-decoration: none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.glossymenu div.submenu ul li{
	text-decoration: none;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #535353;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 22px;
	text-align: left;
}

.glossymenu div.submenu ul li a:hover{
	background: url('../images/fondo_menu_sobre.jpg');
	color: #222222;
}