@charset "UTF-8";
/* CSS Document */


/*---------------------------------------------------------------------------------*/
/*----------------------------- NORMALIZACION  ------------------------------------*/
/*---------------------------------------------------------------------------------*/

* { margin:0; padding:0;} 

body { font-size:90% ; }
body, p, div, ul, li, form, select, input, table, tr, td, th { 
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

body { background: url(../images/bg_contents.png) repeat-x 0px 163px; background-color:#FFFFFF;}

ul { list-style:none;}

a img, :link img, :visited img { border:none; }

a:link { color:#0082d1; text-decoration:none;}
a:visited { color:#615CD1; text-decoration:none;}
a:hover, a:active { color:#e00119; text-decoration:underline; }

address { font-style:normal; }


/*---------------------------------------------------------------------------------*/
/*--------------------------------- STRUCTURE  ------------------------------------*/
/*---------------------------------------------------------------------------------*/

/*--------------------------------- HEADING  ------------------------------------*/

#heading {
	height:162px;
	background:url(../images/bg_heading.jpg) top repeat-x;
	position:relative;
	z-index:0;
}

#hotelsearch a {
  position:absolute;
	top:0px;
	left:0px;
	
	width:377px;
	height:162px;
	display:block;
	text-indent:-100000px;
	z-index:0;
}

/* Nombre del Hotel */

#heading h1 {
	height:126px;
	background:url(../images/bg_title.jpg) no-repeat 0 0;
	color:#fff;
	font-size:300%;
	font-weight:normal;
	text-align:center;
	padding-top:36px;
	z-index:10;
} 

#heading h1 a {
	color:#FFF;
	text-decoration:none;
}

/* Navegación idiomas */

#heading p.lang {
	display:block;
	position:absolute;
	z-index:5;
	top:0;
	right:0;
	width:200px;
	height:29px;
	line-height:29px;
	background:url(../images/bg_language.png) no-repeat left;
	color:#4c2814;
	text-align:center;
	font-size:90%;
	
}

#heading p.lang a:link, #heading p.lang a:visited {
	color:#fff;
	text-decoration:none;
}
#heading p.lang a:hover, #heading p.lang a:active {
	color:#fff;
	text-decoration:underline;
}

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



ul#menu {
	width:965px;
	margin:-48px auto 0 auto;
	z-index:10;
	position:relative;
	padding-left:15px;
}

/* Tabs por defecto */

ul#menu li {
	display:block;
	float:left;
	height:36px;
	width:88px;
	padding:6px 10px;
	background:url(../images/tab.png) no-repeat left;
	margin-right:2px;
	cursor:pointer;
	text-align:center;
}

ul#menu li.line {
	padding-top:15px;
	padding-bottom:0;
	height:33px;
}

ul#menu li a {
	display:block;
	float:left;
	height:48px;
	width:88px;
	z-index:15;
	position:relative;
}

ul#menu li a:link, ul#menu li a:visited {
	color:#d49197;
}

ul#menu li a:hover, ul#menu li a:active {
	color:#fff;
	text-decoration:none;
}

/* Tabs seleccionados */

ul#menu li.sel {
	display:block;
	float:left;
	height:38px;
	width:88px;
	padding:6px 10px;
	background:url(../images/tab_sel.png) no-repeat left;
	margin-right:2px;
	cursor:pointer;
	text-align:center;
	color:#4c2814;
}

ul#menu li.line.sel {
	padding-top:15px;
	padding-bottom:0;
	height:36px;
}


/*--------------------------------- CONTENTS  ------------------------------------*/

#contents  {
	display:block;
	width:965px;
	margin:0 auto;
	background:url(../images/shadow_lateral.png) repeat-y left top;
	padding-left:15px;
}

/* Main Contents */

#contents #contents_main {
	float:right;
	width:700px; 
	padding-bottom:15px; 
}

/* Main Contents Lateral */

#contents #contents_sub {
	float:left;
	width:250px;
	min-height:400px;
	background:#fff url(../images/bg_lateral.png) repeat-x top;
	padding-bottom:15px;
}

/* Headings */

#contents h2 { 
	font-size: 150%;
	color:#80291a;
	background:url(../images/ico_01.gif) no-repeat left center;
	line-height:60px;
	height:60px;
	padding-left:55px;
}

#contents h3 {
	font-size: 125%;
	color:#80291a;
	background:url(../images/ico_02.gif) no-repeat 10px center;
	line-height:50px;
	height:50px;
	padding-left:55px;
	border-top:solid 1px #efefef;
	border-bottom:solid 1px #efefef;
}

#contents h3.first {
	border-top:none;
}
#contents script + h3 { margin-top:1px;}

/* Parragraphs */

#contents #contents_main p.text {
	color:#565656;
	margin: 15px 30px;
}

#contents #contents_main div#photos + p.text { margin-top: 30px;}

#contents #contents_sub p.portal a {
	background:url(../images/logo_hsparis.gif) no-repeat center;
	height:45px;
	text-indent:-5000px;
	margin-top:7px;
	margin-bottom:7px;
	display:block;
}

#contents #contents_main p.googleMap {
	margin: 15px 30px;
	background:url(../images/zoom.gif) no-repeat right center;
	padding-right:20px;
	height:15px;
	text-align:right;
}

/* Lists */

#contents ol.number {
	margin:15px 15px 0 35px;
	font-size:125%;
	color:#ccc;
}

#contents ol.number li {
	margin-top:5px;
	margin-bottom:5px;
}

#contents ol.number li span {
	font-size:75%;
	color:#565656;
}


#contents ul.normal {
	margin:15px 40px;
	color:#565656;
}

#contents ul.normal li {
	margin:5px 10px;
	list-style-image:url(../images/dot_list.gif);
	line-height:18px;
}

#contents dl.normal {
	margin:10px 20px 10px 50px;
	color:#565656;
}

#contents dl.normal dt {
	background:url(../images/dot_list.gif) no-repeat left;
	padding-left:25px;
	line-height:18px;
	margin-top:8px;
	margin-bottom:8px;
	font-weight:bold;
	margin-left:-25px;
	color:#333333
}

#contents dl.normal dd  p { margin-bottom:8px;}

#otherhotels ul li.sel {
	color:#fff;
	background-color:#c2c2c2;
	padding-left:2px;
}

/* Photos */

#contents #photos {
	width:219px;
	text-align:center;
	float:right;
	padding:15px 40px;
}

#contents #photos span.mask {
	background: url(../images/mask_photos.png) no-repeat center;
	height:219px;
	width:219px;
	margin-top:-205px;
	position:relative;
	z-index:15;
	display:block;
	font-size:90%;
	margin-bottom:15px;
}

#contents #photos span.mask:hover { background: url(../images/mask_photos_over.png) no-repeat center; }


#contents #photos img.photoBig {
	margin-top:14px;
	position:relative;
	z-index:5;
}

#contents #thumbnails {
	margin:15px 0 15px 15px;
	height:500px;
}

#contents #thumbnails a {
	float:left;
	margin:2px;
	display:block;
}

#contents #thumbnails span.mask {
	background: url(../images/mask_photo_s.png) no-repeat center;
	height:125px;
	width:125px;
	margin-top:-113px;
	margin-left:-13px;
	position:relative;
	z-index:15;
	display:block;
}

#contents #thumbnails span.mask:hover { background: url(../images/mask_photo_s_over.png) no-repeat center; }


#contents #thumbnails img.thumbnail {
	position:relative;
	z-index:5;
	}

/* ----------------------------- Quick Check Graph ------------------------------------ */

#contents #pricegraph  {
	margin: 15px 30px; 
}

#contents #pricegraph p#closegraph {
	margin: 15px 0;
	text-align:right;
	background:url(../images/close.png) right no-repeat center;
	line-height:19px;
	padding-right:24px;
}
#contents #pricegraph p#closegraph:hover { background:url(../images/close_over.png) right no-repeat center;}

#contents p.quickcheckgraph {
	height:100px;
	line-height:100px;
	background:url(../images/quickcheckgraph.gif) no-repeat left;
	padding-left:80px;
	font-size:110%;
	margin-left:55px;
	margin-top:8px;
}

/* ----------------------------- Special Offers ------------------------------------ */

#contents #offerslink_ h1 {
	font-size: 125%;
	color:#80291a;
	background:url(../images/ico_02.gif) no-repeat 10px center;
	line-height:50px;
	height:50px;
	padding-left:55px;
	border-bottom:solid 1px #efefef;
}

#contents #offerslink_ div {
	height:100px;
	line-height:100px;
	padding-left:135px;
	color:#565656;
	margin: 20px 0 20px 55px
}

#contents #offerslink_ div.en { background: url(../images/bg_offers_en.gif) no-repeat left center;}
#contents #offerslink_ div.fr { background: url(../images/bg_offers_fr.gif) no-repeat left center;}
#contents #offerslink_ div.es { background: url(../images/bg_offers_es.gif) no-repeat left center;}

/*--------------------------------- CREDITS  ------------------------------------*/

#credits { 
	clear:both;
	background:#f7f7f7 url(../images/bg_credits.png) repeat-x top;
}

#credits_contents {
	display:block;
	width:965px;
	margin:0 auto;
	background:#e9e8e8 url(../images/shadow_credits.png) no-repeat left top;
	padding-left:15px;
}

#credits address {
	float:left;
	width:250px;
	background:url(../images/bg_credits_lateral.png) repeat-x top;
	padding:15px 0 50px 0;
}

#credits address p {
	margin: 3px 20px;
	color:#565656;
	font-size:90%;
}

#credits address p:first-child { font-weight:bold;}

#credits #otherhotels {
	float:left;
	width:700px; 
	padding:15px 0; 
	font-size:90%;
	color:#565656;
}

#credits #otherhotels p {
	margin:3px 20px;
}

#credits #otherhotels ul {
	padding:10px 10px;
	float:left;
	display:block;
}

#credits #otherhotels ul + ul {
	border-left: solid 1px #d6d6d6;
	border-right: solid 1px #d6d6d6;
}

#credits #otherhotels ul + ul + ul { border:none; }

#credits #otherhotels ul + p { clear:both; padding-top:15px;}


/*---------------------------------------------------------------------------------*/
/*--------------------------------- MISC. -----------------------------------------*/
/*---------------------------------------------------------------------------------*/

#googlemap { 
	margin: 15px 30px; 
	border: solid 1px #EEE;
	padding:2px;
}



a.more { 
	background:url(../images/zoom.gif) no-repeat left center;
	padding-left:20px;
	height:15px;
	display:block;
	margin-top:5px;
}

strong { color:#333333;}

.pusher { clear:both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#hsRating {font-size: 80% !important;}
#hssurveys_full { font-size:125% !important;}

#hsRating { width:300px; padding-left:20px !important; padding-top:10px !important;}
#hsRating .defaultBox { width: 200px;}

#hsRating h3.mirai {
   height:20px !important;
   line-height:20px !important;
	 display:none !important;
}

#gmap {
width: 635px;
height:294px;
margin: 15px 30px; 
border: solid 1px #EEE;
padding:2px;
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    padding:10px 0 0 20px;
}
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /*#mirai_be2, #mirai_be0 input, #mirai_be0 select para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
    /*font-size: 13px;*/
}
#mirai_be0 {
    /*width:13.7em;*/
    /*height:11.5em;*/
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_be1, #mirai_be3, #mirai_be5 { /* Espacio a la izquierda para "Entrada" y "Noches" y margin para igualar horizontalmente con textos de los input */
    /*left:0;*/
    /*margin-top:0.25em;*/
    color: #565656;
    font-weight: 700;
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Espacio a la izquierda para "Input Entrada", "Input Noches", y "Input Codigo Promocional" */
    /*left:6.5em;*/
}
#mirai_be7, #mirai_be8 { /* Espacio a la izquierda para "Input Reservar", "Input Ver/Cancelar" */
    /*left:0;*/
}
#mirai_be1, #mirai_be2 { /* Espacio superior para "Entrada" y "Input Entrada" */
    /*top: 0; */
}
#mirai_be3, #mirai_be4 { /* Espacio superior para "Noches" y "Input Noches" */
    /*top:2.2em;*/
}
#mirai_be5 { /* Espacio superior y a la izquierda para "Codigo Promocional" */
    /*top: 6.15em;*/
    /*left: 0em;*/
}
#mirai_be6 { /* Espacio superior para "Input Codigo promocional" */
    /*top:4.6em;*/
}
#mirai_be7 { /* Espacio a la izquierda y superior para "Input Reservar" */
    /*top: 6.9em;*/
    /*left:0;*/
}
#mirai_be8 { /* Espacio a la izquierda y superior para "Input Ver/Cancelar" */
    /*top: 9.9em;*/
    /*left:0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2, #mirai_be6 { /* Anchura para "Input Entrada" y "Input Codigo Promocional" */
    /*width:7em;*/
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
     /*background-color:#FFFFFE;*/ /* para que el "color" de < slect > en Safari funciona, no se pudede asignar #FFFFFF. Color de letra para Text Inputs */
     /*border:1px solid #999;*/
     /* color: #444;*/
    }
#mirai_be5 { /*--- Texto "Codigo Promocional" ---*/
    /*font-size: 0.75em;*/
    /*line-height: 0.9em;*/
    /*width: 3em;*/
}
#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    /*padding:0 0.8em;*/
    background: url("http://www.paris-le123.com/images/button.png") no-repeat scroll center center transparent;
    border: medium none;
    color: #565656;
    font-size: 110%;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    width: 203px;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
    /*---*/
    background: url("http://www.paris-le123.com/images/button_over.png") no-repeat scroll center center transparent;
    border: medium none;
    color: #80291A;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    border: medium none;
    color: #565656;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    width: 180px;
    margin-top:5px;
    margin-left:10px;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    /*---*/
    text-decoration:underline;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    font-size:1em;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/