/* ----------------------------------------------------------------------------------------------------------



    Output device: screen, projection



    Author:     Nuvio (www.nuvio.cz)

    Update:     2008-07-29, 18:30 GMT+1

    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)



    Structure:

        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;



    Content:

    

        1) HTML tags

        2) HTML styles

        3) Layout

        4-1) Page: Homepage

        5) Others



---------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------------

1) HTML tags

---------------------------------------------------------------------------------------------------------- */

body {background-color: #cccccc; font:0.8em/1.5 Verdana, Arial, Helvetica, sans-serif;}



h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}



/* ----------------------------------------------------------------------------------------------------------

2) HTML styles

---------------------------------------------------------------------------------------------------------- */



ul.ul-01 {margin:15px 0; list-style:none;}

ul.ul-01 li {padding:2px 0 2px 25px; background:url("../design/ul-01.gif") 0 50% no-repeat; font-size:85%;}



ul.ul-list {margin:15px 0; list-style:none;}

ul.ul-list li {padding:1px 0;}

ul.ul-list span.date {padding-right:10px;}



#ul {margin:30px;}



#service ul {

	list-style: none;

	margin: 20px;

	margin-top: 0px;

	margin-bottom: 10px;

}



#service li {	

	padding-bottom: 25px;

	padding-top: 10px;

}

/* ----------------------------------------------------------------------------------------------------------

3) Layout

---------------------------------------------------------------------------------------------------------- */



#main {width:1000px; margin:0 auto; overflow:hidden; background-color:#FFFFFF; position:static;}



    #header {position:relative; height:90px; padding: 0 10px 0 20px; background-color:#FFFFFF;}



        #logo {font-size:24px; font-weight:normal; margin: 0 auto; padding-left:120px;text-align:left; height:50px;}

		

    

        #nav {padding:5px; font-size:10px; text-decoration:none; color: #666666; text-align:right; vertical-align:top;}

	#nav span {margin:0 8px;}

	#nav #nav-active {font-weight:bold; text-decoration:none;}

    

    #footer {clear:both; padding:20px;  font-size:85%; background-color:#333333;}

    #footer p {margin:0; color:#FFFFFF;}

    #footer a {margin:0; color:#FFFFFF;}





/* MENU -----------------------------------------------------------------------------------------------------*/

#menu {height: 40px; clear: both; background-color:#333333;}

#wrapper {margin:0px auto;	width:1050px;	height: 40px;}

#wrapperfr {margin:0px auto;	width:1100px;	height: 40px;}

#topbar {background-image:url("../images/topbg.gif"); background-repeat:repeat-x;width:1000px; height:40px; float:left;}

ul.topNav  {margin:0px;	padding:0px;width:1100px;}

.topNav li{float:left; display:inline-block; margin-bottom:-5px;}

.topNav li a{

	 float:left;

     font-family: Verdana, Arial, Helvetica, sans-serif;

	 font-size:13px;

	 color:#FFFFFF;

	 text-align:center;

	 line-height:35px;

	 display:inline-block;

	 text-decoration:none;

	 background:#313131;

	 padding-left:20px;

	 padding-right:20px;

	 margin-top:5px;

	 border-right:1px dotted #FFFFFF;

}

.topNav li a:hover{

	background:#FFFFFF;

	color:#000000;

	text-decoration:none;

	border-right:1px dotted #000000;

	height:35px;

	position:relative;

}

.topNav li a.topNavAct{

	background:#FFFFFF url("../images/topNavSep.png") no-repeat right bottom;

	color:#000000;

	text-decoration:none;

	height:40px;

	position:relative;	

	top:-5px;

	border-right:none;

}

.topNav li a.topNavLast{

	border-right:none;

	padding-left:15px;

	padding-right:15px;

}





/* ----------------------------------------------------------------------------------------------------------

 BUSCADOR

---------------------------------------------------------------------------------------------------------- */

#search {

    	width: 280px; 

		height: 250px;

		margin:0;

    	background: #000000;

		color: #FFFFFF;

    }

#search h2 {margin:0px 10px 0px 10px; padding:0px; font-size:16px; height:35px;}



#trigger {background: url("../images/calendar.gif") no-repeat right bottom; border:0; z-index:10; height:20px; width:20px; margin:0; margin-left:5px;}



#reserva {

	height: 103px;

        width: 260px; 

	_width: 280px; 

	font-size: 11px;

	color: #ffffff;

	padding:10px;

	_padding-bottom: 7px !important;

	margin:0px;

	background: #666666;	

}

#drop {

	width:35px;

	border:1px solid #666666;

	color: #000000;

}

#adults {

	float:right;

	line-height: 20px;

	margin-right: 90px;

	_margin-right: 70px;

}

#noches {

	float:left;

	line-height: 20px;

}



#precio a {

	float:left;

	margin-top:5px;

	height:20px;

	line-height: 20px;

	color:#FFFFFF;

}

.boton {background-color:#cc0000; border:none; width:65px; height:20px; cursor:pointer; color:#FFFFFF; float:right;}

.botonfr {background-color:#cc0000; border:none; width:75px; height:20px; cursor:pointer; color:#FFFFFF; float:right;}





/*end formulari*/

/*begin banners*/

#banner  a{

	width: 280px;

	height: 92px;	

	margin:0;

	background-color:#cc3333;

	background:url("../images/ico_oferta.gif") 0 0 no-repeat;

	display: block;	

	text-decoration:none;

}

#banner a span {

  visibility: hidden;  

}



#bannereng  a{

	width: 280px;

	height: 92px;	

	margin:0;

	background-color:#cc3333;

	background:url("../images/ico_oferta_eng.gif") 0 0 no-repeat;

	display: block;	

	text-decoration:none;

}

#bannereng a span {

  visibility: hidden;  

}



#bannercat  a{

	width: 280px;

	height: 92px;	

	margin:0;

	background-color:#cc3333;

	background:url("../images/ico_oferta_cat.gif") 0 0 no-repeat;

	display: block;	

	text-decoration:none;

}

#bannercat a span {

  visibility: hidden;  

}



#bannerit  a{

	width: 280px;

	height: 92px;	

	margin:0;

	background-color:#cc3333;

	background:url("../images/ico_oferta_it.gif") 0 0 no-repeat;

	display: block;	

	text-decoration:none;

}

#bannerit a span {

  visibility: hidden;  

}



#bannerde  a{

	width: 280px;

	height: 92px;	

	margin:0;

	background-color:#cc3333;

	background:url("../images/ico_oferta_de.gif") 0 0 no-repeat;

	display: block;	

	text-decoration:none;

}

#bannerde a span {

  visibility: hidden;  

}



#bannerfr  a{

	width: 280px;

	height: 92px;	

	margin:0;

	background-color:#cc3333;

	background:url("../images/ico_oferta_fr.gif") 0 0 no-repeat;

	display: block;	

	text-decoration:none;

}

#bannerfr a span {

  visibility: hidden;  

}



.day p {margin:0;}



/* ----------------------------------------------------------------------------------------------------------

4-1) Page: Homepage

---------------------------------------------------------------------------------------------------------- */



#col-top {width:1000px; height:5px; margin-top:15px; background:url("../design/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#col-bottom {width:1000px; height:5px; margin-bottom:15px; background:url("../design/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#col {position:relative; margin: 0 auto; width:1000px; padding:0;}



    #ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("../design/ribbon.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}



    #col-browser {position:relative; float:left; width:280px; height:250px;}

    #col-browser img {position:absolute; top:28px; left:10px;}



    #col-text {float:right; width:600px; padding-top:15px; line-height:1.7;}



        #slogan {position:relative; width:289px; height:33px; overflow:hidden; margin:0; padding:0; font-size:180%;}

        #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan.gif") 0 0 no-repeat;}

        #btns {margin-top:25px; margin-bottom:0;}



#cols2-top {width:1000px; height:5px; margin:0 auto; background:url("../design/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#cols2-bottom {width:1000px; height:5px; margin:0 auto; background:url("../design/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#cols2 {width:1000px; margin:10px 0 0; padding:0;}



    #cols2 #col-left {float:left; width:620px; _width:600px; margin-left:20px; _margin-left:10px; padding:0; margin-top:0;}

    #col-left h3 {margin:0; font-size:16px;}

    #cols2 #col-right {float:right; width:300px; margin-right:20px; _margin:0px; padding:0; background-color:#FFFFFF;}

    

        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}

        #cols2 #col-left .title {background:url("../design/dot.gif") 0 50% repeat-x;}

        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}

        #cols2 #col-left .title span {padding-left:10px;}

		

        #cols2 .box {margin-top:15px;}

        #cols2 #col-right h4 {background:url("../design/dot-02.gif") 0 50% repeat-x;}

        #cols2 #col-right h4 span {padding-right:10px;}

        #cols2 .col-right-img {float:left; width:65px;}

        #cols2 .col-right-text {float:right; width:190px;}

        #cols2 .col-right-text p {margin:0;}

		

#cols2 #col-leftsin {float:left; width:950px; margin-left:20px; padding:0; margin-top:0; _margin:10px;}	

		#cols2 #col-leftsin .list {margin-left:270px;}

		#cols2 #col-leftsin h3 {margin:0; font-size:16px;}

		#cols2 #col-leftsin h5 {margin:0; font-size:13px;}	

		#cols2 #col-leftsin #promo {margin-top:10px; margin-bottom:10px; height:auto;}	



#cols3-top {width:1000px; height:5px; margin:0 auto; background:url("../design/cols3-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#cols3-bottom {width:1000px; height:5px; margin:0 auto; background:url("../design/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#cols3 {margin:20px; width:960px; _margin:0; _width:1000px;}



    .col {float:left; width:307px; padding:0 1px; margin-right:15px; _margin-right:0;}



    .col.last {margin-right:0;}

    .col h3 {margin:0; padding:6px; font-size:90%; color:#FFFFFF; background-color:#000000;}



        .col-text {padding:0; margin-top:10px;}

		.col-image {padding:0; margin:0; z-index:-100;float: right;}

        .col-text p {margin:0;}

        .col-text ul {margin-bottom:0;}

        .col-more {padding:10px 10px 1px 0; text-align:right;}

		.link {color:#333333; text-decoration:underline; font-size:10px; text-align:center; margin-left:90px;}

#trip {margin: 30px;}	



.nota {

	font-weight: bold;

	font-size:14px;

	color:#cc3333;

}

.titular {

	font-weight: bold;

	font-style:italic; 

	font-size:13px;

}



/* ----------------------------------------------------------------------------------------------------------

5) Others

---------------------------------------------------------------------------------------------------------- */



#imagePrecio {background:url("../images/foto_recepcion.jpg") no-repeat; margin:0; z-index:-1; width:720px; height:250px; padding:0; float:right;}

#imagePromociones {background:url("../images/foto_promociones.jpg") no-repeat; margin:0; z-index:-1; width:720px; height:250px; padding:0; float:right;}

#imageComollegar {background:url("../images/foto_como_llegar.jpg") no-repeat; margin:0; z-index:-1; width:720px; height:250px; padding:0; float:right;}

#imageHabitacion {background:url("../images/foto_habitacion.jpg") no-repeat; margin:0; z-index:-1; width:720px; height:250px; padding:0; float:right;}



#linea {background:url("../images/dot.gif") 0 100% repeat-x; margin-top:25px;}



.ico-comment {padding-left:18px; background:url("../design/ico-comment.gif") 0 50% no-repeat;}

.ico-rss {padding-left:18px; background:url("../design/ico-rss.gif") 0 50% no-repeat;}



.smaller {font-size:85%;}



#flashcontent {height:500px; width:620px; _width:600px; margin:0 auto; overflow: hidden; font:0.8em/1.5 Verdana, Arial, Helvetica, sans-serif;}



.d-right {float:right; width:450px;}

.d-left {float:left; width:450px;}

.left {text-align:left !important;}

.center {text-align:center !important;}

.right {text-align:right !important;}

.justify {text-align:justify !important;}