@import url(http://fonts.googleapis.com/css?family=Dosis:400,500);

/*@font-face {
  font-family: "Dosis";
  src: url('../../piquer/fonts/Dosis-ExtraLight_0.ttf') format('truetype');
  src: url('../../piquer/fonts/Dosis-Light_0.ttf') format('truetype');
}*/

/*colores
azul=#0070c0
naranja=#ff8f3f
verde=#00b050
*/
html, body{
	margin:0px;
	padding:0px;
}
body{
	background:#b4b4b4 url(../imgs/fondo.jpg) no-repeat;
	background-size:cover;
	height:100%;
}
img{
	border:0px;
}
header{
	width:90%;
	overflow:hidden;
	z-index:10000;
	background-color:#fff;
	background-attachment:fixed;
	margin:auto;
}
#logo{
	width:18%;
	margin:0% 1%;
	height:auto;
	float:left;
}
#telefono_cabecera{
	width:5%;
	margin-top:0%;
	height:auto;
	float:left;
}
#txt_tfno{
	width:31%;
	font-size:14px;
	float:left;
	font-family:"Dosis";
	margin-top:0%;
}
#emprende{
	width:15%;
	height:auto;
	margin:0% 1%;
	float:left;
}
a.zona_taller{
	background:url(../imgs/zona_taller1.png) no-repeat right;
	width:100px;
	height:100px;
	float:left;
	margin-right:2%;
	margin-top:0px;
}
a.zona_taller:hover{
	background:url(../imgs/zona_taller2.png) no-repeat right;
}
/*Redes sociales*/
#rrss{
	width:14%;
	height:auto;
	text-align:right;
	padding:0% 1%;
	float:left;
}
.fb, .yt, .in{
	float:right;
	width:30px;
	height:60px;
	background-repeat:no-repeat;
	padding:5px;
	background-size:contain;
}
.fb{
	background-image:url(../imgs/rrss/fb.png);
}
.yt{
	background-image:url(../imgs/rrss/yt.png);
}
.in{
	background-image:url(../imgs/rrss/in.png);
}
/*menú de navegación*/
nav{
	width:90%;
	background-color:#fff;
	margin:auto;
}
nav ul{
	list-style:none;
	margin:auto;
	width:90%;
	text-align:center;
}
nav li{
	display:inline-block;
	margin:0% 3%;
	padding:2.5px 5px;
}
nav a{
	text-decoration:none;
	color:#0070c0;
	font-size:20px;
	font-family: "Dosis";
}
nav a:hover{
	color:#ff8f3f;
}
nav li.activo{
	background-color:#dedede;
}

/*página*/
#pagina{
	width:90%;
	font-family: "Dosis";
	margin:auto;
	background-color:#fff;
}
/*foto inicial*/
#foto_siape{
	width:100%;
	height:200px;
	margin:auto;
	background-image:url(../imgs/foto_siape.jpg);
	background-size:cover;
	position:relative;
}
/****Contenido debajo de las solapas****/
#contenido{
	width:100%;
	overflow:hidden;
	background-color:/*#0070c0;*/#fff;
	margin:auto;
}
/***menú lateral***/
#menu_lateral, #info_contenido{
	margin:0%;
	width:20%;
	height:auto;
	padding:0.5% 0%;
	float:left;
}
#menu_lateral{
	margin-left:3%;
	margin-top:1.5%;
}
.menu_lateral{
	width:100%;
	margin:0%;
	height:auto;
	padding:0;
	list-style:none;
	font-size:18px;	
}
.menu_lateral li{
	border-bottom:1px solid #000;
}
.menu_lateral ul li, .menu_lateral li:last-child{
	border:none;
}
.menu_lateral a{
	display:block;
	color:#000;
	text-decoration:none;
	font-family: "Dosis";
	font-size:18px;
	padding:2% 0%;
}
.menu_lateral a:hover{
	color:#0070c0;
	-webkit-transition: color 0.2s linear;
}
.menu_lateral ul a{
	background-color:#fff;
}
.menu_lateral ul a:hover{
	background-color:#FFF;
	color:#0070c0;
	text-shadow:none;
	-webkit-transition: color, background-color 0.2s linear;
}
ul.menu_lateral{
	display:block;
	background-color:#fff;
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}
.menu_lateral ul{
	background-color:#fff;
	list-style:none;
}
.menu_lateral li ul {
	display:none;
}
.menu_lateral li.actual:before{
	content:url(../imgs/ok.png);
	float:left;
	width:25px;
	height:25px;
}
.menu_lateral li.actual a{
	color:#0070c0;
	font-weight:600;
}
.menu_lateral li.noactual a{
	color:#000;
	font-weight:normal;
}

/****contenido de la página como tal****/
#info_contenido{
	width:73%;
	margin-left:3%;
	padding-top:1.5%;
}
.titulo{
	font-size:25px;
	color:#0070c0;
	display:block;
}
/*para los fieldset y los legend*/
fieldset{
	border:1px solid #0070c0;
	margin-bottom:1%;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	height:auto;
	overflow:hidden;
	padding:auto;
}
legend{
	font-weight:600;
	background-color: #0070c0;
	color:#fff;
	padding:0.5% 1.5%;
}

/*estilos para los botones con enlaces en la parte inferior derecha de algunas páginas*/
#enlaces{
	width:100%;
	height:auto;
	float:right;
}
#enlaces h3{
	float:right;
}
#enlaces h3 a{
	text-decoration:none;
	background-color:#00b050;
	padding:5px 15px;
	border-radius:5px;
	color:#fff;
	margin:0px 15px;
}

/*pie de página*/
footer{
	width:90%;
	background-color:#0070c0;
	margin-top:15px;
	overflow:hidden;
	margin:auto;
}
.img_pie{
	margin:0.5% 2%;
	float:right;
}
#gp{
	float:left;
	padding:0.5% 2%;
}





	
/***** Capas mostrar/ocultar *****/
#codigos,
#organigrama,
#calidad,
#horarios,
#ccaa {
	background: url(http://localhost/eyf/imgs/fondo_transparente.png);
	min-height: 100%;
	width: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	visibility: hidden;
	z-index:500;
	overflow:visible;
}
#organigrama,
#horarios{
	height:auto;
}
.capa{
	width:100%;
	height:100%;
}
.contenido_capa{
	width:75%;
	margin:auto;
	text-align:left;
}
.cerrar_capa{
	font-family: "Dosis";
	font-size: 20pt;
	font-weight: bold;
	color: #0070c0;
	cursor:pointer;
	margin:2.5% auto;
	width:100%;
	height:5%;
	text-align:center;
}
.pdf{
	width:36%;
	height:100px;
	margin:1% 1.5%;
	background:#fff url(http://localhost/eyf/imgs/pdf.png) no-repeat left;
	padding-left:100px;
	padding-top:25px;
	float:left;
	font-size:20px;
	text-decoration:none;
	color:#000;
	border:thin solid #000;
	box-shadow:3px 3px 3px #ccc;
}
.pdf:hover{
	box-shadow:none;
}
#img_organigrama{
	background: url(http://localhost/eyf/imgs/organigrama.jpg) no-repeat center;
	width:600px;
	height:837px;
	box-shadow: 3px 3px 3px #ccc;
	margin:auto;
	border:thin solid #000;
}
#txt_calidad{
	background:#fff;
	padding:1.5%;
	box-shadow:3px 3px 3px #ccc;
	border:thin solid #000;
}
/******PARA FORMULARIO DE CONTACTO****/
label{
	width:100%;
	margin-bottom:3%;
	float:left;
	font-size:20px;
}
form#contacto input[type="text"],
form#contacto input[type="email"]{
	border:thin solid #0070c0;
	width:50%;
	height:auto;
	font-size:18px;
	padding:0.5%;
	font-family: "Dosis";
}
form#contacto textarea{
	border:thin solid #0070c0;
	width:99%;
	font-size:18px;
	padding:0.5%;
	font-family: "Dosis";
}
form#contacto #botones{
	width:100%;
	text-align:center;
}
form#contacto #botones .boton{
	padding:0.5% 1.5%;
	background-color:#0070c0;
	color:#fff;
	font-size:20px;
	border:none;
	cursor:pointer;
	font-family: "Dosis";
}
form#contacto #botones .boton:hover{
	background-color:#fff;
	color:#0070c0;
}
/******PARA GRÁFICOS ESTADÍSTICOS******/
.graficos{
	text-align:center;
	border: thin solid #0070c0;
}
/*****PARA COMUNIDADES AUTOÓNOMAS (ACCESO GRADOS FORMATIVOS)*****/
.ccaa{
	width:20%;
	margin:1.5%;
	font-size:15px;
	float:left;
	text-decoration:none;
	color:#000;
	text-align:center;
	padding-top:45px;
	border:thin solid #0070c0;
}
#andalucia{
	background:#fff url(http://localhost/eyf/imgs/ccaa/andalucia.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#aragon{
	background:#fff url(http://localhost/eyf/imgs/ccaa/aragon.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#asturias{
	background:#fff url(http://localhost/eyf/imgs/ccaa/asturias.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#baleares{
	background:#fff url(http://localhost/eyf/imgs/ccaa/baleares.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#canarias{
	background:#fff url(http://localhost/eyf/imgs/ccaa/canarias.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#cantabria{
	background:#fff url(http://localhost/eyf/imgs/ccaa/cantabria.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#castilla_la_mancha{
	background:#fff url(http://localhost/eyf/imgs/ccaa/castilla_la_mancha.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#castilla_leon{
	background:#fff url(http://localhost/eyf/imgs/ccaa/castilla_leon.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#cataluna{
	background:#fff url(http://localhost/eyf/imgs/ccaa/cataluna.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#extremadura{
	background:#fff url(http://localhost/eyf/imgs/ccaa/extremadura.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#galicia{
	background:#fff url(http://localhost/eyf/imgs/ccaa/galicia.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#la_rioja{
	background:#fff url(http://localhost/eyf/imgs/ccaa/la_rioja.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#madrid{
	background:#fff url(http://localhost/eyf/imgs/ccaa/madrid.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#murcia{
	background:#fff url(http://localhost/eyf/imgs/ccaa/murcia.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#navarra{
	background:#fff url(http://localhost/eyf/imgs/ccaa/navarra.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#pais_vasco{
	background:#fff url(http://localhost/eyf/imgs/ccaa/pais_vasco.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
#valencia{
	background:#fff url(http://localhost/eyf/imgs/ccaa/valencia.jpg) no-repeat top center;
	box-shadow:3px 3px 3px #ccc;
}
/********PARA LOS HORARIOS*******/
fieldset.horarios{
	border:1px solid #0070c0;
	margin-bottom:1%;
	width:95%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	height:auto;
	overflow:hidden;
	padding:auto;
	background:url(http://localhost/eyf/imgs/fondo_transparente.png);
}
legend.tit_horarios{
	font-weight:600;
	background-color: #0070c0;
	color:#fff;
	padding:0.5% 1.5%;
}
table.hor{
	float:left;
	width:50%;
}
table.hor100{
	width:100%;
}
/*para las tablas de los horarios*/
.fila1{
	background:#5c3316;
	color:#fff;
	font-weight:700;
	font-size:12px;
}
.col_oscura{
	background:#9a4000;
	color:#fff;
	font-size:12px;
}
.filas_resto{
	background:#ff8f3f;
	color:#000;
	font-size:12px;
}
table.hor_grande{
	width:100%;
}

/*****para los logos del Gobierno de Aragón y Fondo social europeo*****/
#fse_aragob{
	width:90%;
	height:75px;
	margin:auto;
	margin-top:1.5%;
}
#fse{
	width:50%;
	background: url(http://localhost/eyf/imgs/logo_fse.jpg) no-repeat left;
	float:left;
	height:75px;
}
#aragob{
	width:50%;
	background: url(http://localhost/eyf/imgs/logo_aragob.jpg) no-repeat right;
	float:left;
	height:75px;
}
a.vinculos{
	color:#0070c0;
	text-decoration:none;
}
a.vinculos:hover{
	color:#ff8f3f;
	font-weight:700;
}
.titulo_cursos{
	color:#ff8f3f;
	font-size:20px;
}
/*******PARA LA SECCIÓN DE FORMACIÓN PROFESORADO*********/
.curso_prof{
	width:100%;
	height:140px;
	margin:1% auto;
	border:1px solid #0070c0;
	overflow:hidden;
}
.curso_cerrado{
	width:65%;
	height:140px;
	background:rgba(255,255,255,0.9);
	position:absolute;
	z-index:100;
	text-align:right;
	font-size:45px;
	color:#ff8f3f;
	font-weight:700;
}
.calendario{
	width:110px;
	height:70px;
	background:url(http://localhost/eyf/imgs/calendario.jpg) no-repeat center top;
	float:left;
	padding-top:55px;
	padding-left:10px;
}
.txt_curso_prof{
	width:auto;
	padding:2% 2%;
	float:left;
}
.tit_txt_curso_prof{
	font-weight:800;
	font-size:20px;
}
.tipo_curso_prof{
	font-size:20px;
}
a.btn_insc_curso_prof,
a.btn_prof_curso_prof{
	text-decoration:none;
	background-color:#0070c0;
	padding:3px 8px;
	border-radius:3px;
	color:#fff;
	margin:15px;
	float:left;
}
a.btn_prof_curso_prof{
	background-color:#00b050;
}