body { background: #4D84C9; margin-top: 1em; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
div.contenedor { width: 970px; margin: auto; }
.no-visible { display: none; }
.margin-top-2em { margin-top: 2em; clear: both; }

/*****************************************************************************************************************
* CABECERA
*****************************************************************************************************************/
#contenedor-cabecera { background: url("/images/ui/label_superior.png") no-repeat; padding-top: 5px;  }
#contenedor-cabecera div.cabecera { background: white; overflow:  hidden; border-bottom: 5px solid #ccc; margin-bottom: 1px;  }
#logo-eoi { padding: 0.3em 2.5em; display: block; float: left; }
#logo-reg-murcia { margin-left: 11em; padding: 0.5em; }

ul#iconos-cabecera { float: right; margin-top: 0.5em; margin-right: 0.8em;  }
ul#iconos-cabecera li { display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; }
ul#iconos-cabecera li a { margin: 0 1.5em;text-decoration: none; color: #B5B5B5; padding-left: 15px; }
ul#iconos-cabecera li a.mapa-del-web { background: url("/images/iconos/mapsite.gif") no-repeat;  }
ul#iconos-cabecera li a.suscribete { background: url("/images/iconos/rss_icon.gif") no-repeat; color: #5088C9; }
ul#iconos-cabecera li a.contactar { background: url("/images/iconos/mail-icon_gris.gif") no-repeat;  }
.iconos-y-buscador { float: right;  }

#contenedor-menu { height: 230px; background: url("/images/cabeceras/cabecera1.png"); overflow: hidden; border-top: 1px solid white; margin-top: -1px;   }
#silueta {  background: url("/images/cabeceras/chica_portada.png"); width: 273px; height: 251px; position: absolute; margin-top: -251px; margin-left: 35px;  }

#menu-fondo { background: #2C5599; opacity: 0.8; overflow: hidden; height: 3.5em; width: 98%; margin: 1em auto;  }
#menu { float: right;  text-align: right; margin: 1em 1em 0 1em; padding-right: 1em; background: transparent; position: relative; margin-top: -4.3em; }
#menu li { display: inline-block; overflow: hidden;  padding: 0.5em; }
#menu span.menu { border-left: 1px solid #588CCF; padding-left: 1em;  display: block; }
#menu a { font-size: 1.08em; text-transform: uppercase; color: white; text-decoration: none; text-align: left; font-weight: bold; line-height: 1.1em; }
#menu a span.menu2 { font-size: 0.85em; text-transform: capitalize; display: block; clear: both; text-align: left; font-weight: normal; }
#menu a:hover { color: #6FAADE; }
#menu li a.selected {color: #6FAADE; }
#buscar-en-la-web { float: right; clear: both; margin-top: 1em; margin-right: 2em;  }
#buscar-en-la-web h4 { display: none; }
#buscar-en-la-web #buscar_txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.93em; color: #999; width: 12em;  }
#buscar-en-la-web .submit  { background: url("/images/botones/buscar.gif"); padding-left: 18px; color: white; font-size: 0.93em; font-weight: bold; border: 0; width: 73px; height: 21px;  }

/*****************************************************************************************************************
* CONTENIDO
*****************************************************************************************************************/
#contenedor-contenido-seccion { background: url("/images/ui/label_superior.png") no-repeat; padding-top: 5px; margin-top: 0.6em;  }
#contenido-seccion { background: white; overflow: hidden; padding: 1em; }
.pie-contenedor {  background: url("/images/ui/label_inferior.png") no-repeat; padding-bottom: 5px;}

div.barras {  background: url("/images/ui/degradado_menu.gif") left top no-repeat; clear: both;  }
div.barras h2,div.barras h3,div.barras h4 { background: url("/images/ui/degradado_menu.gif") left bottom no-repeat;  }

div.texto { width: 555px; float: left;  line-height: 1.2em; margin-bottom: 2em; }
div.texto-wide h2, div.texto h2 { color: #4271B2;  font-size: 1.83em;  padding: 0.7em 0em; margin-bottom: 1em; }
div.texto-wide h4, div.texto h4 { border: 2px solid #295AA1; background: #4D84C9; color: white; text-align: center;  padding: 0.5em; margin: 0.5em 0.5em 0.5em 0;  font-size: 1.2em; line-height: 1.3em; }

div.texto h3.subtitulo { color: #333;margin: 1em 0;}
div.texto h3.subtitulo2 { margin: 2em 0; color: #4271B2; font-weight: normal;  padding: 1em 0em; }

div.noticia-destacada { margin: 1em 0; }
li.adjuntos  { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 1em 1em; margin: 1em 0; overflow: hidden; color: #666;}
li.adjuntos h4 { border: 0; color: #333; background: transparent; text-align: left; font-size: 1.1em;  padding: 0;  margin: 0 0 0.2em;}
li.adjuntos a {color: #4271B2; }
li.adjuntos img { border: 1px solid #f0f0f0; border-right: 3px solid #e0e0e0; border-bottom: 2px solid #e0e0e0;  float: left; margin-right: 1em;   }
div.texto-wide { width: 600px; float: left; }

/*****************************************************************************************************************
* SUBMENU
*****************************************************************************************************************/
#contenido-izquierda { float: left; }
#contenido-derecha { float: right; width: 180px;}
#menu-izquierda { float: left; overflow: hidden; margin-right: 1em; width: 180px; }

#submenu { width: 14.83em; background: url("/images/ui/recorte_abajo.gif") 0 100% no-repeat; margin-bottom: 2em; padding-bottom: 0.5em;  }
#submenu li { background: url("/images/ui/degradado_menu.gif") no-repeat; overflow: hidden; padding: 0.3em 0; }
#submenu li.first { background: url("/images/ui/recorte_arriba.gif") no-repeat; overflow: hidden; padding-top: 0.5em; }
#submenu li a { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.95em; font-weight: bold; color: black; text-decoration: none; padding: 0.5em 1em; display: block;  }
#submenu li a:hover { color: #4271B2; }
#submenu li.selected a { color: #4271B2; }
#submenu ul { background: url("/images/ui/degradado_menu.gif") no-repeat; padding: 0.2em 0; }
#submenu li.subseccion { background: none;}
#submenu li.subseccion  a {  padding-left: 3em; font-weight: normal;   }

/*****************************************************************************************************************
* HORARIOS
*****************************************************************************************************************/
table.horarios { width: 100%;}
.horarios h4 { margin-top: 2em; border-bottom:  1px solid #E6E6E6; margin-bottom: 1em; color:  #4271B2; font-size: 1.1em;  }

/*****************************************************************************************************************
* CAMPUS VIRTUAL
*****************************************************************************************************************/
#campus-virtual h4 { background: url("/images/iconos/cabecera_aula_virtual.gif");  font-family: Verdana, Arial, Helvetica, sans-serif; height: 24px; width: 187px; color: #4271B2; text-indent: 60px; padding-top: 18px;}
#campus-virtual { font-size: 0.95em; line-height: 1.2em; }
#campus-virtual .contenido { padding: 0 1em; }
#campus-virtual .contenido p { margin-right: 2em; margin-bottom: 1em; }
#campus-virtual .contenido #clave { width: 7em; }
#campus-virtual label { clear: both;  overflow: hidden; padding-bottom: 0.5em; display: block; color: #4271B2;}
#campus-virtual input { font-size: 0.9em; width: 9em;  color: #333; margin-left: 0.5em; }
#campus-virtual .submit { background: url("/images/botones/boton_entrar.gif") no-repeat; width: 50px; height: 24px; text-align: center;   border: 0px; font-size: 1em; font-weight: bold; color: white; display: block; margin: 0.5em auto 1em auto;}
.ingles-online-banner  {margin: 0.5em auto 2em auto; }

/*****************************************************************************************************************
* LEGILACIÓN (MÓDULO)
*****************************************************************************************************************/
#legislacion h4 { background: url("/images/iconos/cabecera_legislacion.gif");  font-family: Verdana, Arial, Helvetica, sans-serif; height: 24px; width: 187px; color: #4271B2; text-indent: 60px; padding-top: 18px;}
#legislacion { font-size: 0.95em; line-height: 1.2em; }
#legislacion li { border-bottom: 1px solid #dadada; color: #4271B2; padding-right: 10em; padding: 0.5em 0; background: url("/images/iconos/pdf2.gif") 100% 50% no-repeat; }
#legislacion li a { color: #4271B2; text-decoration: none;  margin-right: 2em; }
#legislacion li .descargar { color: #FF4800; font-size: 0.80em; display: block; margin-top: 0.3em; }

/*****************************************************************************************************************
* ÚLTIMAS NOTICIAS
*****************************************************************************************************************/
#ultimas-noticias h4 { background: url("/images/iconos/cabecera_noticias.gif");  font-family: Verdana, Arial, Helvetica, sans-serif; height: 24px; width: 187px; color: #4271B2; text-indent: 60px; padding-top: 18px;}
#ultimas-noticias { font-size: 0.95em; line-height: 1.2em; color : #333; margin-bottom: 2em;  margin-left: 1em; }
#ultimas-noticias a { color: #333; text-decoration: none; }
#ultimas-noticias a span.fecha { font-size: 0.8em; color: #900; }
#ultimas-noticias  li { border-bottom: 1px solid #dadada; color: #4271B2;  padding: 1em 0;  }

/*****************************************************************************************************************
* RESULTADOS DE LA BÚSQUEDA
*****************************************************************************************************************/
#resultados-de-busqueda  {  line-height: 1.2em; color : #333; margin-bottom: 2em;  margin-left: 1em; }
#resultados-de-busqueda a { color: #333; text-decoration: none; }
#resultados-de-busqueda h4 { display: inline;  border: 0; background: transparent; text-align: left; font-size: 1.1em;  padding: 0;  margin: 0 0 0.2em;}
#resultados-de-busqueda span.fecha { font-size: 0.8em; color: #900; }
#resultados-de-busqueda li { border-bottom: 1px solid #dadada; color: #4271B2;  padding: 1em 0;  }

#resultados-de-busqueda a.texto { color: #4271B2; line-height: 1.2em; display: block; padding: 0.5em 0; }
/*****************************************************************************************************************
* PRINCIPAL
*****************************************************************************************************************/
ul.noticias { font-size: 1.1em; line-height: 1.2em; }
ul.noticias h3 span.titulo { color: #333; text-decoration: none; font-size: 1.1em; }
ul.noticias a span.fecha { font-size: 0.96em; color: #900; }
ul.noticias  li { border-bottom: 1px solid #dadada; color: #4271B2;  padding: 1em 0;  }
ul.noticias  li a { color: #4271B2; text-decoration: none; font-size: 0.8em; }

ul.noticias-home { font-size: 1.1em; line-height: 1.2em; }
ul.noticias-home h3 span.titulo { color: #333; text-decoration: none; font-size: 1.1em; }
ul.noticias-home a span.fecha { font-size: 0.96em; color: #900; }
ul.noticias-home li { border-bottom: 1px solid #dadada; color: #4271B2;  padding: 1em 0 0 0;  width: 48%; float: left; display: block; margin-right: 1%; min-height: 6em; line-height: 1em;}
ul.noticias-home li a { color: #4271B2; text-decoration: none; font-size: 0.8em; }

/*****************************************************************************************************************
* RSS
*****************************************************************************************************************/
#rss h4 { background: url("/images/iconos/cabecera_rss.gif") no-repeat;  font-family: Verdana, Arial, Helvetica, sans-serif; height: 24px; width: 187px; color: #FF4800;text-indent: 45px; padding-top: 10px;}
#rss { font-size: 0.95em; line-height: 1.2em; color : #333; margin-left: 1em; }
#rss a { color: #333; text-decoration: none; padding: 0.5em; padding-right: 2em; display: block;  }
#rss a span { color: #FF4800; font-weight: bold; }

#pie { margin-top: 2em; }
ul.css {  text-align: right; padding: 0em 0em 0em 0em;  margin-right: 1em; }
	ul.css li { display: inline; margin: 0; padding: 0px; }
div.o2w { float: right; }
#copyright { float: left; }
#o2w { float: right; padding-top: 0em; padding-right: 0px; color: #333; font-size: 0.8em; text-decoration:none; clear: both; margin-right: 1em;  margin-top: 1em; }
#o2w:hover { text-decoration: underline; }

/*****************************************************************************************************************
* SITEMAP
*****************************************************************************************************************/
.sitemap { float: left; width: 400px; margin-left: 3em;   }
.sitemap li {  padding: 5px 0px 5px 20px; }
ul.sitemap a { color: #4271B2; }
ul.sitemap li { list-style: none; margin-left: 25px; }
.sitemap .level-1 ul { margin-top: 5px;}
.sitemap .level-2 {  margin-left: 25px; }
.sitemap .level-3 {  margin-left: 50px; }

/*****************************************************************************************************************
* CONTACTAR
*****************************************************************************************************************/
#contactar-centros-izq { background: url("/images/ui/label_fondo_izq.gif") no-repeat; height: 44px; padding-left: 7px; overflow: hidden; }
#contactar-centros-der { background: url("/images/ui/label_fondo_der.gif") 100% 0 no-repeat; height: 44px; padding-right: 7px; overflow: hidden; }

#contactar-centros { background: url("/images/ui/label_fondo.gif"); overflow: hidden; height: 44px;  text-align: center; padding-left: 1em;}
#contactar-centros li { display: block; float: left; text-align: center; display: inline; width: 19%; }
#contactar-centros li h3 { text-transform: uppercase;  display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.96em; padding: 15px 1.5em;  }
#contactar-centros li h3 a { color: #4271B2; text-decoration: none; display: inline; }
#contactar-centros li.selected {  background: url("/images/ui/label_dch.gif") no-repeat; padding-left: 7px; }
#contactar-centros li.selected div.titulo { overflow: hidden; background: url("/images/ui/label_izq.gif") 100% 0 no-repeat; padding-right: 7px;  }
#contactar-centros li.selected h3 { background: url("/images/ui/label.gif");  height: 44px; padding: 15px 1em; }
#contactar-centros li.selected h3 a { color: #900;  }


.tab-content .como-contactar { float: left; width: 180px;  border-right: 1px solid #dadada; margin-top: 2em; }
.tab-content .localizacion h4, .tab-content .como-contactar h4 {  border: 0; background: transparent; text-align: left; font-size: 1em;  padding: 0;  margin: 0 0 0.2em; text-align: left; color: #4271B2; }
.tab-content .localizacion { float: right; width: 360px; margin-top: 2em;  }
.tab-content h4 { color: #4271B2; font-size: 0.93em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tab-content p { color: #333; font-size: 0.92em; padding: 1em 0; }
.tab-content { margin-bottom: 3em; overflow: hidden; }
.tab-content span.telefonos { font-weight: bold; color: #4271B2; display: block; font-size: 0.92em;}

#formulario-contacto { clear: both; }

#form-contacto { width: 550px; float: right; clear: both; margin-top: 2em; }
#form-contacto label { float: left; width: 49%; margin-bottom: 1em; min-height: 4em; }
#form-contacto label input, #form-contacto label select { width: 16em;  }
#form-contacto label span { display: block; color: #4271B2; padding-bottom: 0.3em; }
#form-contacto label.required span { font-weight: bold;   }
#form-contacto label #texto { width: 46em; font-size: 0.95em;  height: 9em;  overflow: hidden; }
#form-contacto select { font-size: 0.93em; }
#form-contacto div.campos { background: #ececec url("/images/ui/degradado_menu.gif") no-repeat; overflow: hidden; clear: both; width: 500px; padding-top: 1em; margin-right: 2em; color: #52A4CC; font-size: 0.95em; padding: 1em 1em 0 1em; }
#form-contacto div.campos-bottom { overflow: hidden; background: #ececec url("/images/ui/degradado_menu.gif") left bottom no-repeat; margin-bottom: 1em; padding-bottom: 1px;  }

#form-contacto #campos-contacto { padding: 0.5em 1em; color: #333; }


#campos-contacto  { padding-bottom: 1em; }
#campos-contacto label { width: auto;float: none;  margin-left: 2em; overflow: hidden;  }
#campos-contacto label input { display: inline; width: auto; }

#form-contacto .boton-enviar { clear: both; border: 0;   display: block; margin-left: 20em; margin-bottom: 2em; width: 83px; height: 24px; font-size: 0.96em; padding-top: 2px;   padding-left: 20px; background: url("/images/botones/enviar.gif"); color: white;  font-weight: bold;}

div.ausencia-profesorado {  Background: #ffcc44; color: #333;  padding: 0.8em 1em; border: 1px solid #ff4800; margin-bottom: 0.5em; }
div.ausencia-profesorado h3 {  color: #FF4800; padding-bottom: 1em; }
