/* 	   Hoja de estilos creada por Clown Group para Club el Nacional      */
/*          www.clubelnacional.com.ar - www.clowngroup.com.ar            */
/*_______________________________________________________________________*/

body{
	margin: 0;
	padding: 0;
	background-image: url(../img/bg-hoja.gif);
	background-position: left;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-align: center;
	}

/*-----------------------------TEXTOS-----------------------------*/
p { 
	color: #777777;
	font-family: Verdana, Tahoma, sans-serif; 
	font-size: 11px;
	margin: 0;
	padding: 0 3px 0 0; 
	line-height: 1.6em;
	}
a{
	color: #5874A0;
	text-decoration:none;
	}
a:hover{
	color: #C00000;
	text-decoration: underline;
	}
h1 {
	color: #5874A0;
	font: bold 13px/1.0em Verdana, sans-serif ;
	padding: 0 0 5px 0 ;
	margin: 0;
	}

h1 a{
	color: #5874A0;
	font: bold 13px Verdana,Arial,sans-serif;
	}

h1 a:hover{
	color: #C00000;
	font: bold 13px Verdana,Arial,sans-serif;
	}

h2 {
	color: #444444;
	font-family: Verdana, Tahoma, arial;
	font-size: 11px;
	line-height: 1.6em;
	font-weight: normal;
	}

h3 {
	color: #777777;
	font-family: Arial, Verdana, Tahoma;
	font-size: 9px;
	}

h4 {
	color: #C00000;
	font: bold 11px Verdana,Arial,sans-serif;	padding: 0;
	margin: 0;
	}
/*-----------------------------TEXTOS-----------------------------*/

/*-----------------------------IMAGENES-----------------------------*/
img{
	border:0px;
	padding:0px;
	margin:0px;
	}

img.smallsports {
	padding: 0 0 0 0;
	}

img.publicidad {
	margin: 2px auto 12px;
	}

img.titulos {
	margin: 0px auto 5px auto;
	}

img.banner {
	margin: 10px 3px 10px 7px;
	}

img.galeria {
	margin: 5px;
	border:1px solid #222;
	}

img.sportsfoto {
	float: left;
	margin: 5px 10px 5px 0;
	}

img.sportsfoto2 {
	float: right;
	margin: 5px 0 5px 10px;
	}

img.fotonoticias {
	margin: 0;
	border: 1px solid #222;
	}	

/*-----------------------------IMAGENES-----------------------------*/

/*-----------------------------CUERPO-----------------------------*/
#header{
	height: 112px;
	width: 758px;
	margin: 10px auto 0;
	padding: 0;
	background: url(../img/header.jpg) bottom no-repeat;
	}

#soul{
	width: 758px;
	background: url(../img/bg-contenidos.gif) bottom repeat-y #FFFFFF;
	margin: 0 auto 0px;
	}

#shadow2 {
	height: 3px;
	width: 758px;
	margin: 0 auto 0px;
	padding: 0;
	background: url(../img/bg-shadow2.gif) bottom no-repeat;
	}

#footer{
	width: 750px;
	height: 60px;
	background-color: #336699;
	border-top: 5px solid #9ACD68;
	margin: 4px auto;
	padding-top: 5px;
	}

#footer p{
	color:#FFFFFF;
	font:10px/1.1em;
	margin:0;
	padding:0px;
	text-align: center;
	}

#footer p a{
	color: #FFFFFF;
	text-decoration: none;
	}

#footer p a:hover{
	color: #EE9B30;
	}
/*-----------------------------CUERPO-----------------------------*/


/*-----------------------------TABLAS-----------------------------*/

table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	text-align: left;
	}

td{
	margin: 0;
	padding: 0;
	vertical-align:top;
	}


td.left{width: 140px; padding: 5px 0px 0px 3px;}
td.center{width: 488px;padding: 5px 0px 0px 8px; vertical-align:top;}
td.right{width: 130px; padding: 10px 5px 0px 5px;}
td.bigright{width: 618px; vertical-align:top; padding: 5px 10px 20px 18px; }

/*-----------------------------TABLAS-----------------------------*/

/*-----------------------------NAVEGACION-----------------------------*/

td.left ul{
	margin: 0 auto; 
	padding:0;
	display: block;
}

td.left li{
	text-align:left;
	height: 26px;
	list-style: none;
	margin: 0 0 3px 8px!important;
	margin: 0 0 0 8px;
	padding:0;
}

td.left li a{
	height: 26px;
	background-repeat: no-repeat;
	width: 124px;
	display: block;
	margin:0;
	padding: 0;
	background-position: 0 -26px;
	}

td.left li a:hover{background-position: top;
	}

span{display:none;}

li.botoninicio a{background-image: url(../img/botonera/inicio.gif);}
li.botoninicio a:hover{background-image: url(../img/botonera/inicio.gif);}

li.botondepor a{background: url(../img/botonera/deportes.gif);}
li.botondepor a:hover{background: url(../img/botonera/deportes.gif);}

li.botonnotic a{background: url(../img/botonera/noticias.gif);}
li.botonnotic a:hover{background: url(../img/botonera/noticias.gif);}

li.botonfotos a{background: url(../img/botonera/fotos.gif);}
li.botonfotos a:hover{background: url(../img/botonera/fotos.gif);}

li.botonforos a{background: url(../img/botonera/foros.gif);}
li.botonforos a:hover{background: url(../img/botonera/foros.gif);}

li.botonhisto a{background: url(../img/botonera/historia.gif);}
li.botonhisto a:hover{background: url(../img/botonera/historia.gif);}
	
li.botonauto a{background: url(../img/botonera/autoridades.gif);}
li.botonauto a:hover{background: url(../img/botonera/autoridades.gif);}

li.botoninsta a{background: url(../img/botonera/instalaciones.gif);}
li.botoninsta a:hover{background: url(../img/botonera/instalaciones.gif);}

li.botoncontacto a{background: url(../img/botonera/contacto.gif);}
li.botoncontacto a:hover{background: url(../img/botonera/contacto.gif);}

/*-----------------------------NAVEGACION-----------------------------*/


/*-----------------------------CONTENIDOS-----------------------------*/

#contenidos{
	width: 468px;
	margin: 6px auto 10px;
	padding: 0;
	}

table.contenidosbig {
	width: 585px;
	margin:8px auto 8px 0;
	text-align: left;
	}

/*-----------------------------CONTENIDOS-----------------------------*/


/*-----------------------------NEWS-----------------------------*/

table.newsbox{
	width: 460px;
	margin:4px auto 6px;
	background-color:#EDEDED;
	}

td.newsfoto{
	width:150px;
	padding: 5px;
	vertical-align:top;
	}

td.newscontent{
	width:416px;
	padding: 5px 10px 5px 10px;
	vertical-align:top;
	}

table.newslist{
	width: 460px;
	margin:4px auto 6px;
	}

table.newsboxsmall{
	width: 460px;
	margin:0;
	background-color:#FFFFFF;
	}

td.newsfotosmall{
	width:50px;
	padding: 5px;
	vertical-align:top;
	}

td.newscontentsmall{
	width:416px;
	padding: 3px 5px 10px 5px;
	vertical-align: bottom;
	}

/*-----------------------------NEWS-----------------------------*/

/*-----------------------------VARIOS-----------------------------*/

#divider{
	background-color: transparent;
	height:10px ;
	margin: 5px 0 5px 0;
	background: url(../img/dottie.gif) repeat-x;
	}
	
td.info {
	width: 120px; 
	margin: 0;
	padding: 0;
	}

td.info p{
	font-family: arial, Verdana, Tahoma; 
	font-size: 9px;
	padding:2px;
	}

/*-----------------------------VARIOS-----------------------------*/



/*-----------------------------DEPORTES-----------------------------*/

table.sportstable {
	width: 460px;
	margin:0 auto 8px 0;
	}

td.sportscontent p{
	padding-left: 3px;
	}

/*-----------------------------DEPORTES-----------------------------*/



/*-----------------------------GALERIAS-----------------------------*/

table.galerias {width: 460px; margin: 7px auto;border: 0;border-collapse: collapse;}

td.ingalerias{text-align:center; padding: 10px 0 0 0; vertical-align:bottom;}

/*-----------------------------GALERIAS-----------------------------*/


/*-----------------------------FOROS-----------------------------*/

#foro{width: 468px; padding:0;}

#tema {
	margin: 10px 5px 2px 5px;
	padding-top:10px;
	display:block;
	background-color:#FAFAFA;}

#tema p{font-size: 12px; margin: 2px 15px 0px 4px; color: #5874A0;font-weight: normal;}
#tema p a{color: #5874A0; }
#tema p a:hover{color: #C00000; text-decoration: underline;}

#propuesto {
	margin:0px 5px 0px 5px;
	padding:0;
	display:block;
	background-color:#ededed;}

#propuesto p{margin:0; padding:3px 2px 6px 2px; color: #5874A0;font-size: 9px;}

#opinion {
	margin:10px 5px 2px 5px;
	background: #ECF1F6 ;
	padding: 3px;
	}

#opinion p{padding:5px; line-height: 1.2em; color: #777777;}

#foro form{
	margin: 10px;
	padding: 10px;
	border-top: 1px solid #ededed; 
	border-bottom: 1px solid #ededed;
	background-color: #fafafa;}

#foro input{
	border: 1px solid #e1e1e1;
	color:#5874A0;
	font: 12px Verdana,Arial,sans-serif;
	background-color: #FFF;}

#foro textarea{
	border: 1px solid #e1e1e1;
	color:#5874A0;
	font: 12px Verdana,Arial,sans-serif;
	overflow: auto;}

#foro label{
	float:left;
	font: 12px Arial;
	color:#777;
	width:100px;
	padding-left: 10px;
	margin-bottom: 5px;}

#foro .boton{font-weight: bold;}

/*-----------------------------FOROS-----------------------------*/
