/****
 *  
 *  @Proyecto     :  Portal Web del Club Atletismo Lynze-Parla
 *  @Autor        :  Jose Luis Rubio Fronton
 *  @Fecha        :  Agosto 2007
 *
 *  @Fichero      :  estilos.css
 *  @Descripción  :  Hoja de estilos en cascada (CSS) de la aplicación webLynPar
 *
 **/


body {
	padding     : 0px; 
	margin      : 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 10px;
	font-variant:normal;
}

#todo { 
	min-height : 700px;
	height     : auto !important;
	height     : 760px;
	display : block;
/* width  : 100%; */
	width   : 800px;
	margin  : auto;
	border-left : 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#fondoBody {
	background       : url("../img/gif/fondoPagina.gif") repeat-x; 
	background-color : #FFFFFF;
}

#fondoDetalle {
	background : url("../img/gif/fondoPagina2.gif") repeat-x;
	background-color: #FFFFFF;
	margin     : 0px;
}

#cabecera {
	background : url("../img/gif/top.jpg") no-repeat;
	height     : 95px;
	width      : 100%;
}

#cabeceraINEF {
	background : url("../img/gif/topINEF.jpg") no-repeat;
	height     : 95px;
	width      : 100%;
}

#cabeceraDetalle {
	display    : block; 
	width      : 100%; 
	height     : 30px;
	background : url("../img/gif/cabeceraDetalleRep.jpg"); 
	color      : #FFFFFF;
	text-align : right;
	font-weight: bold;
	margin     : 0px;
	text-transform : uppercase;
	letter-spacing : 3px;
}

.logoDetalleIzq {
	float      : left;
	width      : 200px;
	height     : 30px;
	background : url("../img/gif/cabeceraDetalleIzq.jpg") no-repeat;
}

.logoDetalleDer {
	float      : right;
	width      : 250px;
	height     : 30px;
	background : url("../img/gif/cabeceraDetalleDer.jpg") no-repeat;
}

.textoFijoDetalle {
	text-align : right;
	color      : #A50000;
	font-weight: normal;
	width      : 100px;
	padding    : 5px 10px 5px;
}

.textoVariableDetalle {
	text-align : left;
	color      : #444444;
	font-weight: bold;
	padding    : 5px 10px 5px 5px;
}

.ampliarImagen {
	color       : #666666;
	font-size   : 9px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

#menuHorizontal {
	display         : block; 
	float           : left;
	width           : 100%;
	margin-top      : 73px;
	color           : #FEFEFE; 
	font-weight     : bold; 
	text-decoration : none;
}

#icoMenuHorizontal {
	float      : right;
	text-align : right;
	font-size  : 10px;
	padding    : 3px 16px 0px 0px;
}

#icoMenuHorizontal a:hover {
	text-decoration : none;
	color           : #222222;
}

#icoMenuHorizontal a, a:visited {
	text-decoration : none;
	color           : #FEFEFE;
}

.primeraFila {
	width        : 100%;
	padding      : 4px 0px 2px 2px;
	font-size    : 10px;
	font-family  : Arial;
	color        : #444444;
}

fieldset {
	line-height : 25px;
	border      : 0px;
}

.fieldsetDetalle {
	border: 1px solid #A50000;
	line-height : 12px;
	margin : 3px;
}

fieldset legend {
	font-size    : 11px;
	font-weight  : bold;
	color        : #A50000;
	margin-left  : 3px;
	margin-right : 3px;
}

.inputListaCorreo {
	border     : 1px solid #777777;
	background : #CFCFCF;
	width      : 100px;
	height     : 12px;
	padding    : 2px;
	font-size  : 9px;
}

.botonListaCorreo {
	border     : 1px solid #777777;
	background : #AAAAAA;
	width      : 20px;
	height     : 18px;
	font-size  : 9px;
}

.cajaTexto {
	border      : 1px solid #AAAAAA;
	background  : #DFDFDF;
	width       : 200px;
	height      : 12px;
	padding     : 2px;
	font-size   : 11px;
	font-family : Arial, Helvetica, sans-serif;
}

.cajaTextoLogin {
	border      : 1px solid #AAAAAA;
	background  : #DFDFDF;
	width       : 100px;
	height      : 12px;
	padding     : 2px;
	font-size   : 11px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
}

.cajaTextArea {
	border      : 1px solid #AAAAAA;
	background  : #DFDFDF;
	width       : 580px;
	height      : 70px;
	padding     : 6px;
	margin-left : 4px;
	font-size   : 12px;
	font-family : Arial, Helvetica, sans-serif;
}

.botonForm {
	width      : 90px;
	height     : 20px;
	border     : 1px solid #999999;
	font-size  : 10px;
	color      : #111111;
	margin-top : 15px;
	padding    : 2px;
	background : #DFDFDF;
	font-weight: bold;
}

.filtro {
	text-align : right;
	font-size  : 10px;
	font-weight: bold;
	margin     : 12px;
}

.filtroInscripciones {
	text-align : left;
	font-size  : 10px;
	font-weight: bold;
	margin     : 0px;
}

.filtro select {
	font-size  : 9px;
	background : #DFDFDF;
}

.filtroInscripciones select {
	font-size  : 9px;
	background : #DFDFDF;
}

#tablaMenuVertical {
	/*border-right : 1px dotted #A50000;*/
	width      : 150px;
	position   : absolute;
	top        : 115px;
	padding    : 2px 5px 2px 0px;
	text-align : left;
}

#menuVertical {
	display     : block;
	width       : 160px;
	font-weight : bold;
}

.imgRollOver {
	margin  : 0px; 
	padding : 0px;
}

#seccionMenu {
	font-size : 10px;
	color     : #FEFEFE;
	width     : 90%;
	padding   : 2px 2px 2px 5px;
	border-top       : 1px solid #333333;
	border-bottom    : 1px solid #333333;
	border-right     : 1px solid #333333;
	background-color : #D03322;
	text-transform   : uppercase;
	letter-spacing   : 2px;
}

#seccionPatrocinador {
	text-align : center;
	font-size  : 10px;
	font-family: Arial;
	color      : #555555;
}

#subSeccionMenu {
	font-size   : 10px;
	text-indent : 10px;
	color       : #333333;
	width       : 90%;
	padding     : 2px 2px 2px 5px;
	border-top       : 1px solid #AAAAAA;
	border-bottom    : 1px solid #AAAAAA;
	border-right     : 1px solid #AAAAAA;
	background-color : #CCCCCC;
}

#subSeccionMenu a, a:visited {
	text-decoration : none;
	color           : #333333;
}

#subSeccionMenu a:hover {
	text-decoration : none;
	color           : #A50000;
	/*letter-spacing  : 1px;*/
}

#tabla {
	width : 100%;
}

#tablaLeftRight {
	width        : 100%;
}

#columnaDerVertical {
	width       : 160px;
	font-weight : bold;
	float       : right;
}

#tablaColumnaDerVertical {
	/*border-left : 1px dotted #A50000;*/
	width       : 160px;
	position    : absolute;
	top         : 115px; /* misma que la de la tabla del menú */
	padding     : 2px 0px 2px 5px;
	text-align  : right;
}

#seccionColumnaDerVertical {
	font-size : 10px;
	color     : #FEFEFE;
	width     : 90%;
	padding   : 2px 5px 2px 2px;
	border-top       : 1px solid #333333;
	border-bottom    : 1px solid #333333;
	border-left      : 1px solid #333333;
	background-color : #D03322;
	text-transform   : uppercase;
	letter-spacing   : 2px;
}

#contenidoColumnaDerVertical {
	text-align   : left;
	margin-left  : 7px;
	font-size    : 9px;
	font-weight  : 200;
}

#bloqueTxtColDerVert {
	margin : 3px;
}

form {
	margin : 5px;
}

.titular {
	font-size   : 12px;
	font-weight : bold;
	color       : #333333;
	letter-spacing : 1px;
	border-bottom  : 1px #333333 dotted;
}

.tituloSeccion {
	font-size   : 12px;
	font-weight : bold;
	color       : #333333;
	letter-spacing : 1px;
	border-bottom  : 1px #333333 dotted;
	margin-bottom  : 30px;
}

.textoDesarrollo {
	text-indent : 10px;
	font-size   : 11px;
	font-weight : 100;
	color       : #333333;
	margin-right: 20px;
	text-align  : justify;
	line-height : 14px;
}

.fechaDetalleNoticia {
	text-align : right;
	font-size  : 10px;
	color      : #666666;
}

.fechaDetalleNoticia a:link, a:visited {
	color      : #666666;
}

.fechaDetalleNoticia a:hover {
	color      : #666666;
	font-weight: bold;
}

h1 {
	font-size   : 11px;
	font-weight : bold;
	color       : #A50000;
	margin-top  : 10px;
	margin-bottom : 3px;
	margin-left   : 3px;
	margin-right  : 3px;
}

h1 a, a:visited {
	text-decoration : none;
	color           : #A50000;
}

h1 a:hover {
	text-decoration : none;
	color           : #FF0000;
}

a, a:visited {
	text-decoration : none;
	color           : #A50000;
}

a:hover {
	text-decoration : none;
	color           : #FF0000;
}

h2 {
	text-indent : 5px;
	font-size   : 11px;
	font-weight : 100;
	color       : #333333;
	margin      : 3px;
	text-align  : justify;
}

.textoResaltado {
	font-size   : 11px;
	font-weight : bold;
	color       : #333333;
	margin      : 3px;
	text-align  : justify;
}

.fecha {
	font-size  : 9px;
}

.fechaNoticia {
	color      : #777777;
	font-size  : 9px;
}

img {
	border : 0px;
	margin : 3px;
}

.imgEnTexto {
	border : 1px solid #333333;
	margin : 15px;
}

#listadoWeb {
	margin : 0px;
	width  : 100%;
	padding: 3px;
	font-size  : 10px;
	text-align : center;
}

#cabeceraListado {
	font-size   : 10px;
	text-indent : 0px;
	color       : #333333;
	width       : 98%;
	padding     : 2px 0px 2px 0px;
	font-weight : bold;
	border      : 1px solid #AAAAAA;
	background-color : #CCCCCC;
}

#paginacion {
	width: 100%;
	font-size : 10px;
	float: left;
	text-align : center;
}

#lineaPatrocinadores {
	display    : block; 
	float      : center;
	width      : 100%;
	text-align : center;
/*	margin-top : 90px; */
	margin-top : 30px;
}

#nota {
	font-size  : 10px;
	color      : #333333;
	margin-top : 20px;
	margin-right : 20px;
	text-align   : right;
	font-weight  : normal;
}

#nota span {
	font-weight: bold;
}

#piePagina {
	font-size  : 9px;
	color      : #333333;
	margin-top : 20px;
	text-align : center;
	font-weight: normal;
}

.ranking {
	font-weight : bold;
	font-size   : 10px;
}

.ranking select {
	font-size  : 9px;
	background : #DFDFDF;
}