@charset "UTF-8";
/* CSS Document */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:Arial, sans-serif;
	background: #fff;
 filter: default;
}

a:focus {
width:0px;height:0px;outline:0px;
}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;}
/********************************************************* FIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/********************************************************* CONTENIDO  */
#main{
	position:relative;
   min-height:100%;
   _height:100%; /* for IE6 as it doesnt understand min-height */
}

#top{
	background: #413F3B url(../imas/bg_01.png) no-repeat top center;
	height:140px;
	}

#middle{
	background: #343233 url(../imas/bg_02.png) no-repeat top center;
	height:239px;
	}

#botton{
	background: #FFFFFF url(../imas/bg_03.png) no-repeat top center;
	}
	
	
/************************************************** CONTENIDO TOP */	
#top #content{
	width:901px;
	height:140px;
	margin:0 auto;
	}
#top #content #isologo{
	width:260px;
	height:140px;
	float:left;
	}
#isologo img{
	margin:9px 0 0  3px;
	}
#top #content #login{
	background:url(../imas/line_login.png) no-repeat bottom right;
	width:640px;
	float:left;
	text-align:right;
	margin-top:5px;
	}
#login p{
	margin:0;
	padding:0;
		font-size:11px;
	color:#999;
	}
#login p.loguser{
	margin:6px 10px 5px 0;
	padding:0;
		font-size:13px;
	color:#FFF;
	}
#login a.siginup{
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	margin-right:10px;
	text-align:right;
}
#login a.siginup:hover{
	color: #CCC;
}
#login a.passup{
	font-size:11px;
	color:#ff0000;
	text-decoration:none;
	margin-right:12px;
	text-align:right;
}
#login a.passup:hover{
	color: #fff;
}
#login form{
	margin:0;
	padding:0;
	}
#login .input{
	padding:3px;
	width:120px;
	font-size:9px;
	color:#FFF;
	border:#514e45 1px solid;
	background:#49463d;
	margin:0 5px;
	}
#login .submit{
	width:17px;
	height:20px;
	background:url(../imas/btn_login.png) no-repeat center center;
	border:0;
	cursor:pointer;
	margin:0 10px 0 0;
	font-size:0px;
	}
	
#top #content #cont_nav{
	width:640px;
	float:left;
	}

#cont_nav  a{
	margin:17px 10px 0 10px;
	padding:0;
	display:block;
	height:23px;
	text-decoration:none;
	text-indent:-10000em;
	float:right;
	}
#cont_nav  .umaclub{
	background:url(../imas/btn_umaclub.png) no-repeat scroll left 0;
	width:104px;
	text-indent:-10000em;
	}
#cont_nav  .noticias{
	background:url(../imas/btn_noticias.png) no-repeat scroll left 0;
	width:88px;
	text-indent:-10000em;
	}
#cont_nav  .descuentos{
	background:url(../imas/btn_descuentos.png) no-repeat scroll left 0;
	width:132px;
	text-indent:-10000em;
	}
#cont_nav  .contacto{
	background:url(../imas/btn_contacto.png) no-repeat scroll left 0;
	width:106px;
	text-indent:-10000em;
	}
#cont_nav  .reservas{
	background:url(../imas/btn_reservas.png) no-repeat scroll left 0;
	width:101px;
	text-indent:-10000em;
	}
#cont_nav  .umaclub:hover, #cont_nav  .noticias:hover, #cont_nav  .descuentos:hover, #cont_nav  .contacto:hover, #cont_nav  .reservas:hover{
background-position:left -23px;
}
#cont_nav  .select{
background-position:left -23px;
}
/************************************************** CLIMA */
#clima{
	background:url(../imas/line_clima.png) no-repeat bottom right;
	padding:7px 10px 7px 0;
	width:630px;
	float:left;
	}
.clima_pais{color:#ccc; font-size:11px;}
.clima_info strong{color:#ccc; font-size:11px;}
.clima_info{color:#fff; font-size:11px;}
/************************************************** CONTENIDO MIDDLE */
#middle #slidercontent{
	width:900px;
	height:209px;
	margin:0 auto;
	padding-right: 1px;
	background: no-repeat left center;
	}
#slidercontent .pics {width: 800px; height: 170px; overflow: hidden; }
#slidercontent #nav {width:800px; height:14px;}
#slidercontent #nav a {
	margin:13px 5px 0 0;
	padding:0;
	display:block;
	height:14px;
	text-decoration:none;
	text-indent:-10000em;
	float:left;
	background:url(../imas/btn_slider.png) no-repeat scroll left 0;
	width:14px;
}
#slidercontent #nav a.activeSlide {
	background-position:left -14px;
	}

/************************************************** CONTENIDO BOTTOM */
#botton #cont{
	width:902px;
	margin:0 auto;
	}
#botton #cont #c1{
	/*width:625px;*/
	width:600px;
	float:left;
	}
#botton #cont #c1 #tabs{
	margin-left:10px;
	width:44px;
	float:left;
	}
#botton #cont #c1 #contGeneral{
	margin:35px 0 0 20px;
	width:525px;
	float:left;
	font-size:12px;
	}
#contGeneral #notaIndex, #contGeneral #notaView{
	clear:both;
	margin-bottom:30px;
}
#notaIndex h1{
	margin:0 0 10px 0;
	padding:0;
	font-family:Georgia,"Times New Roman",serif;
	font-size:20px;
	font-weight:100;
	line-height:22px;
	word-spacing:-2px;
}
#notaIndex h1 a{
	color:#333;
	text-decoration:none;
}
#notaIndex h1 a:hover{
	color:#000;
	text-decoration:none;
}
#notaIndex h2{
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:100;
	word-spacing:-2px;
	color:#335577;
	float:left;
}
#notaIndex #media{
	border:1px solid #ddd;
	background:#f7f7f7;
	padding:6px;
	margin:5px 0 15px 0;
	width:512px;
	text-align:center;
	}
#notaIndex #media:hover{
	border:1px solid #ccc;
	background:#EBEBEB;
	padding:6px;
	margin:5px 0 15px 0;
	text-align:center;
	}
#notaIndex p{
	margin:0 0 10px 5px;
	padding:0 0 0 5px;
	width:457px;
	font-size:12px;
	line-height:16px;
	word-spacing:1px;
	color:#333;
	border-left:1px solid #CCC;
	float:left;
}


#notaView h1{
	margin:0 0 10px 0;
	padding:0;
		font-family:Georgia,"Times New Roman",serif;
	font-size:28px;
	font-weight:100;
	line-height:28px;
	word-spacing:-2px;
	color:#333;
}
#notaView h2{
	margin:5px 0 12px 0;
	padding:0;
	font-size:10px;
	font-weight:100;
	word-spacing:-2px;
	color:#335577;
}
#notaView #media{
	border:1px solid #ddd;
	background:#f7f7f7;
	padding:6px;
	margin:5px 0 20px 0;
	width:512px;
	text-align:center;
	}
#notaView p{
	margin:0 6px 10px 0;
	padding:0;
	font-size:12px;
	line-height:16px;
	word-spacing:1px;
	color:#000;
	width:512px;
}
/******************* BOTONES PAGINADOR */
#paginador{
	font-size:12px;
	text-align:right;
	height:19px;
	margin-bottom:30px;
	}
#paginador .paginas{
	background:#f7f7f7;
		margin-left:5px;
	padding:5px;
	color:#999;
	}
#paginador font{
	margin:0 5px 0 0;
	padding:0;
	}
#paginador .vacio{
	background:#f7f7f7;
	padding:5px;
	color:#999;
	}		
#paginador a{
	background:#ccc;
	padding:5px;
		margin:0;
	color:white;
	text-decoration:none;
	}	
#paginador a:hover, #paginador span{
	background:#666;
	padding:5px;
		margin:0;
	color:#fff;
	text-decoration:none;
	}	
#paginador .volver{
	border:0;
	background:#ccc;
	color:#fff;
	padding:5px;
	margin-top:20px;
	margin-bottom:30px;
	font-size:12px;
	cursor:pointer;
	width:100px;
	float:right;
}
#paginador .volver:hover{
	border:0;
	background:#666;
	color:#fff;
	padding:5px;
		margin-top:20px;
	font-size:12px;
	cursor:pointer;
}	

#botton #cont #c2{
	width:285px;
	float:left;
	margin-left:15px;
	}
/******************* BANNERS */




#c2 #banners{
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	text-align:center;
	}
#c2 #banners img{
	margin-bottom:5px;
	}
.bannerC2{
	margin-bottom: 10px;
	}	
.slide_footer{
	width:525px;
	height: 98px;
	float: right;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	}

/******************* FOOTER */
#footer1{
	width:901px;
	margin:0px auto;

	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:11px;
	}
#footer1 #navi {  
	list-style:none;
	margin:0;
	padding:0;
}
#footer1 #navi li{
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
	margin:0px;
	padding:10px 0;
}
#footer1 #navi a{
	padding-right:15px;
	padding-left:15px;
	color:#335577;
	text-decoration:none;
	border-right:1px solid #ddd;
}
#footer1 #navi a:hover{
	text-decoration:underline;
}


#footer2{
	width:901px;
	margin:30px auto;
	padding-bottom:20px;
	}
#footer2 #isologo img{
	float:left;
	padding:3px 15px 3px 0;
	margin:15px 0 0 0;
	border-right:1px solid #ccc;
	}
#footer2 #links{
	float:left;
	margin:15px 0 0 15px;
	width:770px;  
	}
#links p.digital{
	margin:0 0 5px 0;
	padding:0;
	color:#999;
	font-size:12px;
}
#links #navi{
	list-style:none;
	margin:0;
	padding:0;
}
#links #navi li{
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
	margin:0;
	padding:0;
	line-height:15px;
}
#links #navi a{
	padding-right:15px;
	color:#335577;
	font-size:11px;
	text-decoration:none;
}
#links #navi a:hover{
	text-decoration:underline;
}

#dxdesign{
	width:901px;
	margin:30px auto;
	padding-bottom:10px;
	text-align:right;
	}


/******************* BOTON LEER NOTICIA */
a.leer-noticias{
background:url(../imas/btn_leer_noticia.gif) no-repeat scroll left 0;
margin-top:10px;
display:block;
height:21px;
width:79px;
text-decoration:none;
text-indent:-10000em;
}
a.leer-noticias:hover{
background-position:left -21px;
}

/******************* UMA CLUB */
.textUmaClub p{
color:#000000;
font-size:12px;
line-height:16px;
	margin:5px 16px 20px 0;
padding:0;
word-spacing:2px;
width:520px;
}

/******************* DESCUENTOS */
.imaDescuento{
	margin-right:22px;
	}
.imaDescuentoMargen{
	margin-bottom:22px;
	}
	/******************* DESCUENTOS POP */
#descuentosDataUser{
	color:#CCC;
	font-size:11px;
	padding-top: 4px;
	line-height: 13px;
	}
#descuentosDataUser strong{
	font-size:14px;
	color:#000;
	}
#descuentosFooter{
	padding:10px 0;
	font-size:11px;
	color:#999;
	}
#descuentosFooter a{
	color:#666;
	text-decoration:none;
	}
#descuentosFooter a:hover{
	color:#666;
	text-decoration:underline;
	}
.submitDescuento{
	border:0;
	background:#ccc;
	color:#999;
	padding:5px;
	margin:5px 0 0px 0;
	font-size:12px;
	cursor:pointer;
	width:200px;
}
.submitDescuento:hover{
	border:0;
	background:#666;
	color:#fff;
	padding:5px;
	font-size:12px;
	cursor:pointer;
}
/******************* REGISTRO */
.input{
	width:200px;
	border:0;
	background:#ccc;
	color:#000;
	padding:5px;
	font-size:12px;
	margin:5px 0 10px 0;
}
.select{
	border:0;
	background:#ccc;
	color:#000;
	padding:5px;
	font-size:12px;
	margin:5px 0 10px 0;
}
.submit{
	border:0;
	background:#ccc;
	color:#000;
	padding:5px;
	margin:20px 0 30px 0;
	font-size:12px;
	cursor:pointer;
	width:100px;
	float:right;
}
.submit:hover{
	border:0;
	background:#666;
	color:#fff;
	padding:5px;
	font-size:12px;
	cursor:pointer;
}
#icoGripe{
	width:150px;
	height: 150px;
	padding: 0;
	margin: 0;
	right:0;
	position: absolute;
	}