@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Titulos';
    src: url('../fuentes/Karate.ttf');
    font-size:40;
}
@font-face {
    font-family: 'Texto';
    src: url('../fuentes/textoNormal.otf');
    font-size:18;
}
@font-face {
    font-family: 'TextoTitulo';
    src: url('../fuentes/textoNegrita.otf');
   
}
@font-face {
    font-family: 'TextoCosido';
    src: url('../fuentes/TextoCosido.ttf');
   
}
		
		
		body {
			font-family: Texto;
			background-color:#1f4e74;
			margin: 0px;
		}
		a {
			text-decoration: none;
			
		}
        #divContenido{
			width:100%;
			
			background-color:white;
			
			
			position:relative;
			
			
		}
		 
		#divLogo{
			position:absolute;
			width:20%;
			height:100px;
			z-index:1;
			top:10px;
			left:10px;
		
		}
		#imgLogo{
			width:200px;
			height:200px;
		}
		#divMenu{
			
			position:absolute;
			width:60%;
			height:100px;
			bottom:0px;
			left:20%;
			text-align:center;
			
		
		}
		#divMenuMovil{
    display: none;
  }
		#divTitulo{
			font-family: 'TextoCosido';
			position:absolute;
			width:100%;
			height:80px;
			text-align:center;
			font-size: 80px;
			color: black;
			top:20px;
			z-index:10;
			-webkit-text-fill-color: white;
			-webkit-text-stroke: 2px black;
			-moz-text-fill-color: white;
			-moz-text-stroke: 5px black;
			-o-text-fill-color: white;
			-o-text-stroke: 5px black;
			
			
		
		}
		
		#imgTitulo{
			
			height:80px;
			width:60%;
			
			
		}
		#divJudoJapon{
			position:absolute;
			width:20%;
			height:80%;
			bottom:0px;
			right:0%;
			text-align:right;
			margin-right:20px;
			
			
			
		}
		
		#imgJudoJapon{
			
			height:100%;
			
		}
		
		
		
		#divCabecera{
			position:absolute;
			width:100%;
			height:160px;
			background-image:url(../imagenes/cabecera.jpg);
			background-size:cover;
			
			
				
		}
		#ulMenu li {
			
				display:inline-block;
				text-align:center;
				font-family: 'TextoTitulo';
				color:#1f4e74;
				font-size:25;
				padding-left:10px;
				padding-right:10px;
				margin-left:10px;
				margin-right:10px;
				height:40px;
				line-height:40px;
				
				
				border-radius: 15px 15px 0px 0px;
				-webkit-border-radius: 15px 15px 0px 0px;
				-moz-border-radius: 15px 15px 0px 0px;
				-o-border-radius: 15px 15px 0px 0px;
			}
		#ulMenu{
				margin:0px;
				padding:0px;
				position:absolute;
				width:100%;
				height:40px;
				bottom:0px;
				
				
				
				
				
			}
		#ulMenu li.liFijo{
				background-color:#1f4e74;
				color:white;
			}
		#ulMenu li.liNormal:hover{
				background-color:#1f4e74;
				color:white;
			}
			
		#ulMenu li.liNormal{
				transition-property:background-color,color;
				-webkit-transition-property:background-color,color;
				-moz-transition-property:background-color,color;
				-o-transition-property:background-color,color;
				transition-duration:1s;
				-webkit-transition-duration:1s;
				-moz-transition-duration:1s;
				-o-transition-duration:1s;	
			}
			
		
		#divPrincipal{
			top:200px;
			position:absolute;
			width:100%;
			text-align:center;
			
			
		}
		#divIzquierda{
			position:absolute;
			left:10px;
			width:20%;
			top:30px;
			
			
		}
		#divCentral{
			display:inline-block;
			width:60%;
			
			
			
		}
		#divDerecha{
			position:absolute;
			right:10px;
			width:20%;
			
			
			
		}
		
		#imagenes{
			
			width:100%;
			text-align:center;
		}
		
		#divTexto{
			padding-top:50px;
			padding-left:10%;
			padding-right:10%;
			
		}
		
		#ulNoticias li {
				width:90%;
				display:inline-block;
				
				text-align:center;
				
				color:#1f4e74;
				font-size:18;
				padding-left:20px;
				padding-right:20px;
				
				padding-top:15px;
				padding-bottom:20px;
				margin-top:20px;
				margin-bottom:20px;
				
				text-align:left;
				background-color:white;
				
				box-shadow: 10px 10px 25px 25px rgba(0,0,0,0.2);
				-webkit-box-shadow: 10px 10px 25px 25px rgba(0,0,0,0.2);
				-moz-box-shadow: 10px 10px 25px 25px rgba(0,0,0,0.2);
				-o-box-shadow: 10px 10px 25px 25px rgba(0,0,0,0.2);
				border-radius: 15px 15px 15px 15px;
				-webkit-border-radius: 15px 15px 15px 15px;
				-moz-border-radius: 15px 15px 15px 15px;
				-o-border-radius: 15px 15px 15px 15px;
				
			}
		#ulNoticias{
				background-color:white;
				margin:0px;
				padding:0px;
				position:absolute;
				width:60%;
				text-align:center;
				
				color:black;
				font-size:18;
				height:100%;
				
				border-radius: 15px 15px 15px 15px;
				-webkit-border-radius: 15px 15px 15px 15px;
				-moz-border-radius: 15px 15px 15px 15px;
				-o-border-radius: 15px 15px 15px 15px;
				
			}
			
		
			#ulDerecha li {
			
				display:inline-block;
	text-align:center;
	
	color:#86a2be;
	font-size:18;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:20px;
	margin-top:5px;
	margin-bottom:20px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color:#86a2be;
				
			}
		#ulDerecha{
				
				margin:0px;
				padding:0px;
				position:absolute;
				
				text-align:center;
				
				color:black;
				font-size:18;
				
			}
			
			
			#ulIzquierda li {
	display:inline-block;
	text-align:center;
	
	color:#86a2be;
	font-size:18;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:20px;
	margin-top:5px;
	margin-bottom:20px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color:#86a2be;
				
				
				
				
				
			}
		#ulIzquierda{
				
				margin:0px;
				padding:0px;
				position:absolute;
				
				text-align:center;
				
				color:black;
				font-size:18;
				
				
				
			}
	#textoFecha{
		
		display:inline-block;
		
		background-color:#ff0000;
		-webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		border-radius: 0px 15px 5px 15px;
		-webkit-border-radius: 0px 15px 5px 15px;
		-moz-border-radius: 0px 15px 5px 15px;
		-o-border-radius: 0px 15px 5px 15px;
		padding-left:10px;
		padding-right:10px;
		margin-left:10px;
		margin-top:10px;
		
		font-family: Titulos;
		font-size: 40px !important;
		color: white;
		
		text-shadow: 1px 1px 1px rgba(0,0,0,.75);
		border-style: solid;
	border-width: 3px;
	border-color:#d59a20;
				
	}
	.fechaFoto{
		
		color:white;
		position:absolute;
		width:40px;
		height:60px;
		background-color:#ff0000;
		
	}
	#ulFotos{
		
				margin:0px;
				margin-top:20px;
				padding:0px;
				position:absolute;
				width:100%;
				text-align:center;
				
				color:black;
				font-size:18;
				height:100%;
				
				border-radius: 15px 15px 15px 15px;
				-webkit-border-radius: 15px 15px 15px 15px;
				-moz-border-radius: 15px 15px 15px 15px;
				-o-border-radius: 15px 15px 15px 15px;
		}
		#ulFotos li a{
			text-decoration:none;
		}
		
		#ulFotos li{
			
				display:inline-block;
				background-color:white;
				background-size:cover;
				text-align:center;
				
				color:#43250d !important;
				font-size:18;
				vertical-align: middle;
				padding-left:10px;
				padding-right:10px;
				margin-left:20px;
				margin-right:20px;
				padding-top:0px;
				padding-bottom:20px;
				margin-top:20px;
				margin-bottom:20px;
				
				
				border-radius: 15px 15px 15px 15px;
				-webkit-border-radius: 15px 15px 15px 15px;
				-moz-border-radius: 15px 15px 15px 15px;
				-o-border-radius: 15px 15px 15px 15px;
		}
		
		#imgFoto{
			
			
			height:150px;
			
			
		}
	
	
	#textoTitulo{
		
		display:inline-block;
		
		
		padding-left:10px;
		padding-right:10px;
		
		
		font-family: 'Texto';
		font-size: 22px;
		color: #fff;
		
		text-shadow: 1px 1px 1px rgba(0,0,0,.75);
		
				
	}

#imgCalendario{
			
			-webkit-transition: opacity 1s ease-in-out;
  			-moz-transition: opacity 1s ease-in-out;
  			-o-transition: opacity 1s ease-in-out;
  			transition: opacity 1s ease-in-out;
			width:100%;
			margin-right:10px;
			
		}
#imgNoticiaIz{
			
			float:left;
			height:150px;
			margin-right:10px;
			
		}
		#imgDeportista{
			
			float:left;
			height:300px;
			margin-right:40px;
			margin-top:40px;
		}
		#imgCampeon{
			
			float:left;
			height:150px;
			margin-right:10px;
			
		}
		#imgNoticiaDr{
			
			float:right;
			height:150px;
			margin-right:10px;
			
		}
#imgNoticiaCr{
			
			
			width:100%;
			
			
		}
		#imgCentrada{
			
			
			height:150px;
			margin-right:10px;
			
		}
		#frameIzquierda{
			border:0;
			height:1000px;
			width:100%;
			
			
		}
		
		#frameDerecha{
			border:0;
			height:1000px;
			width:100%;
			
			
		}
		#frameCentral{
			border:0;
			height:1000px;
			width:100%;
			
			
		}
		#ulRevistas li{
		display:inline-block;
		vertical-align: middle;
				padding-left:10px;
				padding-right:10px;
				margin-left:20px;
				margin-right:20px;
				padding-top:0px;
				padding-bottom:20px;
				margin-top:20px;
				margin-bottom:20px;
				color:white;
				font-size:30px;
	}
	#imgRevistas{
		
		width:400px;
	}
	#textoRevistas{
		
		display:inline-block;
		
		background-color:#ff0000;
		-webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		border-radius: 15px 15px 15px 15px;
		-webkit-border-radius: 15px 15px 15px 15px;
		-moz-border-radius: 15px 15px 15px 15px;
		-o-border-radius: 15px 15px 15px 15px;
		padding-left:10px;
		padding-right:10px;
		margin-left:80px;
		margin-top:10px;
		
		
		font-size: 40px !important;
		color: #fff;
		
		text-shadow: 1px 1px 1px rgba(0,0,0,.75);
		
				
	}
		.evento { border: 1px solid green;padding: 2px 3px !important;margin:0 !important; background-color:#6F9; color: orange !important; font-weight: bold }
		.sinclase { color: red !important; font-weight: bold }

		
		input[type=button] {
		    background-color:#202617;
		    font-size:12pt;
		    color:white;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
		}
		input[type=button]:hover {
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.boton{
			background-color:#112B40;
		    font-size:12pt;
		    color:white;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
		}
		.boton:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		.boton span{
			font-size:15pt;
			line-height:20pt;
		}
		
		#divErrores{
		  	background-color:#fff59b;
		  	border-width: 2px;
		  	border-style: solid; 
		  	border-color: red;
		  	font-size:12pt;
		  	text-align:left;
		  	padding:5px;
  		}
  	#divAvisos{
		  	background-color:#BBEDEF;
		  	border-width: 2px;
		  	border-style: solid; 
		  	border-color: blue;
		  	font-size:12pt;
		  	text-align:left;
		  	padding:5px;
		}