/*
	=============================================================================
																Hoja de estilos CSS judouniovi;
																				 - estilo global -
																				   [judouniovi.com]
															  Javier Fernández Rivera -aurea
	=============================================================================
*/

/*ETIQUETAS --------------------------------------------------------------------------------------------*/


body {						/*cuerpo del web*/
	margin: 0px 0px 0px 0px;
	padding: 54px 0px 30px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: black;
	background-color: #A2AEAB;
	background-image: url(../img/web/line_bg.gif);
	background-repeat: repeat-x;
	text-align: center; /*hack IE5 centrado box*/
}

/*titulos y encabezados*/
h1 {
	font-family: Georgia, "MS Serif", "New York", serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
	color: #009896;
	padding: 0px 0px 0px 8px;
	margin: 2px 0 8px 0;
	border-left: 2px solid #006ABC;
}
table h1 {
	border: none;
	padding: 0px;
	margin: 0px;
	line-height: 12px
}
table.calendario td h1 {text-align: center;}	/*contenido centrado para celdas del calendario*/

h2{
	font-family: Georgia, "MS Serif", "New York", serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	color: #006ABC;
	padding: 0px;
	margin: 0px;
}

hr {
	height: 1px;
	color: #009896;
	background-color: #DBE6E5;
	border-width: 0;
}

/*parrafos textuales*/
p {
	margin: 0px;
	padding: 0px;
	color: #3B4752;
}
p+p {
	margin-top: 10px; 
}


/*tablas*/
table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: none;
	border-color: White;
}
td { padding:2px 0 2px 0; }
td img {
	vertical-align: middle;
}

table.lista {width: 96%;}
table.lista td {border-bottom: 1px solid #009896;}
table p { margin: 2px 3px 3px 0px; }


/*enlaces*/
a:link,a:visited,a:active {text-decoration: none; color: #006ABC; }
a:hover {color: #009896; text-decoration: underline;}
/*enlaces superiores (ruta de navegacion) y de pie de pagina (creditos)*/
#main #sup a:link,#main #sup a:visited,#main #sup a:active {text-decoration: none; color: #DBE6E5; }
#main #sup a:hover {color: White; text-decoration: underline;} 
#main #inf a:link,#main #inf a:visited,#main #inf a:active {text-decoration: none; color: #DBE6E5; }
#main #inf a:hover {color: White; text-decoration: underline;} 
/*imagenes sin borde de enlace*/
#main a img {border: none;}

/*formularios*/
form {
	margin: 0px;
	padding: 0px;
}

/*componentes form*/
input,textarea,select {
	margin: 1px;
	padding: 1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #3B4752;
	line-height: 10px;
}
input:focus, textarea:focus { background-color: White; }  

/*fondo solo para input de entrada de texto*/
input[type="text"]{
	background-image: url(../img/web/degrainput_bg.gif);
	background-repeat: repeat-x;	
	background-color: #DBE6E5;
	border: 1px solid;
	border-color: #009896;
}
input[type="button"],input[type="submit"] {
	background-color: #A9CDCB;
	border: 1px solid;
	border-color: #009896;
}

/*solo botones*/
input[type="submit"]:hover{
	color: #006ABC;
	cursor: pointer;
}
input[type="reset"]:hover{
	color: #006ABC;
	cursor: pointer;
}
input[type="button"]:hover {
	color: #006ABC;
	cursor: pointer;
	background-color: White;
}
input.radio,input.checkbox{
	border: none; 
	background: White;
}

/*estilos para fuentes*/
.fontgeo {
	font-family: Georgia, "MS Serif", "New York", serif;
	font-weight: bold;
 }

.fontnormal{
	font-size: 11px; 
	line-height: 15px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.fontpeque{
	font-size: 10px; 
	line-height: 11px; 
	font-family: Verdana, Geneva, Helvetica, sans-serif; 
}
.fontmini{
	font-size: 10px; 
	line-height: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
}
.fontgrande {
	font-size: 12px; 
	line-height: 15px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.fontB {font-weight: bold;}
.fontJustify { text-align: justify; }
.fontL0{text-decoration: overline;}
.fontL1{text-decoration: underline;}
.fontL2{text-decoration: underline overline;}
.fontL3{text-decoration: line-through;}

/*colores de letra*/
.color1{color: #009896;}									/*verde - primario*/
.color2{color: #006ABC;}									/*azul - secundario*/
.color3{color: #00545A;}									/*verde oscuro */
.color4{color: #93C1BF;}									/*verde mas claro*/
.color5{color: #DBE6E5;}									/*verde mas mas claro*/
.color6{color: #3B4752;}									/*gris oscuro, escritura*/
.color7{color: #606D7A;}									/*gris menos oscuro escritura*/
.color8{color: #A2AEAB;}									/*gris menos menos oscuro escritura*/
.color9{color: Black;}										/*negro*/
.color10{color: White;}										/*blanco*/

/*colores de fondo*/
.bcolor1{background-color: #009896;}					/*verde - primario*/
.bcolor2{background-color: #006ABC;}					/*azul - secundario*/
.bcolor3{background-color: #00545A;}					/*verde oscuro */
.bcolor4{background-color: #93C1BF;}					/*verde mas claro*/
.bcolor5{background-color: #DBE6E5;}					/*verde mas mas claro*/
.bcolor6{background-color: #3B4752;}					/*gris oscuro, escritura*/
.bcolor7{background-color: #606D7A;}					/*gris menos oscuro escritura*/
.bcolor8{background-color: #A2AEAB;}					/*gris menos menos oscuro escritura*/
.bcolor9{background-color: Black;}						/*negro*/
.bcolor10{background-color: White;}						/*blanco*/

/*colores de borde*/
.brcolor1{border: 1px solid #009896;}					/*verde - primario*/
.brcolor2{border: 1px solid #006ABC;}					/*azul - secundario*/
.brcolor3{border: 1px solid #00545A;}					/*verde oscuro */
.brcolor4{border: 1px solid #93C1BF;}					/*verde mas claro*/
.brcolor5{border: 1px solid #DBE6E5;}					/*verde mas mas claro*/
.brcolor6{border: 1px solid #3B4752;}					/*gris oscuro, escritura*/
.brcolor7{border: 1px solid #606D7A;}					/*gris menos oscuro escritura*/
.brcolor8{border: 1px solid #A2AEAB;}					/*gris menos menos oscuro escritura*/
.brcolor9{border: 1px solid Black;}						/*negro*/
.brcolor10{border:1px solid White;}						/*blanco*/

/*sombras en fotos*/
.sombra_foto1 {
	background-image: url(../img/web/sombra_foto1.gif);
	background-repeat: no-repeat;
	width: 63px;
	height: 68px;
	/*padding: 3px 0px 0px 3px;*/
}.sombra_foto1 img {margin: 3px 0px 0px 3px;}

.sombra_foto2 {
	background-image: url(../img/web/sombra_foto2.gif);
	background-repeat: no-repeat;
	width: 82px;
	height: 62px;
}.sombra_foto2 img {margin: 3px 0px 0px 3px;}

.sombra_foto3 {

	background-repeat: no-repeat;
	width: 131px;
	height: 104px;
}.sombra_foto3 img {margin: 14px 0px 0px 8px;}
.sombra_foto3.grupo1{background-image: url(../img/web/sombra_foto3.gif);}
.sombra_foto3.grupo2{background-image: url(../img/web/sombra_foto32.gif);}
.sombra_foto3.grupo3{background-image: url(../img/web/sombra_foto33.gif);}

.sombra_foto4 {
	background-image: url(../img/web/sombra_foto4.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 88px;
}.sombra_foto4 img {margin: 2px 0px 0px 2px;}

/*solapa*/
.headsolapa {
	width: 168px;
	height: 18px;
	background-image: url(../img/web/ico-solapa.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 6px 0px;
}
.headsolapa img{margin: 7px 0px 0px 12px;}
.headsolapa.text {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: White;
	padding: 2px 0px 0px 12px;
}

/*tipo de noticia: internacional, nacional, club*/
.tiponoticia {
	text-align: left;
	width: 78px;
	height: 5px;
	margin: 2px 0px 5px 0px;
	padding: 0px;
	line-height: 0px;
}

/*imagen de enlace*/
.linkimg {
	border: none;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	vertical-align: middle;
}
.linkimg:hover { background-color: #A9CDCB; }

/*separador horizontal de pequeños guiones*/
.sepahori {
	width: auto;	
	height: 1px;
	background-image: url(../img/web/pix-guionx.gif);
	background-repeat: repeat-x;
	line-height: 0px;
}

.margenboton {
	margin: 30px 0px 20px 0px;
	background-color: #DBE6E5;
	border-top: 1px solid #006ABC;
	text-align: right;
	width: 96%;
}
.margenboton input {
	margin: 6px 3px 4px 3px;
}

/*AVISO DE OK Y ERR*/
.msg {
	background-color: White;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 10px 0px 30px 0px;
	height: 50px;
	overflow: auto;
	border: 1px solid #006ABC;
}
.msg.ok {background-image: url(../img/web/ico-ok.gif);}
.msg.err {background-image: url(../img/web/ico-err.gif);}
.msg p {
	margin: 8px 4px 4px 50px;
}