/* CSS Document */

h1, h2, h3, h4, h5 {
 margin:0;
 padding:0;
}

strong{
color:#007DBF;
}

.destacado{
color:#F09F67;
}

.destacados{
color:#F09F67;
font-weight:bold;
}

form{
margin-left:10px;
}

td {
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
color: #373737;
text-align:left;
}


body{
background-color:#fff;
}

.contenido {
width:800px;
height:auto;
overflow:hidden;
/*min-height:469px;*/
margin:auto;
margin-top:-8px;
}

.contenido #cabeceratotal {
width:800px;
height:227px;
background-color:#fff;
float:left;
}

#cabeceratotal #cabecera{
width:800px;
height:200px;
float:left;
background-color:#fff;
}

#cabeceratotal #ruta {
width:800px;
height:27px;
float:left;
background:url(../img/linea.jpg) left repeat-y;
padding-top:5px;
padding-left:215px;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
color:#333;
}

#ruta h4{
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
color:#333;
text-decoration:underline;
display:inline;
}

#ruta h4 a{
color:#666;
text-decoration:underline;
}

#ruta h4 a:hover{
color:#333;
text-decoration:underline;
}

#ruta a.act{
font-weight:normal;
color:#000;
text-decoration:underline;
}

#ruta a:hover.act{
font-weight:normal;
color:#000;
text-decoration:underline;
}

.contenido #centro {
width:800px;
height:auto;
overflow:hidden;
float:left;
background-color:#fff;
background-image:url(../img/fondo_centro.jpg);
background-position:left;
background-repeat:repeat-y;
}


#centro #central{
width:600px;
overflow:hidden;
height:auot;
float:right;
min-height:450px;
margin-bottom:5px;
}


#central #informacion{
width:250px;
height:auto;
float:right;
border:1px solid #000;
margin-left:5px;
margin-top:10px;
}

#central #titular{
width:600px;
height:auto;
overflow:hidden;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
font-style:normal;
font-weight:normal;
color:#373737;
margin-left:15px;
margin-top:18px;
float:left;
}

#central #subrayado {
width:600px;
height:2px;
float:left;
margin-left:15px;
margin-top:2px;
margin-bottom:10px;
}

#central p {
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
color: #373737;
margin-top:15px;
margin-left:15px;
margin-right:15px;
text-align:left;
}

#central h5{
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:normal;
color:#F09F67;
margin-left:15px;
margin-top:15px;
margin-bottom:5px;
width:600px;
}

#central h6{
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-style:normal;
font-weight:bold;
color:#053152;
margin-left:15px;
margin-top:15px;
margin-bottom:5px;
width:600px;
background:url(../img/icono2.gif) left top no-repeat;
padding-left:20px;
}

#central ul {
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
color: #373737;
margin-top:20px;
margin-bottom:15px;
margin-left:0px;
list-style:none;
}

#central ul li{
background:url(../img/icono2.gif) left top no-repeat;
padding-left:20px;
padding-top:-2px;
margin-top:15px;
}

#central #imagenizq{
border:1px solid #373737;
float:left;
}

#central #imagender{
border:1px solid #373737;
float:right;
}

#central #imagenright {
width:252px;
height:auto;
overflow:hidden;
float:right;
margin-left:10px;
margin-bottom:10px;
margin-top:5px;
}

#central #imagenleft {
width:252px;
height:auto;
overflow:hidden;
float:left;
margin-right:10px;
margin-left:15px;
margin-bottom:10px;
margin-top:5px;
}

#imagenright img, #imagenleft img{
width:250px;
height:auto;
overflow:hidden;
border:1px solid #373737;
}

#imagenright img#sin, #imagenleft img#sin{
width:250px;
height:auto;
overflow:hidden;
border:none;
}

#imagenleft h2, #imagenright h2 {
width:195px;
height:auto;
overflow:hidden;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:normal;
color:#373737;
margin:auto;
margin-top:5px;
text-align:center;
padding:3px;
}

#central b {
color:#1078AF;
}

#central a{
color: #737272;
text-decoration:underline;
}

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

#central #fila{
width:600px;
height:120px;
margin-top:25px;
margin-bottom:10px;
float:left;
}

#fila #opcion{
width:170px;
height:70px;
float:left;
margin-left:15px;
}

#opcion #logo{
width:170px;
height:50px;
}

#logo img{
width:auto;
height:auto;
overflow:hidden;
vertical-align:middle;
}

#opcion #link{
margin-top:10px;
border-top:1px solid #007DBF;
padding-top:10px;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#373737;
text-align:center;
}

#central #exitos{
width:600px;
height:200px;
margin-top:25px;
margin-bottom:10px;
float:left;
}

#exitos #exito{
width:170px;
height:170px;
float:left;
margin-left:15px;
}

#exito #foto{
width:170px;
height:110px;
}

#foto img{
width:170px;
height:110px;
overflow:hidden;
vertical-align:middle;
}

#exito #nombre{
margin-top:10px;
border-top:1px solid #007DBF;
padding-top:10px;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#373737;
text-align:center;
}


#central #galeria{
float:right;
width:320px;
height:200px;
margin-top:20px;
margin-left:10px;
margin-right:5px;
}

#galeria p{
color:#fff;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
}

#galeria a{
color:#fff;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

.titulonoticia{
margin-left:15px;
padding-right:10px;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
color:#007DBF;
font-size:16px;
font-weight:bold;
margin-top:15px;
display:block;
}

.entradillanoticia{
padding-right:10px;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
color:#F09F67;
font-size:12px;
font-weight:bold;
display:block;
margin-top:10px;
margin-left:15px;
}

.fechanoticia{
margin-left:15px;
padding-right:10px;
float:left;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
color:#737373;
font-size:12px;
font-weight:bold;
margin-top:10px;
}

.textonoticia{
padding-right:10px;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
font-weight:normal;
display:block;
margin-top:10px;
margin-left:15px;
}


.contenido #pie {
width:800px;
height:24px;
float:left;
margin-top:0px;
background-image:url(../img/linea.jpg);
}

#pie #int {
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
font-weight:normal;
color: #373737;
padding-top:5px;
height:24px;
float:left;
margin-left:85px;
}

#pie #fondo {
background-color:#fff;
margin-top:2px;
margin-bottom:2px;
width:190px;
float:right;
height:18px;
margin-right:45px;
margin-top:3px;
}

#fondo #text {
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
color:#60A4D1;
padding-top:1px;
}

#text a{
color:#60A4D1;
text-decoration:none;
margin-left:13px;
}

#text a:hover{
color:#F09F67;
text-decoration:none;
margin-left:13px;
}

#text .activo{
color:#F09F67;
text-decoration:none;
margin-left:13px;
}

#centro #banners {
width:190px;
height:auto;
overflow:hidden;
float:left;
padding-left:10px;
margin-top:20px;
}

#centro #banners2 {
width:180px;
height:168px;
float:left;
margin-left:7px;
margin-top:20px;
border:1px solid #373737;
}

#centro #menu {
width:190px;
height:265px;
float:left;
}


#menu ul#nav {
  /*width: 800px; For KHTML
  list-style: none;
  height: 34px;*/
  width: 140px;
  margin-top:15px;
  margin-left:-25px;
  font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  /*color:#9F9E9E;*/
  color:#373737;
}

ul#nav li {
  float: left; /*For Gecko*/
  display: inline;
  position: relative;
  width: 140px; 
  height: 33px;
  z-index: 1000;
}

ul#nav li#prin{
	background:url(../img/flecha.gif) no-repeat left 10px;
	padding-left:10px;
}

ul#nav ul {
  /*width: 190px;*/
  display: none;
  position: absolute;
  top: 0px;
  left:140px;
  border-right: 1px solid #61A4D1;
  border-left: 1px solid #61A4D1;
  border-bottom: 6px solid #61A4D1;
  background: #D4E8F5;
  /*background: #fff url(http://www.osasuna.es/dev/imagenes/bg_menu_bot.gif) bottom no-repeat;*/
/*opacity: 0.9;*/
/*filter: alpha(opacity=95);*/
}

ul#nav ul ul {
	background-color: #FFF;
}

ul#nav ul li {
  display: block !important;
  display: inline; /*For IE*/
  float: none;
  height: auto;
  margin-left:-40px;
  width:190px;
}

ul#nav ul ul li {
  display: block !important;
  display: inline; /*For IE*/
  float: none;
  height: auto;
  margin-left:-40px;
  width:220px;
}

ul#nav ul li a{
padding-left:5px;
}
/* Root Menu */

ul#nav li a:hover{
/*background-color:#61A4D1;*/
}

ul#nav li a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #373737;
  font-size: 12px;
  font-weight: bold;
  height: 33px;
  height: 1%; /*For IE*/
  padding-left:0px;
  padding-right:5px;
  padding-top:6px;
  _padding-top:8px;
  _padding-bottom:6px;
  text-decoration:none;
  /*background:url(../img/borde_d_menu.gif) right no-repeat 0;*/
}
ul#nav li.inactivo a  {
	color: #9F9E9E;
	cursor: default;
}

ul#nav li.inactivo a:hover{
	background:none;
	color: #9F9E9E;
}
html>body ul#nav a {
padding-bottom: 25px;
}

/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
color: #9F9E9E;
/*background-color:#61A4D1;*/

}
ul#nav li:hover a,
ul#nav li a.actual,
ul#nav li.iehover a {
/*background: #4E620B url(http://www.osasuna.es/dev/imagenes/bg_menu_desp.gif) repeat-x;*/
/*background-color:#61A4D1;*/
color:#F09F67;

}
ul#nav li ul li.segundo_nivel a {
	background: #D4E8F5 url(../img/flecha.gif) no-repeat 180px 11px;
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
  float: left;
  color: #373737;
  background: none;
	height: auto;
  height: 1%; /*For IE*/
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #61A4D1;
}

html>body ul#nav li:hover li,
html>body ul#nav li.iehover li {
	display: block;
}
html>body ul#nav li:hover li a,
html>body ul#nav li.iehover li a  {
	height: auto;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #61A4D1;
}
/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
background: #61A4D1 url(../img/fondo_menu.jpg) repeat-x;
color: #FFF;
}



/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a {
  background: none;
  color: #000;
  font-weight: normal;
  border-top: 1px solid #61A4D1;
}

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
background: #61A4D1 url(../img/fondo_menu.jpg) repeat-x;
  color: #FFF;
}

/* 4th Menu */
ul#nav li:hover li:hover li:hover li a,
ul#nav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #000;
  font-weight: normal;
}

/* 4th Menu Hover */
ul#nav li:hover li:hover li:hover li a:hover,
ul#nav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#nav ul ul,
ul#nav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 190px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
}
 
 /* desactivados */


ul#nav li ul li.desactivado a,
ul#nav li:hover ul li:hover ul li.desactivado a,
ul#nav li.iehover ul li.iehover ul li.desactivado a
{
	color: #ccc;
}
ul#nav li.desactivado a:hover, 
ul#nav li:hover ul li.desactivado a:hover,
ul#nav li.iehover ul li.iehover ul li.desactivado a:hover
 {
	background: none;
	color: #ccc;
}