/* CSS Document */
body{
background:url(../images/fondopag.gif.gif);
border:none;
padding:0;
margin:0;
font-family:geneva, verdana,arial, sans-serif;
font-size:xx-small;
text-align:left;} /*para que nos centre toda la página*/

webtx{

text-align:left;
width:480px;
} 
h4{
margin-left:10px;
text-align:left;
font-family: geneva, verdana,arial, sans-serif;
font-size:130%;
font-weight:bold;
color:#999999;}

p{
margin:0 10px 0 10px;
text-align:justify;}
.sinraya{
text-decoration: none;
}

.texto {
margin:5px 0 10px 0;
text-align:justity;}

a.berezia{
text-decoration: none;
margin-left:10px;
font-size:130%;
font-weight:bold;
color:#999999;}
a:hover.berezia{
color:#999999;}

a{
color:#000;
text-decoration: none;}

a:hover{
color:#000;
text-decoration: underline;}

.cursiva {
	text-align:justify;
	font-style: italic;
} 

.txtgrisn{
color:#666666;
text-align:justify;
font-weight:bold;}

.txtnegrita{
margin:0 10px 0 10px;
font-weight:bold;}

.txtnegrita2{
margin:0;
font-weight:bold;}

.cajagriscl{
margin:8px 5px 0 5px;
padding:8px;
width:95% !important;
width:100%;
background-color:#eaeaea;
font-weight:bold;
text-align:justify;
}
.cajagris{
margin:0 5px 8px 5px;
padding:8px;
width:95% !important;
width:100%;
background-color:#ccc;
text-align:justify;
}
/*.......................................capas para logos de descargar programas.......................................*/


.pdf{
margin:0;
padding:5px 0 5px 25px;
width:250px;
background:url(../images/pdf.gif) no-repeat left top;

}


.www{
margin:0;
padding:5px 0 5px 25px;
width:250px;
background:url(../images/www.gif) no-repeat left top;
}
.word{
margin:0;
padding:5px 0 5px 25px;
width:250px;
background:url(../images/doc.gif) no-repeat left top;
}

.freehand{
margin:0;
padding:5px 0 5px 25px;
width:250px;
background:url(../images/freehand.gif) no-repeat left top;
}

.titucol{
margin-left:10px;
text-align:left;
font-family: geneva, verdana,arial, sans-serif;
font-size:130%;
font-weight:bold;
color:#999999;}


.col16{
padding-bottom:10px;
float:left;
width:16%;
height:110px !important;
height:150px;
margin:0;
padding-top:15px;
text-align:center;

}


.col25{
padding-bottom:10px;
float:left;
width:24%;
height:110px !important;
height:150px;
margin:0;
padding-top:15px;
text-align:center;
}

.col50{
padding-bottom:10px;
float:left;
width:50%;
margin:0;
padding-top:15px;
text-align:center;
}
.colu30{
padding-bottom:10px;
float:left;
width:32%;
padding-top:15px;
text-align:center;
}

/*............................................Copias de estilos, con float..........................................*/
/*.cajasupf{
float:left;
margin:10px 0 0 0;
width:562px;
height:9px;
background-image: url(../images/cabecajab.gif);
background-repeat: no-repeat;
background-position:center bottom;}*/

/*.cajaf{
float:left;
margin:0;
padding-bottom:10px;
width:560px !important;
width:562px;
text-align:left;
background-color:white;
border-right:1px solid #999999;
border-left:1px solid #999999;
}*/

/*.invisible{
margin:0;
margin-top:0 !important;
width:560px !important;
width:562px;
height:20px;
}*/
/*.cajainff{
float:left;
margin-top:0 !important;
margin-top:-10px;
width:562px;
height:9px;
background-image: url(../images/piecajab.gif);
background-repeat: no-repeat;
background-position:center top;}
*/

.cajainff2{
float:left;
margin-top:-10px !important;
margin-top:-20px; /*en IE, cada etiqueta que pongamos sin float, dentro de un float, crea un espacio o margen.*/
width:562px;
height:9px;
background-image: url(../images/piecajab.gif);
background-repeat: no-repeat;
background-position:center top;}

#contgeneralf{
float:left;
margin:0;
padding:15px;
width:570px !important;
width:602px;
border-right:1px solid #999999;
border-left:1px solid #999999;
background-color:#fdfbf3;}

#piecontenedorgeneralf{
float:left;
width:603px;
height:40px;
background: url(../images/piecontenidos.gif) no-repeat left top;
}

.cajagrisclf{
float:left;
margin:8px 5px 0 5px;
padding:8px;
width:95%;
background-color:#eaeaea;
font-weight:bold;
text-align:justify;
}
.cajagrisf{
float:left;
margin:0 5px 8px 5px;
padding:8px;
width:95%;
background-color:#ccc;
}
.tituf{
float:left;
width:80%;
margin-left:10px;
text-align:left;
font-family: geneva, verdana,arial, sans-serif;
font-size:130%;
font-weight:bold;
color:#999999;}

.pdff{
float:left;
margin:0;
padding:5px 0 5px 25px;
width:250px;
background:url(../images/pdf.gif) no-repeat left top;
}
.freehandf{
float:left;
margin:0;
padding:5px 0 5px 25px;
width:250px;
background:url(../images/freehand.gif) no-repeat left top;
}

.wordf{
float:left;
margin:0;
padding:5px 0 5px 25px;
width:250px;
background:url(../images/doc.gif) no-repeat left top;
}


/*............................................fin de Copias de estilos, con float..........................................*/

/*.......................................capas para logos de descargar programas.......................................*/


/*................................capa principal.....contiene la foto de cabecera, el gif animado de logos y la barra de navegación....................*/
#principal {
width:780px;
margin-right: auto;
margin-left:auto;
text-align:left; /*para que el contenido se alinee a la izda*/}

/*..............capa burukoa: foto de cabecera............*/
#burukoac {
width:754px;
height:124px;
margin:0;
}



/*CARRUSEL=Logotipos de Patrocinadores..........van en la capa de cabecera junto con foto y lista de navegación, con POSICIÓN RELATIVA.................*/

#carrusel{
margin-top:-68px;
top:-27px;
left:607px;
position:relative;
width:125px;
height:65px;}



/*.................................fin de la capa carrusel, que tiene posición relativa a la capa "principal"....................................*/

#navegacion{
background:url(../images/pienavegacion.gif);
margin:0;
height:20px;
width:754px;
border:0;
text-align:right;
display:none;
}
#navegacion ul{
margin:0;
padding:4px 20px 0 0;
}

#navegacion li{
list-style:none;
display:inline;
}

#navegacion li a{
color:#fff;
border-right:1px solid #fff;
padding-left:19px;
padding-right:2px;
text-decoration:none;
}
#navegacion a:hover{
text-decoration:underline;}
#navegacion li a.bat {
background-image:url(../images/menu1.gif); 
background-repeat:no-repeat;
background-position:left center;
}
#navegacion li a.bi {
background-image:url(../images/menu2.gif);
background-repeat:no-repeat;
background-position:left center;
}
#navegacion li a.hiru {
background-image:url(../images/menu3.gif);
background-repeat:no-repeat;
background-position:left center;
}
#navegacion li a.lau {
background-image:url(../images/menu4.gif);
background-repeat:no-repeat;
background-position:left center;
}
#navegacion li a.bost {
	background-image:url(../images/menu1.gif);
	background-repeat:no-repeat;
	background-position:left center;
	border-right:0;
}
/*fin navegación*/

/*.................................................................fin principal..........................................................................*/


/*.........................capa cont, contenedor de contenidos e indice lateral derecho...........*/

#cont {
width:754px;
margin-top:5px;
}

#conttx { /*contenedor txiki*/
width:603px;
margin-top:5px;
}

/*.........................capa zonacontenido, los contenidos.......................................*/
/*cabecera de contenido izquierda*/
#zonacontenido
{float:right; /*me sube la capichuela rosa*/
width:615px;
margin:0;
}


/*...........................títulos de todos los contenedores..............................*/

/*titulo 1*/
#titulo1c{
width:603px;
height:40px;
}



/* fin titulo 1*/

#piecontenedorgeneral{
width:603px;
height:40px;
background: url(../images/piecontenidos.gif) no-repeat left top;
}


/*titulo 2*/

#titulo2c{
width:603px;
height:40px;
}


/* fin titulo 2*/
/*titulo 3*/
#titulo3c{
width:603px;
height:40px;
}



/* fin titulo 3*/
/*titulo 4*/
#titulo4c{
width:603px;
height:40px;
}



/* fin titulo 4*/
/*titulo 5*/
#titulo5c{
width:603px;
height:40px;
}



/* fin titulo 5*/
/*titulo 6*/
#titulo6c{
width:603px;
height:40px;
}



/* fin titulo 6*/
/*titulo 7*/
#titulo7c{
width:603px;
height:40px;
}


/* fin titulo 7*/
/*titulo 8*/
#titulo8c{
width:603px;
height:40px;
}



/* fin titulo 8*/



/*........................... fin de títulos de todos los contenedores..............................*/
/*...........contiene el texto,imagen... los contenidos de la página, para meter padding...........*/



#contenedor{
margin:0;
padding:15px;
width:570px !important;
width:602px;
border-right:1px solid #999999;
border-left:1px solid #999999;
background-color:#f7fcef;
}

#contenedorbajo{
margin:0;
padding-right:15px;
width:585px !important;
width:602px;
height:12px;
border-right:1px solid #999999;
border-left:1px solid #999999;
background-color:#f7fcef;
text-align:right;
}


#contenedorbajo a{
color:#666;
text-decoration: none;}

#contenedorbajo a:hover{
color:#666;
text-decoration: underline;}



#leermas{
margin:0;
float:left;
width:92% !important;
width:90%;
height:12px;
}

.leermasgif{
margin:0;
float:right;
background-image: url(../images/leermas.gif);
background-repeat:no-repeat;
width:12px;
height:12px;}
/*el pie de contenedor*/
#piecontenedor{
	width:603px;
	height:30px;
	background-image: url(../images/pienoti.gif);
	background-repeat:no-repeat;
}

.centro{
padding: 0 3px 5px 3px;
text-align:center;}
/*..................................cajas de texto interiores............................*/
.cajasup{
margin:20px 0 0 0;
width:562px;
height:9px;
background-image: url(../images/cabecajab.gif);
background-repeat: no-repeat;
background-position:center bottom;}

.caja{
margin:0;
padding:5px 0 5px 0;
width:560px !important;
width:562px;
text-align:left;
background-color:white;
border-right:1px solid #999999;
border-left:1px solid #999999;
}
.cajainf{
margin:0;
width:562px;
height:9px;
background-image: url(../images/piecajab.gif);
background-repeat: no-repeat;
background-position:center top;}

/*..................................fin de cajas de texto interiores............................*/

/*...........................contenedor de páginas de contenido..........................*/

#contgeneral{
margin:0;
padding:20px 15px 15px 15px;
width:570px !important;
width:602px;
border-right:1px solid #999999;
border-left:1px solid #999999;
background-color:#fdfbf3;
}

/*indice dcha*/
/*.............................. indice lateral derecho.......................................... */

#indice {	
	width: 139px;
	float:right;
	text-align:left;
	display:none;}

#indice h4 {
border:0;
margin:0;
width:139px;
height:48px;
background:url(../images/cabeindc.gif) no-repeat left top;}


#indice h4 span{
display:none;}


#listaindice {	
	border-right: solid 1px #6A829C;
	border-left: solid 1px #6A829C;
	
	
}

#pieindice {	
	background-image:url(../images/pieind.gif);
	width:139px;
	height:18px;
	background-repeat: no-repeat;
	background-position:left top;	
}

#indice ul{
    background-color: #f9f9fe;
    margin:0;
	padding-top:0;
	padding-bottom:2px;
	padding-left:2px;
}

#indice li{
border-top:1px solid #ccf;
margin-left:-2px;
	list-style: none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}

#indice li a{
	color: #425972;
}
#indice li.ultimolista{
border-top:1px solid #ccf;
border-bottom:1px solid #ccf;}

#indice a{
	
	color: #425972;
	text-decoration: none;
}

#indice a:hover{
	text-decoration: underline;
}


#indice #subindicepag{
    margin-top:3px;
	margin-left:7px;
	margin-bottom:3px;
	padding:0px;
	padding-top:2px;
	padding-bottom:2px;
}
#indice #subindicepag li{
border:0;}
#indice #subindicepag li a.flechanaranja{
padding-left:17px;
background-image: url(../images/ubica.gif);
background-repeat: no-repeat;
background-position: left center;}

#indice #subindicepag li a{
	list-style: none;
	padding-top:2px;
	padding-left:17px;
	padding-bottom:2px;
	border-top: 0;
	background-image: url(../images/ubica2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#indice #subindicepag li a.tx{
width:50px;
font-size:95% !important;
font-size:85%;}

#indice li a.actual{

	font-weight:bold;
}

/*....................................................................................................................*/
/*capa trescolumnas*/
#trescolumnas {
margin:0;
width:615px;
height:20px;
}

#col1{
float:left;
margin:0;
width:204px;
height:36px;}



#col2{
float:left;
margin:0;
width:204px;
height:36px;
}

#col3{
float:left;
margin:0;
width:204px;
height:36px;
}


.contenedorbajotx{
margin-top:0;
padding-top:4px;
padding-right:4px;
width:188px !important;
width:194px;
border-right:1px solid #999999;
border-left:1px solid #999999;
background-color: #f9f9fe;
text-align:right;
}
.contenedorbajotx a{
color:#666;
text-decoration: none;}

.contenedorbajotx a:hover{
color:#666;
text-decoration: underline;}

.contenedorbajotxb{
margin-top:0 !important;
margin-top:-3px;
padding-top:4px;
padding-right:4px;
width:188px !important;
width:194px;
border-right:1px solid #999999;
border-left:1px solid #999999;
background-color: #f9f9fe;
text-align:right;
}
.contenedorbajotxb a{
color:#666;
text-decoration: none;}

.contenedorbajotxb a:hover{
color:#666;
text-decoration: underline;}

.leermastx{
margin:0;
float:left;
width:75% !important;
width:70%;
height:12px;
}
.piefototx{
display:none;
margin:0;
border:0;
width:194px;
height:14px;
background:url(../images/piefoto.gif) no-repeat left top;
}
/*..........................................columnas en páginas diferentes a la home..........................*/
/*capa trescolumnastx*/
#trescolumnastx {
text-align:left;
padding-left:60px !important;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
margin:0;
width:470px;
height:20px;
}
#col1tx{
float:left;
margin:15px 0 0 0;
width:25px;
height:25px;
background:url(../images/freehand.gif) no-repeat left top;
}
#col2tx{
float:left;
margin:15px 0 0 0;
width:125px;
height:25px;
}
#col3tx{
float:left;
margin:15px 0 0 0;
width:25px;
height:25px;
background:url(../images/jpg.gif) no-repeat left top;
}
#col4tx{
float:left;
margin:15px 0 0 0;
width:96px;
height:25px;
}
#col5tx{
float:left;
margin:15px 0 0 0;
width:25px;
height:25px;
background:url(../images/metafile.gif) no-repeat left top;
}
#col6tx{
float:left;
margin:15px 0 0 0;
width:160px;
height:25px;
}
/*....................................................página de patrocinadores........................................*/

.col30{
float:left;
margin:0;
width:30%;
padding-top:15px;
text-align:center;
vertical-align: middle;}

.col60{
float:left;
padding:5px 0 5px 0;
margin:0;
width:65%;
text-align:left;
background-color:#eaeaea;
}
#col600{
margin:8px 15px 8px 15px;
padding-left:25px;
width:300px;
height:17px;
background:url(../adminkirolgi/iconos/notiene.gif) no-repeat left top;
}
#col601{
margin:8px 15px 8px 15px;
padding-left:25px;
width:300px;
height:17px;
background:url(../adminkirolgi/iconos/doc.gif) no-repeat left top;
}
#col602{
margin:8px 15px 8px 15px;
padding-left:25px;
width:300px;
height:17px;
background:url(../adminkirolgi/iconos/pdf.gif) no-repeat left top;
}
#col603{
margin:8px 15px 8px 15px;
padding-left:25px;
width:300px;
height:17px;
background:url(../adminkirolgi/iconos/freehand.gif) no-repeat left top;
}
#col604{
margin:8px 15px 8px 15px;
padding-left:25px;
width:300px;
height:17px;
background:url(../adminkirolgi/iconos/jpg.gif) no-repeat left top;
}
#col605{
margin:8px 15px 8px 15px;
padding-left:25px;
width:300px;
height:17px;
background:url(../adminkirolgi/iconos/metafile.gif) no-repeat left top;
}
#col606{
margin:8px 15px 8px 10px;
padding-left:25px;
width:300px;
height:17px;
background:url(../adminkirolgi/iconos/www.gif) no-repeat left top;
}

.colB60{
float:left;
padding:5px 0 5px 0;
margin:0;
width:80%;
text-align:left;
background-color:#eaeaea;
}
#colB600{
margin:8px 15px 8px 15px;
padding-left:25px;
width:500px;
height:17px;
background:url(../adminkirolgi/iconos/notiene.gif) no-repeat left top;
}
#colB601{
margin:8px 15px 8px 15px;
padding-left:25px;
width:500px;
height:17px;
background:url(../adminkirolgi/iconos/doc.gif) no-repeat left top;
}
#colB602{
margin:8px 15px 8px 15px;
padding-left:25px;
width:500px;
height:17px;
background:url(../adminkirolgi/iconos/pdf.gif) no-repeat left top;
}
#colB603{
margin:8px 15px 8px 15px;
padding-left:25px;
width:500px;
height:17px;
background:url(../adminkirolgi/iconos/freehand.gif) no-repeat left top;
}
#colB604{
margin:8px 15px 8px 15px;
padding-left:25px;
width:500px;
height:17px;
background:url(../adminkirolgi/iconos/jpg.gif) no-repeat left top;
}
#colB605{
margin:8px 15px 8px 15px;
padding-left:25px;
width:500px;
height:17px;
background:url(../adminkirolgi/iconos/metafile.gif) no-repeat left top;
}
#colB606{
margin:8px 15px 8px 15px;
padding-left:25px;
width:500px;
height:17px;
background:url(../adminkirolgi/iconos/www.gif) no-repeat left top;
}

.cajafija{
	width:560px !important;
	width:562px;
	height:95px;
	text-align:left;
	background-color:white;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	vertical-align: middle;
}
.cajafijacuadernos{
	width:560px !important;
	width:562px;
	height:125px;
	text-align:left;
	background-color:white;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	vertical-align: middle;
}


/*.................................................fin página de patrocinadores........................................*/

/*.................................................Estilos para formularios..............................................*/
.col30form{
float:left;
margin-top:-7px;
margin-left:20px;
width:33%;
padding-top:15px;
text-align:left;
vertical-align:top;}

.col60form{
float:left;
padding:5px 0 5px 0;
margin:0;
width:57%;
text-align:left;
}

form{
margin:0;}
.formtxt{
font-family:geneva, verdana,arial, sans-serif;
font-size:xx-small;}
/*.................................................fin de Estilos para formularios..............................................*/

/*.................................................página de noticias..........................................................*/
#noticiashead{
width:603px;
height:65px;
}




/*........navegación noticias...........*/
#navegacionnot{
background:url(../images/pieventnoticias.gif);
margin:0;
height:22px;
width:603px;
border:0;
text-align:right;}
#navegacionnot ul{
margin:0;
padding:4px 20px 0 0;
}

#navegacionnot li{
list-style:none;
display:inline;
}

#navegacionnot li a{
color:#fff;
border-right:1px solid;
padding-left:10px;
padding-right:5px;
text-decoration:none;
}
#navegacionnot a:hover{
text-decoration:underline;}

#navegacionnot li a.ultima {
	border-right:0;
}
#navegacionnot li a.espaciado {
margin-right:300px !important;
margin-right:280px;
}

/*.............fin navegación noticias...........*/

#cabnoticias{
margin-top:0 !important;
margin-top:-10px;
background: url(../images/cabetablanotvent.gif) no-repeat left bottom;
width:603px;
height:46px;}

#cabnoticias{
float:left;
margin-top:0 !important;
margin-top:-10px;
background: url(../images/cabetablanotvent.gif) no-repeat left bottom;
width:603px;
height:46px;}

#contgeneraltx{
margin:0;
padding:15px;
width:570px !important;
width:602px;
border-right:1px solid #999999;
border-left:1px solid #999999;
background-color:#f9f9fe;}


#piecontenedorgeneraltx{
margin-left:-1px;
width:603px;
height:30px;
background: url(../images/pietablanoticias.gif) no-repeat left top;
}
/*#piecontenedorgeneraltxf{
float:left;
margin-left:-1px;
width:603px;
height:30px;
background: url(../images/pietablanoticias.gif) no-repeat left top;
}*/

#zonacontenidotx
{
width:615px;
margin:0;
}


/*................................................. fin de página de noticias..........................................................*/


/*.................................................  página quieres..........................................................*/

#quiereshead{
width:603px;
height:65px;
}



#cabquieres1{
margin-top:30px !important;
margin-top:0;
width:603px;
height:42px;}


#cabquieres2{
margin-top:30px !important;
margin-top:0;
width:603px;
height:42px;}



#cabquieres3{
margin-top:30px !important;
margin-top:0;
width:603px;
height:42px;}




.navegacionqui{
margin:0;
width:560px;
border:0;
text-align:left;}
.navegacionqui ul{
margin:0;
padding:3px 3px 0 6px;
}

.navegacionqui li{
list-style:none;
display:inline;
}

.navegacionqui li a{
color:#000;
border-right:1px solid #999;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}
.navegacionqui a:hover{
text-decoration:underline;}

.navegacionqui li a.ultima {
	border-right:0;
	}


/*.................................................  fin de página quieres..........................................................*/


/*................................................. página actuaciones..........................................................*/

#actuahead{
width:603px;
height:65px;
}



/*.................................................  fin de página actuaciones..........................................................*/

#fotohead{
width:603px;
height:65px;
}


/*..................................................... página fotos..........................................................*/

#cabfoto1{ /*........................'ganadores de ediciones anteriores'..............................*/
margin-top:30px !important;
margin-top:0;
width:603px;
height:42px;}



#cabfoto1f{ /*........................'ganadores de ediciones anteriores float:left'..............................*/
float:left;
margin-top:30px !important;
margin-top:0;
width:603px;
height:42px;}

#cabfoto1f h3{
margin:0;
background: url(../images/titu1esp3c.gif) no-repeat left bottom;
width:603px;
height:42px;}
#cabfoto1f h3 span{
display:none;}

#cabfoto2{ /*........................'bases'..............................*/
margin-top:30px !important;
margin-top:0;
width:603px;
height:42px;}

#cabfoto2 h3{
margin:0;
background: url(../images/titu2esp3c.gif) no-repeat left bottom;
width:603px;
height:42px;}
#cabfoto2 h3 span{
display:none;}


/*..................................................... fin de página fotos..........................................................*/