@font-face {
	font-family: 'Gobold-Extra1';
	src: url('../Fonts/Gobold-Extra1.eot');
	src: url('../Fonts/Gobold-Extra1.eot') format('embedded-opentype');
	src: url('../Fonts/Gobold-Extra1.woff') format('woff'), url('../Fonts/Gobold-Extra1.ttf') format('truetype'), url('../Fonts/Gobold-Extra1.svg#Golbold-Extra1') format('svg');
	font-weight: normal;
	font-style: normal;
}
.titular {
	font-family:'Gobold-Extra1',Sans-Serif;
	margin:0px auto;
	text-align:center;
	color: brown;
	font-size: 26px;
	text-shadow:1px 1px 0 #fff, 2px 2px 1px #ccc;
}
#cabeceraSMALL {
	padding: 15px;
	background:#fff;
	margin:10px 10px 10px 10px;
	padding-left: 10px;	
	width: 865px;
	height: 30px;	
	background-color: #F6C039;

 	border-radius: 9px;
   -webkit-border-radius: 5px solid #000000;  
   -khtml-border-radius: 5px solid #000000;  
   -ms-border-radius: 5px solid #000000;  
  	
	box-shadow: 0 1px 13px rgba(34,25,25,0.6);
	-moz-box-shadow: 0 1px 13px rgba(34,25,25,0.6);
	-webkit-box-shadow: 0 1px 13px rgba(34,25,25,0.6);
	clear: both;
}
#efectoBOTON {
 	border-radius: 9px;
   -webkit-border-radius: 5px solid #000;  
   -khtml-border-radius: 5px solid #000;  
   -ms-border-radius: 5px solid #000;  
  	
	box-shadow: 0 1px 8px rgba(34,25,25,0.6);
	-moz-box-shadow: 0 1px 8px rgba(34,25,25,0.6);
	-webkit-box-shadow: 0 1px 8px rgba(34,25,25,0.6);	
	
	cursor: pointer;
}
#lengua1:hover, #mates1:hover, #ingles1:hover, #cono1:hover, #arte1:hover, #religion1:hover, #fisica1:hover {
	cursor: pointer;
}
#lengua2:hover, #mates2:hover, #ingles2:hover, #cono2:hover, #arte2:hover, #religion2:hover, #fisica2:hover {
	cursor: pointer;
}
#lengua1:hover, #mates3:hover, #ingles3:hover, #cono3:hover, #arte3:hover, #religion3:hover, #fisica3:hover {
	cursor: pointer;
}
#efectoBOTON:hover {
 	border-radius: 9px;
   -webkit-border-radius: 5px solid #000000;  
   -khtml-border-radius: 5px solid #000000;  
   -ms-border-radius: 5px solid #000000;  
  	
	box-shadow: 0 1px 13px rgba(34,25,25,0.6);
	-moz-box-shadow: 0 1px 13px rgba(34,25,25,0.6);
	-webkit-box-shadow: 0 1px 13px rgba(34,25,25,0.6);	
	
	cursor: pointer;
}
#container{
	position:relative;
	width:865px;
	margin:0 auto;
}
.block a{
	color:#000000;
	text-decoration:none;
}
#photo{
	outline: 5px solid #ffffbb;
	box-shadow: 0 1px 18px rgba(34,25,25,1);
	-moz-box-shadow: 0 1px 18px rgba(34,25,25,1);
	-webkit-box-shadow: 0 1px 18px rgba(34,25,25,1);
}
#photo a{ 
	text-decoration:none;
}
#testo {
	padding: 15px 0px 15px 0px; 
	text-align:justify;
	font-size:12px;
}
.block {
	padding: 5px 25px 5px 25px;
	background:#fff; /* #ffffdd */
	
	margin:15px 15px 15px 15px;
	line-height:1.3;
/*	border:1px solid #5555ff; */
 	border-radius: 9px;
   -webkit-border-radius: 5px solid #000000;  
   -khtml-border-radius: 5px solid #000000;  
   -ms-border-radius: 5px solid #000000;  
  	
	box-shadow: 0 1px 13px rgba(34,25,25,0.6);
	-moz-box-shadow: 0 1px 13px rgba(34,25,25,0.6);
	-webkit-box-shadow: 0 1px 13px rgba(34,25,25,0.6);
}
.block:hover {
/*	border:1px solid #5555ff; */
	box-shadow: 0 1px 13px rgba(34,25,25,1);
	-moz-box-shadow: 0 1px 13px rgba(34,25,25,1);
	-webkit-box-shadow: 0 1px 13px rgba(34,25,25,1);
}
.block h3{
	font-size:20px;
	color:#ff0000;
	padding-bottom:5px;
		line-height:1.0;
	text-align:left;
	text-shadow:1px 1px 0 #fff, 2px 2px 1px #ccc;
	font-family:'Arial Narrow', Arial, Helvetica, sans-serif;
}
.block img{
	margin: 0 auto;
}

#modalBox {
    position:fixed;
    top:50%;
    left:50%;
    width:568px;
    height:540px;
    margin-left:-284px;
    margin-top:-270px;
    padding-left: 0px;
    padding-top: 0px;
    border: 2px solid #000000; 
    border-radius: 9px;
    -webkit-border-radius: 5px solid #000000;  
    -khtml-border-radius: 5px solid #000000;  
    -ms-border-radius: 5px solid #000000;    
    display:none;
    background:white;
    z-index:200;
}
#galeria {
  border: 0px solid #000000;  /* Borde de la galerķa */
  padding: 10px;
  background: white;  /* Fondo de la galerķa */
  width: 548px;  /* Ancho de la galerķa */
  height: 406px;  /* Alto de la galerķa */
}
#imgGaleria {
  border-radius: 9px;
  border: 0px solid #000000;  /* Borde de la imagen */
  padding: 3px;
  width: 512px; /* Ancho de la imagen */
  height: 384px; /* Alto de la imagen */
}
.miniatura {
  border: 0px solid #000000;  /* Borde de la imagen */
  width:  100px;  /* Ancho de las miniaturas */
  height:  75px;  /* Alto de las miniaturas */
  cursor: pointer;
  padding: 0px;
}
#darken {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none;
    z-index:199;
    padding: none;
    opacity:0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    -khtml-opacity: 0.5;
    background:grey;
}