/*
	CSS - Omoi Studio
	Marta Romero	
	Junio - 2009
	Screen Version
*/

/* GENERAL STYLES */

*{
	margin: 	0px;
	padding: 	0px;
	border: 	0px;
}

body {
	font: 11px Arial, Helvetica, sans-serif;
	}

/* General Links 
a { text-decoration : none; font-weight:bold; border: 0px;} 
a:active { text-decoration : underline; font-weight:bold; border: 0px;}
a:visited { text-decoration : none; font-weight:bold; border: 0px;}
a:hover { text-decoration : underline; font-weight:bold; border: 0px;}
*/
/* General Class */

form { padding: 0px; margin: 0px; }
img { border: none;}
a img {border-width: 0px;}
td, th {font-size : 11px; /* For IE5.x */}
input {	height: 20px;
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	border: 1px solid #e0e0e0;
	background-color:#FFFFFF;
	}
textarea {	height: 40px;
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	border: 1px solid #e0e0e0;
	background-color:#FFFFFF;
	}

.clear {clear: both;height: 1px;}
.discontinue {clear:both}
.right {float: right;}
.left {float: left;}
.non_line {border:0px;}
.float_relative {float:left; position: relative;}
.width_100p { width:100%;}
.width_90p { width:90%;}
.width_49p { width:49%;}
.hidden { display:none;}



/* MAIN CONTAINER 
====================================================================================*/ 
#general {
	width: 750px;
	position:absolute;
	top:0;
	left:0;
	}


/* 1.HEADER =LOGO
====================================================================================*/ 

#header {
	width: 750px;
	height:170px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	z-index: 70;
	}

#header h1 span, 
#header h2 span {
	display:none;
	height:0px;
	}
	
/* 2. SEARCHBOX
====================================================================================*/ 

#searchbox {
	height: 53px;
	width: 215px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	z-index:90;
	/*position:absolute;
	top: 170px;
	left:0px;*/
	}

#searchbox .campo {
	height: 20px;
	width: 140px;	
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	border: 1px solid #e0e0e0;
	background-color:#FFFFFF;
	}

#searchbox .lupa {
	height: 33px;
	width: 33px;	
	margin: 10px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
                border-width: 0px;
	}


/* Cambiar en cada estacion!!!!! */ 

#searchbox {
	background: url(/fileadmin/template/main/images/estaciones/otono_searchbox_bg.gif) no-repeat left top;
	}
#searchbox .lupa {
	background: url(/fileadmin/template/main/images/estaciones/otono_searchbox_lupa.gif) no-repeat left top;
	}
	
/* 3. NAVIGATION
====================================================================================*/ 

/****** 3.1. Menu Principal, a la izquierda ******/
#menu_1 {
	width: 193px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	}
	
#menu_1 ul  {
	width:193px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	}
	
#menu_1 ul li {
	background:url(images/menu-1_bg.gif) no-repeat left top;
	list-style-type: none;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 192px;
	height:28px;
	float: left;
	}
	
#menu_1 ul li a {
	display: block;
	margin: 3px 0px 0px 10px;
	padding: 3px 2px 0px 0px;	
	text-decoration: none;
	font-size:12px;
	font-style:normal;
	color: #fff;
}

#menu_1 ul li a.active,
#menu_1 ul li a:hover { 
	padding: 3px 2px 0px 0px;
}
	
/****** 3.2. Menu Secundario, debajo del header a la derecha ******/
#menu_2 {
	width:530px;
	height:53px;	
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	z-index:70;
	float: right;
	}
	
#menu_2 table{
	float:right;

	}
/*_________codigo anterior*/


/* celda del boton*/
#menu_2 td.botonH-no,
#menu_2 td.botonH-act{
	width:64px;
	height:31px;
	background-image:url(images/boton_horiz_fondo.jpg);
	background-repeat:repeat-x;
	text-align: center;
}

#menu_2 td.botonH-act a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #3366FF;
	line-height: 12px;
	font-style: normal;
	font-weight: normal;
}

/* NO ACTIVO*/
#menu_2 td.botonH-no a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #042660;
	line-height: 12px;
	font-style: normal;
	font-weight: normal;
	color: #042660;
}

#menu_2 td.botonH-no a:hover,
#menu_2 td.botonH-no a:active {
	color: #3366FF;
}

/****** 3.3. Menu Tercer nivel, al lado del contenido ******/
#menu_3 {
	width:160px;	
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	z-index:70;
	float: right;
	}

menu_3 ul {
/*	text-align: left;*/
	margin-left:10px;
	padding-left:10px;
    color: #0E74BF;
}
#menu_3 ul li a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #0E74BF;
  text-decoration:none;
  font-weight: normal;
	list-style-image: url(images/bullet_3.gif);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu_3 ul li  a:hover {
  color: #1A396F;
  text-decoration: none;
  font-weight: normal;
}

#menu_3 li.elemento-activo a {
	color: #84af02;
  text-decoration: none;
  font-weight: normal;
}
		
/* 4.CONTAINER 
====================================================================================*/ 

#container_content {
	width:530px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	float: left;
	}


/****** 4.1. Titulo ******/
h3#titulo-pagina {
	width:525px;
	height: 25px;	
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	background:url(images/fondo_cabecera.jpg) top left no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #0E74BF;
	float:left;
}
h4#subtitulo2n-pagina  {
	width:50%;
	height: 25px;	
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 5px;
	background:url(images/separador_doble.gif) bottom left repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FD9900;
	float:left;
}

h5#subtitulo3n-pagina  {
	width:70%;
	height: 25px;	
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #0E74BF;

}
/****** 4.2. Content ******/

#content/*{
	width:525px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}*/
	
div.texto2n_left {
	width:45%;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
    float:left;
	}

div.texto2n_right {
	width:45%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float:left;
	}

div.texto3n {
	width:340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float:left;
	}
	


div.texto2n_left p,
div.texto2n_right p,
div.texto3n p {
	font: 11px Arial, Helvetica, sans-serif;
	/*color: #1a396f;*/
    color: #000;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 0px;
}	

div.texto2n_left p a,
div.texto2n_right p a,
div.texto3n p a {
	color: #FD9900;
}	

ol,ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
ol li, ul li{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 5px;
}

ol li a, ul li a{
	color: #FD9900;
	font-weight: bold;
}
ol li p, ul li p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.orange {
	color:#FF3300;
	}
	
.gris03{
	color:#333;
	}
#boton-navegacion {
	margin-top: 10px;
	}

/* 5.FOOTER 
====================================================================================*/ 

#footer{
	width:750px;
	line-height:12px;
	float:left;
	}
	
#footer .banner{
	padding:0px;
	}

#msd_patrocina{
	text-align:center;
                margin: 5px 0px 0px 0px;
	}


/*_________Footer msd.es____________ */
#msd_foot {
	height: 20px;
	text-align: center;
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	margin: 0px;
}
#msd_foot ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#msd_foot ul li {	
	font-size: 10px;
	font-weight: normal;
	color: #CC0000;
	font-family:Arial, Helvetica, sans-serif;
	display: inline;
	list-style: none;
} 
#msd_foot ul li a, 
#msd_foot ul li a:visited {
	color: #009999;
	text-decoration: none;
}
#msd_foot ul li a:hover, 
#msd_foot ul li a:active {
	color: #CC0000;
	text-decoration: none;
}