/* CSS Document */
body{
background: url(../images/azpia.jpg) top center no-repeat;
	margin:15px 0px 0px 0px ;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#2D464A;
	
}
a:link{color: #e61944;
}

a:visited{
color: #e61944;
text-decoration:none;

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

}
 a:active{
color: #666666;
text-decoration:none;

}


/*================================================CSS PLANTILLA========================*/
#body{
	width:760px;
	margin:auto;

	border:1px #5A6F72 solid;
	background: url(../images/edukia_azpia.jpg) top center repeat-y;
	padding:0px 0px 0px 0px;

}

#body:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#header {
       clear:both;
        float:left;
      	font-size:10px;
	width:100%;
	height:26px;

}

#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}


	


/*==============================CONTENEDOR===================================*/
#colmask {

    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:80%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		border:#FF0000 4px solid;
	
			
}
/* common column settings */

	.colleft {
		float:left;
		width:100%;
		position:relative;
	
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;
		overflow:hidden;
	}



/* 2 Column (left menu) settings */
	.leftmenu {
		/* right column background colour */
	}
	.leftmenu .colleft {

		right:76%;				/* right column width */

	 
	}
	.leftmenu .col1 {


		width:70%;				/* right column content width */
		left:109.3%;				/* 100% plus left column left padding */
	}
	.leftmenu .col2 {

		width:21%;				/* left column content width (column width minus left and right padding) */
		left:6%;				/* (right column left and right padding) plus (left column left padding) */
	
	}
	

	
	.col1 img{
	padding:0px;
	margin:0px;}
	
	
								

#boxmain {
background:#FFFFFF;

width:91.5%;

font-size:11px;
margin:-2px 0px 0px 0px;
padding:10px;
text-align:left;
	}
.box {


	width: 100%;
	font-size:11px;
padding: 0px 0px 20px 0px;

	}
	
.box h2{
font-size:14px;
font-weight:bold;
color:#FF0066;
border-bottom:1px solid #CCCCCC;
padding:0px;
margin:0px;
}

.box ul{

width:100%;
margin:0px;
padding:0px;
float:left;


}
.box li{
list-style: none;
margin:5px 5px 10px 5px;
padding:5px; 
width:130px;
height:150px;
float:left;
 
}

.box li img{


border:2px #CCCCCC solid;

float:left;

 
}



	
.tit {
	color: #ffffff;
	background-color:#2d2d2d;
	font-size: 13px;
	border: 1px solid #2d2d2d;
	border-collapse: collapse;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
		font-family: Geneva, Arial, Helvetica, sans-serif;

}
.tit  a:link{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;

}
.tit  a:visited{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;

}
.tit  a:hover{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;

}
.tit  a:active{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;

}
.txt {
	color: #000000;
	background-color:#FFFFFF;
	padding: 4px;
	margin: 0px;
	border:1px #CCCCCC solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




.menu {
	 padding:0px;
	 margin:0px;

}
.menu img{
   border:0px;

}
.menu a:link {
	font-weight: bold;	
	font-size: 11px;
	color: #2d2d2d;
	text-decoration:none;

}.menu a:visited {
 	font-weight: bold;	
	font-size: 11px;
	color: #2d2d2d;
	text-decoration:none;


}
.menu a:hover {
 	color: #999999;
}

.menu a:active {
	color: #9698BE;

}

.menu ul {
	 width:100%; 
	 padding:0px;
	 margin:0px;

}
.menu li {
     padding:7px 0px 5px 0px ; 
	 display:block;
	border-bottom:1px solid #2d2d2d;
color: #7B7B7B;
}

.azpimenu a:link {
	font-size: 10px;
color: #7B7B7B;
	font-weight: normal;	
	text-decoration:none;
padding:1px 3px 1px 0px ;


}

.azpimenu a:visited {
   font-size: 10px;
color: #7B7B7B;
	font-weight: normal;	
	text-decoration:none;
padding:1px 3px 1px 0px ;


}
.azpimenu a:hover {
     font-size: 10px;  
	color: #FF9900;
}
.azpimenu a:active {
    font-size: 10px;
	color: #FF9900;
}

.azpimenu li {
     padding:2px 0px 2px 20px ; 
	 display:block;
  font-size: 10px;
  border:0;
}

.small {
	font-size:80%;
}

.big {
	font-size:120%;
}



/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
	
    }
    #footer p {
        padding:10px;
		font-size:10px;
		color:#999999;
		text-align:center;
        margin:0;
    }
	
	/*======================================PRE-PLANTILLA=======================*/

#edukia_index{
background:url(../images/edukia.jpg) no-repeat;
margin:auto;
position:relative;
width:760px;
height:420px;
border:1px solid #5A6F72;

}
#edukia{
background: transparent url(../images/edukia.jpg) repeat-y ;
margin:auto;


width:760px;
border:1px solid #5A6F72;






}
/* ============================MENU TOP===============================*/
#menu{


width:760px;
color:#ffffff;
text-align:right;
font-size:11px;
}
#menu ul{
padding: 5px 0px 0px 0px;
margin:0px;


}
#menu li{
display:inline;
padding:3px;
}
#menu a:link{
color:#ffffff;
text-decoration:none;

}
#menu a:visited{
color: #ffffff;
text-decoration:none;

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

}
#menu a:active{
color: #FF6699;
text-decoration:none;

}
/*=====================================MENU EZKERRA=======================*/
#menu_ezk{
width:150px;
float:left;

color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#menu_ezk ul{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

#menu_ezk ul li{
list-style: url(../images/list.gif);
padding:4px;
 }

#menu_ezk a:link{
color: #FFFFFF;
text-decoration:none;

 }
 #menu_ezk a:visited{
color: #cccccc;
text-decoration:none;

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

 }
 #menu_ezk a:active{
color: #FF6699;
text-decoration:none;

 }
 
  #menu_ezk h2 img{
  padding: 0px 0px 0px 20px;
 


 }
 /*=====================================MENU EZKERRA 2=======================*/
#menu_ezk2{
width:150px;
float:left;

color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#menu_ezk2 ul{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

#menu_ezk2 ul li{
list-style: url(../images/list.gif);
padding:4px;
 }

#menu_ezk2 a:link{
color: #FFFFFF;
text-decoration:none;

 }
 #menu_ezk2 a:visited{
color: #cccccc;
text-decoration:none;

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

 }
 #menu_ezk2 a:active{
color: #FF6699;
text-decoration:none;

 }
 
  #menu_ezk2 h2 img{
  padding: 0px 0px 0px 20px;
 


 }


/*===================================INDEX====================================================== */
#index_aleatorio{
position:absolute;
width:507px;
height:394px;
top:26px;
left:253px;
}
#resaltado1{

width:136px;
height:112px;
top:25px;
left:14px;
padding:10px 0px 0px 14px;
}
#resaltado1 img{

border:0px;
}
#resaltado2{

width:136px;
height:112px;
top:170px;
left:14px;
padding:25px 0px 0px 14px;
}
#resaltado2 img{

border:0px;
}
#resaltado3{

width:136px;
height:112px;
top:310px;
left:14px;
padding:25px 0px 0px 14px;
}
#resaltado3 img{

border:0px;
}

#menu2_index{
position:absolute;
width:301px;
height:23px;
top:397px;
left:263px;}

#menu2_index a:link{
color:#336666;

text-decoration:none;

}
#menu2_index a:visited{
color: #FF6699;
text-decoration:none;

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

}
/*===================================INDEX  end====================================================== */

/*===================================CONTENIDO=============================================*/
#contenido{

width:468px;
margin-left:auto;
margin-top:8px;
padding:170px 20px 20px 19px;
}
#contenido h2{
font-size:14px;
font-weight:bold;
color:#FF0066;
border-bottom:1px solid #CCCCCC;}

#contenido ul{



}
#contenido ul li{
list-style-image:url(../images/list.gif);
margin:2px;

 
}

#contenido ul ul li{
list-style-image: url(../images/ol.gif);
margin:2px;

 
}


#contenido ol li{

margin:2px;
padding:5px 0 15px 0;

 
}
#contenido input{
border: 1px dotted #CCCCCC;



 

 
}

#contenido img{


/*border: 1px #CCCCCC solid;*/
float:left;




}
#menu2{
border-top: 1px solid #CCCCCC;
background:#FFFFFF;
vertical-align:bottom;
margin-bottom:auto;
width:468px;
margin-left:auto;
height:20px;
padding:3px 20px 0px 19px;
}

#menu2 a:link{
color:#336666;

text-decoration:none;

}
#menu2 a:visited{
color: #FF6699;
text-decoration:none;

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

}

#fotobox{
background:#FFFFFF;


}
#fotobox h4{
color:#2D464A;
font-size:16px;
padding:10px 10px 0px 10px;
width:450px;

}


/*===================================CONTENIDO END=============================================*/
#pie{
position:relative;
width:760px;


top:0px;
margin:auto;
text-align:center;
font-size:10px;
color:#999999;


}
#pie a:link{
color:#666666;}
#pie a:visited{
color:#666666;}
#pie a:hover{
color:#000000;}
#pie a:active{
color:#000000;}
#listas ul li{
margin:0 0 10px 0;
padding: 0 0 10px 0;}
#listas ul li:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#listas ul li img{
float:right;
border:0;
}
.border_bottom{
border-bottom:0.1em #CCCCCC solid;}

.clear{
clear:both;}