/* Colores 
	Home- Hotel & Resorts: #D06600
	Lloret de mar: #1F5AA6
	Hotel Marsol: #D2D9EC
	Menu: #F4E2CE; */

body
{
	top: 0px;
	left: 0px;
	width: 952px;
	height: 722px;
	font-family: Verdana;
	margin: auto;
	padding: 0;
}

a
{
	text-decoration: none;
}

#head
{
	width: 952px;
	height: 240px;
	margin: auto;
	padding: 0;
	position: relative;
}

#head div
{
	float: left;
	width: 119px;
	height: 119px;
	margin: 0;
	padding: 0;
}

#centro
{
	position: relative;
}

#menu
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: -2px;
//  top: -3px;
	left: 0px;
	width: 238px;
	height: 484px;
	max-height: 484px;
	background-color: #F4E2CE; 
}

#tabs
{
	margin: 0;
	position: absolute;
	top: 0px;
	//top: -3px;
	left: 238px;
	padding: 0;
	width: 715px;
}

#tabs div
{
	margin: 0;
	margin-top: -2px;
	float: left;
	width: 119px;
	height: 30px;
	text-align: center;
}

#tabs p
{
	margin-top : 2px;
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
}

#tabs .tab_text
{
	width: 500px;
	font-family: Verdana;
	font-size: 9px;
	color: #1F5AA6;
	padding-top: 18px;
	height: 10px;
}

/* Teoricamente padding deberia ser 22.5. Los valores sin padding:  714x335*/
#central
{
	position: absolute;
	margin: 0px;
	left: 238px;
	top: 28px;
	width: 714px;
	height: 290px;
	padding: 22px;
}

/* La foto ha de medir: 440x290 + 229x290*/
#central img
{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}

#promo
{
	position: absolute;
	margin: 0;
	width: 714px;
	top: 363px;
	//top: 362px;
	left: 238px;
}

/* width: 238px height:119px */
#promo div
{
	margin: 0;
	float: left;
	width: 226px;
	height: 107px;
}

.square1, .square10, .square16, .tab4
{
	background-color: #D06600;	
}
.square2,.square3,.square4,.square5,.square6 ,.square7
{
}
.square8, .square9, .tab1, .tab3, .tab5
{
	background-color: #1F5AA6;
}
.square11, .square13, .square15, #promo1 , #promo3
{
	background-color: #D2D9EC;
}
.square12, .square14 , #promo2
{
	background-color: #F4E2CE;
	margin: 0px;
	padding: 0px;
}

.square1, .square10, .square16
{
	text-align: center;
}
.square1 p
{
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana;
	margin-top: 50px;
}
.square2
{
	background: url(/img/logo_monjora.gif);
}
.square2 img
{
	margin-top: 15px;
}
.square3
{
	background: url(/img/facana_marsol.gif);
}
.square4
{
	background: url(/img/nens.gif);
}
.square5
{
	background: url(/img/costa-encantada.gif);
}
.square6
{
	background: url(/img/blau.gif);
}
.square7
{
	background: url(/img/condado.gif);
}
.square8 img
{
	float: left;
	padding: 0px;
	margin-top: 50px;
	margin-left: 3px;
	margin-right: 0px;
	border: 0;
}
.square8 a
{
	text-decoration: none;
}

.square9 img
{
	margin:0px;
	padding: 0px;
}

.square10 p, .square16 p
{
	text-transform: capitalize;
	color: #FFFFFF;
	font-size: 16px;
	font-style: italic;
	margin-top: 30px;
}

.square16 a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.square9 img, .square11 img, .square13 img, .square14 img, .square15 img
{

}

#h_menu
{
	margin-top: 8px;
	//margin-top: 0px;
	//margin-bottom: 0px;
	list-style-image: url(/img/img-list.gif);
	font-family: Tahoma;
	font-size: 11px;
	color: #1F5AA6;
}
#h_menu li
{
	margin: 4px;
}
#h_menu a
{
	color: #1F5AA6;
	text-decoration: none;
}
#h_menu .seleccionado
{
	font-weight: bold;
}
/* PARTE DEL MENU */

#menu #reservas
{
	position: static;
	margin: 0px;
	padding: 0px;
	width: 230px;
	height: 220px;
}

#menu form
{
	width: 190px;
	margin: 0px;
}

#menu img
{
	margin-left: 12.5px;
	margin-bottom: 10px;
}
#menu p
{
	font-family: Tahoma;
	width: 212px;
	margin-left: 12.5px;
	margin-top: 0px;
	text-align: center;
	font-size: 9px;
	//font-size: 9px;
	word-spacing: 0px;
	//word-spacing: 1px;
	letter-spacing: 0.5px;
}
#menu #cards
{
	//margin-top: -10px;
	margin-left: 40px;
}

#promo1,#promo2, #promo3
{
	font-family; Tahoma;
	font-size: 9px;
	text-align: center;
	text-decoration: none;
	padding: 6px;
	word-spacing: -0.5px;
	letter-spacing: -0.2px;
}

#promo1 a,#promo1, #promo3 a, #promo3
{
	text-decoration: none;
	color: #1F5AA6;
}

#promo2 a,#promo2
{
	text-decoration: none;
	color: #D06600;
}

#inicio, #ubicacion, #imagenes, #tour, #contact, #opinion
{
	position: absolute;
	margin: 0px;
	left: 238px;
	top: 28px;
	width: 662px;
	height: 270px;
	margin: 22px;
	font-family: Tahoma;
	color: #1F5AA6;
	background-color: #D2D9EC;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

#contact
{
	height: 265px;
}

#ubicacion img
{
	text-decoration: none;
	border: 0;
}

#ubicacion #plano
{
	float:left;	
	margin-right: 10px;
}

#ubicacion #col_der
{
	position: relative;
	height: 270px;
	font-family: Tahoma;
	font-size: 9px;
	float: left;
}

#ubicacion #foto_m
{
	vertical-align: top;
}


#imagenes
{
	overflow: auto;
}

#imagenes p
{
	margin: 0;
	padding: 0;
}

#imagenes img
{
	margin: 3px;
	padding: 0px;
	width: 119px;
	height: 119px;
}

#tour p
{
	padding: 10px;
	font-family: Tahoma;
	font-size: 10px;
	color: white;
	background-color: #1F5AA6;
	line-height: 20px;
}
#tour a
{
	color: white;
	text-decoration: none;
}
#tour strong
{
	font-weight: bold;
	font-size: 12px;
}

#tour span
{
	float: left;
	font-family: Tahoma;
	font-size: 10px;
}

#contact
{
	padding: 15px;
}

#contactar div
{
	width: 125px;
	float: left;
	font-family: Tahoma;
	font-size: 9px;
	font-weight: bold;
}

#contactar input, #contactar select, #contactar textarea
{
	font-family: Tahoma;
	font-size: 10px;
	border: 1px solid #1F5AA6;
	width: 200px;
	padding-left: 2px;
	height: 12px;
	font-style: italic;
}

#contactar textarea
{
	width: 350px;
	height: 50px;
	float: left;
}

#contactar .enviar
{
	width: 84px;
	height: 17px;
	border: 0px;
	float: left;
	margin-top: 36px;
	margin-left: 5px;
}

#contactar select
{
	font-family: Tahoma;
	font-size: 10px;
	height: 15px;
}

#centro iframe
{
	overflow: hidden;
	position: absolute;
	overflow: hidden;
	margin: 0px;
	left: 238px;
	top: 28px;
	padding-top: 11px;
	//padding-top: 3px;
	padding-left: 21px;
	width: 671px;
	height: 313px;
	//height: 340px;
}

#opinion_form
{
	height: 365px;
}

#opinion_form #res_line
{
	width: 212px;
	height: 17px;
	background: url(/img/barra_reservas.gif);
	background-repeat: no-repeat;
	margin-left: 12.5px;
	text-align: center;
	margin-top: 12px;
	font-style: italic;
	font-size: 12px; 
	color: #FFFFFF;
	padding-top: 1px;
	margin-bottom: 5px;
}

#opinion label
{
	margin-left: 0px;
}

#opinion_form label
{
	margin-left: 12.5px;
	font-size: 9px;
	font-style: italic;
	color: #1F5AA6;
}

#opinion_form input, #opinion_form select, #opinion select
{
	margin-left: 12.5px;
	margin-top: 2px;
	margin-bottom: 5px;
	width: 212px;
	height: 17px;
	border: 1px solid #1F5AA6;
}

#opinion_form select, #opinion select
{
	//height: 27px;
}

#opinion_form textarea
{
	font-family: Verdana;
	font-size: 13px;
	height: 15px;
	margin-left: 12.5px;
	margin-top: 2px;
	margin-bottom: 5px;
	width: 212px;
	height: 100px;
	border: 1px solid #1F5AA6;
}

#opinion select
{
	margin-left: 5px;
	margin-right: 15px;
	vertical-align: middle;
}

#view_valoracion
{
	position: absolute; 
	top: 5px; 
	right: 5px;
	//right: 10px;
}

#view_valoracion a
{
	color: #1F5AA6;
	text-decoration: none;
}

.opi_estrellas
{
	position: absolute;
	right: 0px;
	top: 15px;
}
.opi_fecha
{
	position: absolute;
	bottom: 5px;
	//bottom: 10px;
	right: 5px;
	border: 20px solid red;
	z-index: 1;
}
#opinion_form .submit
{
	float: right;
	width: 87px;
	height: 17px;
	margin-top: 3px;
	margin-right: 12.5px;
	margin-bottom: 12px;
	border: 0;
	background: url(/img/bg_button.gif);
	font-size: 10px;
	color: white;
	background-repeat: no-repeat;
}

#opinion_slide
{
	width: 635px;
	//margin-top: -25px;
	margin-right: 10px;
	height: 200px;
	//height: 15em;
	position: relative;
	overflow: hidden;
}

#comentario
{
	background-color: white;
	border: 1px solid #1F5AA6;
	padding: 5px;
	margin: 5px;
	margin-left: 0px;
	position: relative;
	z-index: 5;
}

#comentario b a
{
	color: black;
}

.paginador
{
	text-align: center;
	margin-left: 5px;
}

.paginador li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:1px;
	display: inline;
}

.paginador li a
{
	color: #1F5AA6;
}

.br_min
{
	line-height: 5px;
}
.br_clear
{
	clear: both;
}

.error
{
	margin: 12.5px;
	color: red;
	font-weight: bold;
	font-size: 9px;
}

.bookingTitle
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #2359a7;
}
.bookingTitle a
{
	color: #2359a7;
}

.booking
{
	text-align: center;
	width: 100%;
}
.bookingTitle2
{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #2359a7;
}
.bookingSubtitle
{
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #d06602;
	margin-bottom: 10px;
	margin-top: -3px;
}
#menu .bookingSubtitle img
{
	margin: 0;
}
.bookingContent
{
	margin: 0 auto;
	width: 171px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #2359a7;
	margin-top: 10px;
}
.bookingButton
{
	margin: 15px auto 10px auto;
	
}