@charset "iso-8859-1";
#container_fse h1 {
	height:100px;
	background: url('../imagenes/logo_fse.png') no-repeat  10px ;
	background-color: #C9E6DC;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	margin:0
}
#container_fse h1 a {
	color:transparent;
	display: block;
}
a.menu-movil {
	background:#299b74;
	color:#fff;
	font-size:110%;
	padding:5px;
	margin:2px 0;
	display:none;
}
a.menu-movil.visible {
	display:block;
}
ul#menu_superior {
	background:#299b74;
	margin:0;
	list-style: none;
	display:none;
}
ul#menu_superior.visible {
	display: block;
}
ul#menu_superior li {
	border-bottom:1px solid #fff;
	padding:5px;
}
ul#menu_superior li:first-child {
	border-left:1px solid #ccc;
}
ul#menu_superior a {
	color:#fff;
	display:block;
}
ul#menu_superior a:hover {
	background: #C9E6DC;
}
div#cuerpo_pagina {
	padding:20px 0px;
}
div#izquierda,
div#derecha {
	box-sizing: border-box;
	flex-basis:18%;
}
div#mainContent {
	box-sizing: border-box;
	flex-basis:55%;
	margin-bottom: 20px;
}
div#mainContent p,
div#mainContent li {
	line-height: 150%;
}
div#izquierda ul#menu {
    background: #299b74;
		list-style: none;
		margin:0 0 20px 0;
		display:none;
}
div#izquierda ul#menu.visible {
	display:block;
}
div#izquierda ul#menu	li {
    position: relative;
    list-style-type: none;
    border-bottom: 1px solid #fff;
		padding:5px;
}
div#izquierda ul#menu	a {
	color:#fff;
	display: block;
}
div#izquierda ul#menu	li.margen {
	border-top:20px solid #fff;
}
div#izquierda ul#menu li ul {
	display:none;
	margin:0;
	list-style: none;
}
div#izquierda ul#menu li:hover ul {
	display:block;
}
div#izquierda ul#menu li:hover ul li:last-child {
	border:none;
}

div#derecha ul {
	list-style: none;
	background: #FFFFE1;
	border: 1px solid #ccc;
	padding:10px;
}
div#derecha ul img {
	width: 100%;
	max-width: 100%;
}
div#derecha ul span {
	display: block;
	text-align: center;
	margin:10px 0;
	padding: 0 10px;
}
div#derecha ul li:not(:last-child) {
	border-bottom:1px solid #ccc;
}
div#derecha ul li {
	padding:10px 0;
}

ul.especialidades {
	list-style: none;
	margin:0;
	padding:0;

}
ul.especialidades > li span {
	background:#C9E6DC;
	padding:5px 10px;
	display:block;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
ul.especialidades > li {
	flex-basis:47%;
	box-sizing: border-box;
	font-size:120%;
	border-radius: 5px 5px 0;
	-webkit-border-radius: 5px 5px 0;
	border:1px solid #C9E6DC;
	margin-bottom:10px;
	margin: 5px 1%;
}
ul.especialidades > li > ul {
	background: #fff;
	font-size:90%;
	margin:0;
	padding:5px 10px;
	list-style:none;

}

ul.especialidades img {
	display:block;
	margin:10px auto;
}
ul.especialidades a {
	display:block;
	text-align:center;
	padding:10px;
	color:#555;
}

img#visor,
img.visor {
	width:100%;
	max-width:100%;
}

div.fse-contacto {
	clear:both;
	padding:5px 20px;
	background: #ECF7F4;
	border:1px solid #C9E6DC;
	margin:20px 0;
}
div.fse-contacto a {
	color: #333;
}
a[href^="tel:"]::before {
	content: "\260E   ";
}
ul.estructura-docente li {
	flex-basis:45%;
}
ul.ficha-centro {
	list-style:none; //accept-peq.png
	padding-left:0;
	margin-left:25px;
}
ul.ficha-centro li {
	background: url('../../bvms/imagenes/accept-peq.png') no-repeat left center;
	padding-left:20px;
}

@media (min-width: 1024px) {
	a.menu-movil,
	a.menu-movil.visible {
		display:none;
	}
	ul#menu_superior {
		display: -webkit-flex;
		display: flex;
	}
	ul#menu_superior li {
		border-right:1px solid #fff;
		border-bottom:none;
		padding: 0;
	}
	ul#menu_superior a {
		font-size:110%;
		padding:5px 20px;

	}
	div#izquierda ul#menu {
		display:block;
	}

	ul.tutores {
		list-style: none;
		margin-left:0;
		padding-left:0;
	}

	ul.tutores > li {
		font-size:110%;
		font-weight: bold;
		border-bottom: 1px dotted #ccc;
		padding:15px 0;
	}
	ul.tutores > li ul {
		column-count:2;
	  column-gap: 40px;
	  line-height: 180%;
		font-size:80%;
		font-weight: normal;
		padding:10px 0;
	}
}
