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


/**************************************** MENÚ CONTEXTUAL */

#contextual  {				/* Div para menús contextuales en caso de foto de <h1> de hasta 350px */
	/*width:357px;*/
	width:476px; 		/* Prueba del 17/marzo *******/
	height:32px;
	float:right;
	position:relative;
	/*left:190px;*/
	/*top:107px;*/
	top:60px;		/* Prueba del 17/marzo *******/
}

#contextual.blogWide  {	top:62px;}
#contextual.calendario  {top:107px;}

#contextual.foto_ancha  {		/* Div para menús contextuales en caso de foto de <h1> con más 350px */
	width:357px;
	height:32px;
	float:right;
	position:relative;
	left:0px;
	top:51px;
}

	#contextual ul	{
		/*width:357px;*/
		width:476px; 		/* Prueba del 17/marzo *******/
		height:32px;
		list-style:none;	/* le saca los bullet a la lista */
		margin:0;
		float:left;
		padding:0;
	}
	
		#contextual.foto_ancha ul	{/* Prueba del 17/marzo *******/
		width:357px !important;
		}
			/* un clase para cada botón contextual */
			
			#contextual ul li.recursos	{
				width:114px;
				height:32px;
				float:right;
				background:url(../img/btn_recursos.png) no-repeat;
				text-indent:-9999px;
				margin-right:5px;
				cursor:pointer;
			}
			
			
			#contextual ul li.admision	{
				width:114px;
				height:32px;
				float:right;
				background: url(../img/btn_admision.png) no-repeat;
				text-indent:-9999px;
				margin-right:5px;
				cursor:pointer;
			}
			
					
			#contextual ul li.blog	{
				width:114px;
				height:32px;
				float:right;
				background: url(../img/btn_blog.png) no-repeat;
				text-indent:-9999px;
				margin-right:5px;
				cursor:pointer;
			}
					
			#contextual ul li.comunidad	{
				width:114px;
				height:32px;
				float:right;
				background:  url(../img/btn_comunidad.png) no-repeat;
				text-indent:-9999px;
				margin-right:5px;
				cursor:pointer;
			}
			
					
			#contextual ul li.noticias	{
				width:114px;
				height:32px;
				float:right;
				background: url(../img/btn_noticias.png) no-repeat;
				text-indent:-9999px;
				margin-right:5px;
				cursor:pointer;
			}

					
			#contextual ul li.inicio	{
				width:114px;
				height:32px;
				float:right;
				background:  url(../img/btn_inicio.png) no-repeat;
				text-indent:-9999px;
				margin-right:5px;
				cursor:pointer;
			}
			
			#contextual ul li.inicio_rojo	{
				width:114px;
				height:32px;
				float:right;
				background:  url(../img/btn_inicio_rojo.png) no-repeat;
				text-indent:-9999px;
				margin-right:5px;
				cursor:pointer;
			}
			
					
			#contextual ul li.formularioAdmision	{
				width:114px;
				height:32px;
				float:right;
				background: url(../img/btn_formulario_admision.png) no-repeat;
				text-indent:-9999px;
 				margin-right:5px;
				cursor:pointer;
			}	
								
			#contextual ul li.volver	{
				width:114px;
				height:32px;
				float:right;
				background: url(../img/btn_volver.png) no-repeat;
				text-indent:-9999px;
 				margin-right:5px;
				cursor:pointer;
			}	
			
			#contextual ul li.volver_rojo	{
				width:114px;
				height:32px;
				float:right;
				background: url(../img/btn_volver_rojo.png) no-repeat;
				text-indent:-9999px;
 				margin-right:5px;
				cursor:pointer;
			}		
	
			
			#contextual ul li.calendario	{
				width:114px;
				height:32px;
				float:right;
				background: url(../img/btn_calendario.png) no-repeat;
				text-indent:-9999px;
 				margin-right:5px;
				cursor:pointer;
			}		
			
			#contextual ul li.albumFotos	{
				width:114px;
				height:32px;
				float:right;
				background: url(../img/btn_album_fotos.png) no-repeat;
				text-indent:-9999px;
 				margin-right:5px;
				cursor:pointer;
			}	


			#contextual ul li a	{
				display:block;
				line-height:32px;
				width:104px;
				margin-left:5px;
			
			}
			

input.botonEnviar {
				width:108px;
				height:20px;
				float:right;
				background:  url(../img/btn_enviarFormulario.png) no-repeat;
				text-indent:-9999px;
				margin-right:5px;
				border:none;
				cursor:pointer;
				}

input.botonLimpiar {
				width:108px;
				height:20px;
				float:left;
				background:  url(../img/btn_limpiarFormulario.png) no-repeat;
				text-indent:-9999px;
				margin-right:5px;
				border:none;
				cursor:pointer;
				}
				
/* Botones de Recursos ***********/

		
			#contenidosTextosAncho a.vpods	{
				width:120px;
				height:120px;
				float:left;
				background: url(../img/btn_Vpods.png) no-repeat;
				text-indent:-9999px;
				margin-left:50px;
				cursor:pointer;
			}
			
			#contenidosTextosAncho a.tallerCoro	{
				width:120px;
				height:120px;
				float:left;
				background: url(../img/btn_TallerCoro.png) no-repeat;
				text-indent:-9999px;
				margin-left:50px;
				cursor:pointer;
			}
			
			#contenidosTextosAncho a.tallerGuitarra	{
				width:120px;
				height:120px;
				float:left;
				background: url(../img/btn_TallerGuitarra.png) no-repeat;
				text-indent:-9999px;
				margin-left:50px;
				cursor:pointer;
			}