/* Hoja de estilos de Escuela de Música Santurtzi
 AUTOR: Alberto Martinez
 autor url: www.malberto.es 
  
--------INDICE DE CONTENIDOS-----------
Generales
			body
			enlaces
			encabezados
			formulario
Estructura
			header
				h1
				navy
				subnavy
			content
				principal
				
				derecha
			footer
Colores
---------------------------------------

*/

body{
background-color:#601120;
font:12px arial, helvetica, sans-serif;
color:#2d2b2b;
margin:0px;}

a{
color:#93041f;
text-decoration:underline;}

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

ul{
list-style-image:url(../img/ul_list.gif);
list-style-position:outside;
padding-top:0px;
padding-bottom:0px;
margin:0px;
padding-left:35px;}
ol{
list-style-position:outside;
padding-left:40px !important;
padding-left:0px;}
li{
padding-left:0px;}
/*---------------------------encabezados----------------------------------------------------*/
h1{
margin:0px;
padding:0px;}
h2{
margin:0px 0px 15px 0px;
text-transform:uppercase;
background-color:#6e0116;
color:#FFFFFF;
font-size:18px;
text-align:left;
padding:3px 3px 3px 10px ;
font-weight:lighter;}

h3{
margin:0px;
color:#6e0116;
font-size:17px;
text-align:left;
padding:10px 3px 10px 0px ;
font-weight:bolder;}

h4{
margin-bottom:10px;
font-size:15px;
text-align:left;
padding:10px 3px 10px 0px ;
font-weight:bolder;}


p{
text-align:left;
margin-bottom:20px;}


/*---------------------------fin de encabezados----------------------------------------------------*/

/*---------------------------formulario----------------------------------------------------*/

#content form {
			background-color:#f0f0f0;
			padding:20px 20px 40px 20px;}
			
				
				#content form p{
				clear:both;
				padding:10px 0px 0px 0px ;
				margin:0px;}
				
				#content label{
				width:120px;
				margin:0px ;
				font-size:12px;
				font-weight:bold;
				float:left;
				padding-top: 3px;
				}
				
				
				#content .boton{
				margin:0px 5px 0px 0px;
				width:auto; }
				
				#content .checradio{
				float:left;
				width:auto; }
				
				#content input{
				font-family:Arial, Helvetica, sans-serif;}
				
				#content input.texto{
					border:1px solid #b4babd;
					width:405px;
				}
				
				#content form select{
					border:1px solid #b4babd;
				}
								
				#content form input.enviar{
					width: auto;
					background: #E04B09 url(../img/boton_bg.gif) repeat-x;
					float:left;
					height:23px;
					color:#fff;
					font-weight:bold;
					padding: 0px 5px 0px 5px !important;
					padding: 0px;
					margin: 0px 20px 0px 0px;
				}
				
				#content form textarea{
					width: 400px;
					height: 200px;
				}
							
			#content p.nok{
				color:#FF0000;
			}
			
			#content p.ok{
				color:#009900;
			}
			
#content table.listado{
	background-color:#FFFFFF;
	width: 100%;
	text-align: left;
}

	#content table.listado th{
		background-color: #DDC0B8;
		color: #000000;
		font-weight: bold;
		padding: 5px;
	}
	
	#content table.listado th.check{
		width: 20px;
	}
	
	#content table.listado th.fijo{
		width: 65px;
	}
	
	#content table.listado td{
		background-color: #f0f0f0;
		padding: 5px;
	}
	
	#content form.tabla{
		background-color: transparent;
		padding:0px 0px 0px 0px;
	}
	
	#content #tabla_paginacion{
		width: auto;
		float: right;
		/*background-color: #f0f0f0;*/
		color:#9d9b9b;
		/*font-weight: bold;*/
		padding: 5px;
		margin-right: 1px;
	}
	
	#content #tabla_paginacion span.n_pages{
		color:#4d4b4b;
	}
	
	#content #img_grande{
		margin-top: 20px;
		position: relative;
		text-align: right;
	}
	
	#content #img_grande img{
		z-index: 0;
	}
	
	#content #img_grande #borrar{
		position:absolute;
		top: 0px;
		right: 0px;
		background-color: #f0f0f0;
		z-index: 5;
		padding: 5px 10px 5px 10px;
		cursor: pointer;
		font-weight: bold;
	}
				

/*---------------------------fin de formulario----------------------------------------------------*/
				

/*----------------------------------Estructura----------------------------------------------------------*/
#wrapper{
width:935px;
margin:0px auto;}

#wrapper_index{
width:862px!important;
width: 871px;
margin:0px auto;
overflow:hidden;}

.login_body{
	text-align: center;
}

#wrapper_login{
width: 800px;
margin:0px auto;
background:transparent url(../img/wrapper_login.gif) no-repeat;
overflow: hidden;
text-align: center;
}
	
	#login{
	width:231px;
	padding-top:131px;
	background:transparent url(../img/login_bg.gif) no-repeat;
	margin:0px auto;
	}
	
		#login #error{
			width: 150px;
			margin-left: 32px;
			padding: 5px;
			text-align: center;
			border: 2px solid #FFFFFF;
			background-color: #DDC0B8;
			color: #000000;
			font-weight: bold;
		}
	
		#login form{
			background-color:#f0f0f0;
			border-left:1px solid #7c7c7c; 
			border-right:1px solid #7c7c7c; 
			border-bottom:1px solid #7c7c7c; 
			border-top:0px;
			height: auto;
			padding-top: 5px;
			padding-bottom: 10px;
		}
		
			#login form p{
			padding:5px;
			/*margin:0px 0px 23px 0px !important;*/
			margin-top:0px;
			/*clear:both;*/
			}
			
			#login form label{
			float:left;
			width:90px;
			padding:3px 0px 0px 5px ;
			}
			
			#login form input{
			float:left;
			width:100px;
			}			
			
			#login form input.enviar{
				width: auto;
				background: #E04B09 url(../img/boton_bg.gif) repeat-x;
				float:right;
				height:23px;
				color:#fff;
				font-weight:bold;
				padding: 0px 5px 0px 5px !important;
				padding: 0px;
				margin: 0px 20px 0px 0px;
			}
			

#wrapper_index img{
	float:left;}
		#header{
		text-align:left;
		background:#601120 url(../img/cabecera_bg.gif) no-repeat 1px top;
		height:167px;
		padding-top:19px;
		position: relative;}
		
			#header h1{
			font-family:Century gothic, arial, Geneva, Verdana;
			font-weight:lighter;
			font-size:36px;
			color:#FFFFFF;
			text-transform:uppercase;}
		
				
				
				#header h1 span.negro{
				font-size:18px;}
				
				#header h1 span.gris{
				font-size:24px;}
				
				#header #idiomas{
					color:#FFFFFF;
					position: absolute;
					right: 5px;
					bottom: 5px;
				}
				#navy{
				width:935px;
				padding-top:15px;
				clear:both;
				float:left;
				}
				
		/*-------------------- cabecera de la index -------------------------------------------*/			
					
			#header_index{
			width:860px !important;
			width:870px;
			background:url(../img/cabecera_index_bg.jpg) no-repeat left bottom;
			float:left;
			clear:both;
			padding-top:40px !important;
			padding-top:25px ;
			position: relative;}
			
				#header_index h1.index{
				padding:0px;
				display:block;
				text-align:justify;
				width:173px;
				float:left;
				font-family:Century gothic, arial, Geneva, Verdana;
				font-weight:lighter;
				font-size:37px;
				color:#FFFFFF;
				text-transform:uppercase;}
			
				#header_index h1.index span.negro{
				font-size:20px;}
				
				#header_index h1.index span.gris{
				font-size:22px;
				letter-spacing:0.76em !important;
				letter-spacing:0.46em;}
				
				#header_index #idiomas{
					color:#FFFFFF;
					position: absolute;
					right: 5px;
					bottom: 5px;
				}
				
				#header_index #idiomas a{
					color: #FFFFFF;
				}
				
				
		
		/*-------------------- fin de cabecera de la index -------------------------------------------*/			
				
				
					#navy ul{
					padding:0px 0px 3px 0px ;
					margin:0px;
					color:#acacac;}
					
						#navy ul li{
						padding:5px 0px 0px 0px ;
						margin:0px;
						display:inline;}
							
							#navy ul li a{
							text-transform:uppercase;
							padding:0px 2px 0px 2px ;
							color:#b9b9b9;
							text-decoration:none;}
							
								#navy ul li a:hover{
								color:#FFFFFF;}
								
								#navy ul li.current{
								background-color:#FFFFFF;
								padding:5px 3px 3px 3px ;
								border-right:1px solid #acacac;
								border-left:1px solid #acacac;
								border-top:1px solid #acacac;
								border-bottom:0px;}
								
									#navy ul li.current a{
									color:#000000;}
										
									#navy ul li.current a:hover{
									color:#000000;
									text-decoration:underline;}
									
									
	/*-------------------- menu de la index -------------------------------------------*/								
				#navy_index{
				width:172px;
				height:408px;
				padding-top:15px;
				padding-left:0px;
				float:left;
				text-align:right;
				background:transparent url(../img/navy_index_bg.gif) no-repeat right bottom;
				}
							#navy_index ul{
							padding-left:0px !important;
							list-style-image:none;
							list-style-type:none;
							padding:2px 0px 0px 0px ;
							margin:0px;
							}
							
							#navy_index ul li{
							width:100%;
							list-style-image:none;
							list-style-type:none;
							margin:0px;
							padding:2px 10px 2px 0px ;
							}
							
							#navy_index ul li a{
							display:block;
							font-size:11px;
							text-transform:uppercase;
							padding:0px 5px 0px 0px ;
							color:#fff;
							text-decoration:none;
							font-weight:500;}
								#navy_index ul li a:hover{
								color:#c35b6e;}
								
								#navy_index ul li.current{
								background-color:#FFFFFF;
								padding:5px 5px 3px 3px ;}
								
									#navy_index ul li.current a{
									color:#601120;}
										
									#navy_indexul li.current a:hover{
									color:##601120;
									text-decoration:underline;}
	/*-------------------- fin de menu de la index -------------------------------------------*/	
									
									
									
									
								
					#subnavy{
					padding:4px;
					clear:both;
					float:left;
					background:#FFFFFF url(../img/subnavy_bg.jpg) repeat-x bottom;
					height: 18px;
					width:927px;
					color:#000000;
				 }
					
					
					#subnavy ul{
					border-bottom:0px;}
					
					#subnavy ul li a{
					text-transform:none;
							padding:0px 2px 0px 2px ;
							color:#000;
							text-decoration:none;}
						#subnavy ul li a:hover{
							color:#000;
							text-decoration:underline;}
							
/*--------------------------------------contenido--------------------------------------------------------------------------------------------*/
				
		#content{
		float:left;
		background-color:#FFFFFF;
		min-height:300px;
		height:auto!important;
		height:300px;
		padding:20px;
		width: 895px;}
		
		#content_index{
		width:345px;
		float:left;
		background:#FFFFFF url(../img/content_index_bg.jpg) no-repeat left top;
		height:384px;
		padding:20px;}
		
		#content_index img{
			border: 0px;
			margin-bottom: 10px;
		}
		
		
		#content_index h2{
			margin:0px 0px 15px 0px;
			text-transform:uppercase;
			background:transparent url(../img/h2_index_bg.gif) no-repeat left top;
			color:#000;
			font-size:18px;
			text-align:left;
			padding:3px 3px 3px 20px ;
			font-weight:lighter;
		}
		
		#content_index h3{
		color:#6e0116;
		font-size:17px;
		text-align:left;
		padding:0px;
		font-weight:bolder;
		}
		
		
			.principal{
			float:left;
			width:590px;
			/*text-align: justify;*/
			font-size:14px;}
			
			/*.principal p{
				text-align:justify;
			}*/
			
			.principal .imgact{
				width: 196px;
				float: left;
				text-align: center;
				margin-bottom: 20px;
			}
			
			.principal .imgact img{
				border: 0px;
			}
			
			.paginacion img{
			border:0px;
			height:20px;
			float:left;
			margin:0px 2px;
			
			}
			.paginacion div{
			border:0px;
			height:17px;
			padding:3px 5px 0px 5px ;
			color:#6e0116;
			float:left;
			}
			
			.derecha{
			float:right;
			width:250px;
			height:300px;
			height:auto !important;
			padding:0px 20px 20px 20px ;
			border-left:2px solid #acacac;
			font-size:14px;}
			
			.derecha img{
				margin-bottom: 10px;
				cursor: pointer;
				border: 0px;
			}
			
			.derecha h4{
				margin-bottom:10px;
				font-size:15px;
				text-align:left;
				padding:0px 0px 0px 0px ;
			font-weight:bolder;}
				
				.foto_der{
				float:right;
				margin:10px 0px 10px 10px; }
				.foto_izq{
				float:left;
				margin:10px 10px 10px 0px;}
				
				.centro{
					text-align: center;
				}
				
				
/*--------------------------------------fin de contenido--------------------------------------------------------------------------------------------*/
		
#footer{
clear:both;
height:93px;
margin:0px auto;
background:#FFFFFF url(../img/footer_bg.jpg) no-repeat left top;
width:935px;
margin-bottom:20px;}

#footer_index{
clear:both;
height:30px;
margin:0px auto;}






/*----------------------------------/fin deEstructura----------------------------------------------------------*/

/****Añadidos JaeT32 asignaturas alumnos****/
 dl.asignatura{
	clear: both;
	overflow: auto;
 }
 
	dl.asignatura dt{
		float: left;
		font-weight: bold;
		width: 150px;
		clear: left;
		margin-bottom: 10px;
	}
	
	dl.asignatura dd{
		float: left;
		clear: right;
	}
	
ul.leyenda{
	overflow: auto;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	margin: 0px;
	padding: 0px;
}

	ul.leyenda li{
		float: left;
		width: 131px;
		margin-right: 2px;
		margin-left: 2px;
		background-color: #DDC0B8;
		padding: 5px;
	}
	
	ul.leyenda li.anio{
		width: auto;
	}