/*
Theme Name: Hotel Puente de La Toja
Theme URI: http://hotelpuentedelatoja.com/
Description: Diseño y programación íntegra para el cliente 'Hotel Puente de La Toja, S.L.'.
Version: 1.0
Author: Diego Fraga (s1stem.as)
Tags: orange colours, fixed width, one column, widgets


Archivo del theme: 'menu_superior.css'

NOTA: Las modificaciones de internet explorer se diferencian con el hack '*'.

*/


#menu_superior {
	background: #000 no-repeat;
	border-bottom: 1px solid #CCC;
	height: 30px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 1000;
	
	text-align: center;
}

#menu_superior_sidebar{
	display: block;	
	height: 30px;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	top: 0px;
	width: 800px;	
}

/* Menú superior */
#menu_superior_sidebar ul{
	float: right;
	height: 30px;
	margin: 0px;
	position:relative;
	
	padding: 0px;
}

#menu_superior_sidebar ul li {
	display: block;
	float: right;
	height: 30px;
	position: relative;
	width: 180px;
	
	color: #FFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
}

#menu_superior_sidebar ul li span {
	border-right: #CCC 1px solid;
	height: 30px;
	float: right;
	width: 180px;
}

#menu_superior_sidebar ul li span#ms_instalaciones {
	line-height: 30px;
}

#menu_superior_sidebar ul li span#ms_entorno {
	line-height: 30px;
}

#menu_superior_sidebar ul li span#ms_servicios {
	line-height: 30px;
}

#menu_superior_sidebar ul li ul {
	display: none;
	margin-top: 30px;
	position: absolute;
	right: -30px;
}

#menu_superior_sidebar ul li ul li {
	background: #333;
	height: 25px;
	width: 240px;
}

#menu_superior_sidebar ul li ul li a {
	display: block;
	height: 25px;
	width: 240px;
	
	color: #FFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
}

#menu_superior_sidebar ul li ul li a:hover {
	background: #555;
	
	color: #D60;
	font-weight: bolder;
}

/* Menú Pequeno */
#menu_pequeno {
	left: 50%;
	margin-left: -500px;
	position: absolute;
	top: 30px;
	z-index: 990;
}

#menu_pequeno ul {
	left: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;	
}

#menu_pequeno ul li {
	display: inline;
	height: 60px;
	width: 26px;
	z-index: 1000;	
}

#menu_pequeno ul li a {
	display: block;
	height: 49px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 26px;
}

#menu_pequeno ul li a#menup_correo_i, #menu_pequeno ul li a#menup_quenesomos_i, #menu_pequeno ul li a#menup_otempo_i {
	display: block;
	height: 49px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 26px;
}

#menu_pequeno ul li a#menup_correo_i {
	background: url('../images/menup_correo.png') no-repeat 0px -20px;
	left: 0px;
}

#menu_pequeno ul li a#menup_quenesomos_i {
	background: url('../images/menup_quiensomos.png') no-repeat 0px -20px;
	left: 28px;
}

#menu_pequeno ul li a#menup_otempo_i {
	background: url('../images/menup_eltiempo.png') no-repeat 0px -20px;
	left: 56px;
}

#menu_pequeno ul li a#menup_correo_i:hover, #menu_pequeno ul li a#menup_quenesomos_i:hover, #menu_pequeno ul li a#menup_otempo_i:hover {
	background-position: 0 -3px;
}

#menu_pequeno #menup_correo_t, #menu_pequeno #menup_quenesomos_t, #menu_pequeno #menup_otempo_t {
	display: none;
	height: 11px;
	margin-left: -37px;
	overflow: hidden;
	position: absolute;
	top: 49px;
	width: 100px;

	font-size: 10px;
	text-align: center;
	text-shadow: 0px 1px 0px #000;
}

#menu_pequeno #menup_correo_t {
	left: 0px;
}

#menu_pequeno #menup_quenesomos_t {
	left: 28px;
}

#menu_pequeno #menup_otempo_t {
	left: 56px;
}

#menu_superior_interact {
	display: block;
	height: 0px;
	margin: 15px auto;
	opacity: 0;
	overflow: hidden;
	width: 950px;
}

#menu_superior_interact .submenu {
	left: 50%;
	margin-left: -425px;
	position: absolute;
	width: 950px;
}

#menu_superior_interact .form_contacto table td.texto {
	background: url('../images/fondo_contacto.png') no-repeat 145px 15px;
	border-right: 1px solid #FFF;
	padding: 60px 15px 0px;
	width: 200px;
	
	font-size: 10px;
}

#menu_superior_interact .form_contacto table td.texto p {
	margin-bottom: 5px;
}

#menu_superior_interact .form_contacto table td.form {
	padding: 15px;
	width: 600px;
	
	font-size: 10px;
}

#menu_superior_interact .form_contacto table td.form .frm_contacto_top {
	display: block;
	margin-left: 35px;
	width: 100%;
}

#menu_superior_interact .form_contacto table td.form .frm_contacto_block {
	display: block;
	width: 100%;
	margin: 5px 0px;
}

#menu_superior_interact .form_contacto table td.form .frm_contacto_top .frm_contacto_lbl {
	display: block;
	float: left;
	width: 50px;
}

#menu_superior_interact .form_contacto table td.form .frm_contacto_top .frm_contacto_capt {
	display: inline;
	width: 300px;
}

#menu_superior_interact .form_contacto table td.form .frm_contacto_top .frm_contacto_capt textarea#mensaje {
	width: 100%;
}

#menu_superior_interact .form_contacto table td.form .frm_contacto_bottom {
	margin-top: 10px;
}

#menu_superior_interact .form_contacto table td.form .frm_contacto_bottom .frm_contacto_capt span {
	overflow: hidden;
	width: 600px;
}

#menu_superior_interact .form_contacto table td.form .frm_contacto_submit {
	margin-top: 10px;
	
	text-align: center;
}

#menu_superior_interact .form_contacto table td.form .frm_contacto_submit input {
	background: #D50;
	display: block;
	height: 30px;
	width: 100%;
	
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#menu_superior_interact .acerca_mapa {
	background: url('../images/fondo_nosotros.png') no-repeat 140px 10px;
	width: 950px;

	font-size: 10px;
	text-align: right;
}

#menu_superior_interact .acerca_mapa .acerca {
	display: block;
	float: left;
	margin: 60px 15px 0;
	width: 200px; 	
}

#menu_superior_interact .acerca_mapa .acerca p {
	margin-bottom: 5px;
}

#menu_superior_interact .acerca_mapa .mapa {
	border-left: 1px solid #FFF;
	display: block;
	float: left;
	padding-left: 15px;
}

#menu_superior_interact .otempo {
	background: url('../images/fondo_otempo.png') no-repeat 140px 10px;
}

#menu_superior_interact .tiempo_hoy {
	display: block;
	float: left;
	margin: 60px 15px 15px;
	width: 200px; 	
	
	text-align: center;
}

#menu_superior_interact .tiempo_hoy h6 {
	margin: 25px 0px 0px;
	
	font-size: 12px;
	text-transform: uppercase;
}

#menu_superior_interact .tiempo_hoy p.fecha {
	margin-bottom: 10px;
	
	font-size: 12px;
	font-style: italic;	
}

#menu_superior_interact .tiempo_hoy img {
	display: block;
	margin: 0 auto;
}

#menu_superior_interact .tiempo_hoy span {
	display: block;
	
	font-size: 12px;
	font-style: italic;
	margin-top: 10px;
}

#menu_superior_interact .tiempo_previsto {
	border-left: 1px solid #FFF;
	display: block;
	float: left;
	padding-left: 15px;
	padding-bottom: 20px;
	
	text-align: center;
}

#menu_superior_interact .tiempo_previsto p {
	margin-bottom: 10px;
	
	font-size: 12px;
	font-style: italic;
}

#menu_superior_interact .tiempo_previsto h5 {
	display: block;
	height: 35px;
	margin: 27px 0 25px;
	
	font-size: 35px;
	line-height: 35px;
	text-align: left;
}

#menu_superior_interact .tiempo_previsto h6 {
	margin-bottom: 0px;
	width: 600px;
	
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}

#menu_superior_interact .tiempo_previsto .prev_next {
	margin: 0 auto;	
}

#menu_superior_interact .tiempo_previsto .prev_next .weather {
	display: block;
	float: left;
	width: 150px;
	
	text-align: center;
}

#menu_superior_interact .tiempo_previsto .prev_next .weather img {
	margin: 0 auto;
}

#menu_superior_interact .tiempo_previsto .prev_next .weather span.condition {
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

#menu_superior a#back_top {
	background: url(../images/top.png) no-repeat;
	display: none;
	with: 20px;
	height: 20px;
	opacity: 0px;
	position: absolute;
	left: 50%;
	margin: -10px;
	top: 18px;
	width: 50px;
}

#menu_superior a#back_top:hover {
	background-position: 0px -20px;
}

.iw .basicinfo {
	display: none;
	}