*{
    margin: 0px;
    padding: 0px;
}

img{
    padding: 0px;
    border: none;
}

a{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

#contentInPage p{
	color: #5A5655;
}

a:hover {
    text-decoration: none;
    color: #c70000;
}

.semitransparent {

	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(256, 256, 256) !important;

	/* RGBa with 0.9 opacity */
	background: rgba(256, 256, 256, 0.93) !important;

}

body {	
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 22px;
    color: #ffffff;
}

.fancybox-inner {
	background-color: white;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: bottom;
	background: transparent
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 130%;
color: #333;
line-height: 1;
background-color: #F5F6F7;
}

.clear{
	clear: both;
}

#header {
	background-color: transparent;
	background: transparent url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/booking/fndHeader.png) repeat-x;
	padding-bottom: 60px;
	width: 100%;
	min-height: 440px;
	height: auto;
	overflow: visible;
<!--[if gte IE 7]>
height: 440px;
<![endif]-->	
	
}



h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-style:  bold;
	font-weight: normal;
	background: url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/title_footer.jpg) repeat-x bottom;
	padding-bottom: 3px;
	margin-bottom: 15px;
}

.with_widget {
	height:  395px;
}

#bg_top{
	background: url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/bg_top.jpg) repeat-x top;
	background-color: #F5F6F7;
}

#wrap{
	margin: 0 auto;
	padding: 9px 0px 0px 0px;
}

#wrap_bg{
	min-height: 100% !important;
	margin: 0 auto;
	padding-top: 15px;
	background-color: transparent;
}

#header_right {
	width: auto;
	margin-top:40px;
}

#logo{
	height: 95px;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 10px;
}

#logo img {
	max-width: 230px; 
	max-height: 105px;
}

.read a:hover{
	color: #000000;
}

#footer a{
	color: #000000;
}

#footer a:hover{
	color: #c70000;
}

#footer_top_text{
	padding: 0px 0px 10px 0px;	
}

.footer_top_colum1{
	width: 311px;
	float: left;
}

.footer_top_colum2{
	width: 292px;
	float: left;
	padding: 0px 0px 0px 40px;
}

.footer_top_colum3{
	width: 311px;
	float: left;
	padding: 0px 0px 0px 40px;
}

#footer_bottom_text{
	background: url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/footer_bot_border.jpg) repeat-x top;
	text-align: center;
	padding: 20px 0px 10px 0px;
	font-size: 10px;
}

#footer_bottom_text a{
	font-weight: normal;
}

.dropdown_menu_container  {
	cursor:pointer;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px;
	width: auto;
	float:right;
	height: 16px;
	border: 1px solid #818181;
	
}

.dropdown_menu_container div img{
	float:left;
}

.dropdown_menu_container div span {
	margin-left: 10px;
	font-weight: bold;
	color:#FFFFFF;
	float:left;
	padding-top: 2px;
}

.dropdown_menu_options {
	display:none;
	width:80px;
	margin-top: 20px;
	padding-right: 10px;
}

.dropdown_menu_options {
	position:absolute;
	z-index: 1000;
	background: black;
}

.dropdown_menu_options li a {
	color:#FFFFFF; 
	padding:4px 1px; 
	display:block;
	text-align:right;
}

.dropdown_menu_option li:hover {
	color: #97C9E7;
}

#menuAndLanguageDiv {
	float:right;
	max-width:780px;
}

#container_error_message {
 	clear: both;
 	font-size: 20px;
 	line-height: 40px;
 	margin-top: 40px;
 	font-weight: bold;
 	color: #000000;
 	width: 600px;
	margin: 0 auto;
}

#error-404 {
	text-align: center;
}

#expired-session-message {
 	clear: both;
 	font-size: 20px;
 	line-height: 40px;
 	margin-top: 40px;
 	font-weight: bold;
 	color: #000000;
 	width: 600px;
	margin: 20px 0 40px 100px;
}

/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	background: url('https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/lib/fancybox/source/fancybox_loading.gif');
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/lib/fancybox/source/fancybox_sprite.png');
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-prev, .fancybox-next {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/lib/fancybox/source/blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-prev span, .fancybox-next span {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
}

.fancybox-prev span {
	background-position: 0 -36px;
}

.fancybox-next span {
	background-position: 0 -72px;
}

.fancybox-prev:hover, .fancybox-next:hover {
	visibility: visible;
}

.fancybox-prev:hover span {
	left: 20px;
}

.fancybox-next:hover span {
	left: auto;
	right: 20px;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 1005;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 170px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	background: #111;
	-webkit-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
	-moz-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
	background: #111 -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15)));
	background: #111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%);
	border-radius: 3px;
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	outline: none;
}

#fancybox-buttons a.btnPrev {
	width: 32px;
	background-position: 6px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 38px;
	background-position: -57px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.5;
	cursor: default;
}

#fancybox-thumbs {
	position: fixed;
	left: 0px;
	width: 100%;
	overflow: hidden;
	z-index: 1005;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
}

/* Just for the example. Fee free to delete these three lines */
body{font-family:Helvetica, sans-serif;}
a{color:white;}
.pikachoose {width: 660px; margin: 0 auto;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; visibility: none;}
	.pika-thumbs li{ width: 65px; height:44px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;visibility: none;
		float: left; list-style-type: none;padding: 0px; margin: 0 5px; background: #fafafa; border: 0px solid #e5e5e5; cursor: pointer;}
	.pika-thumbs li:last {margin: 0;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;visibility: none;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 660px;}
/* .pika-stage {position: relative; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px 10px 40px 10px; text-align:center; height:250px;} */
.pika-stage {position: relative; width: 660px; height:337px; -moz-box-shadow: 3px 3px 5px #888;-webkit-box-shadow: 3px 3px 5px #888;
	box-shadow: 0px 0px 0px #888; border:0px solid black;}
.pika-stage img{height:100%; width: 660px;}

.pika-stage .caption {
	position: absolute; 
	background: #000; 
	background: rgba(0,0,0,0.75);
	border: 1px solid #141414;
	font-size: 11px; 
	color: #fafafa;
	padding: 10px;
	text-align: right;
	bottom: 10px;
	right: 10px;
	margin-left: 10px;
}

#gallery-wrapper .caption {
	bottom: 15px;
	text-align: left;
}

/* image-gallery of the hotel */

.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-textnav, .pika-imgnav {display:none;}
	

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
 .pika-tooltip{visibility:hidden;font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;} 
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;
visibility:hidden !important;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }
	
.jcarousel-skin-pika .jcarousel-container-horizontal { 
	padding-top: 15px;
	overflow:hidden; 
	width:400px;
	margin:0 auto;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 45px; width: 400px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}

.pika-stage img{
	background-attachment: scroll;
background-clip: border-box;
background-color: #E2EBB6;
background-image: none;
background-origin: padding-box;
border-bottom-color: #ffffff;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: #ffffff;
border-left-style: solid;
border-left-width: 0px;
border-right-color: #ffffff;
border-right-style: solid;
border-right-width: 0px;
border-top-color:#ffffff;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-top-style: solid;
border-top-width: 0px;
display: block;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}



#pikame{display:none !important;}

.pika-textnav, .pika-imgnav {display:none;}

.pika-stage img{height:100%; width: 660px;}

.adapted .pika-stage {
	width: 500px;
}

.jcarousel-prev-horizontal, .jcarousel-next-horizontal {
	width: 30px;
	height: 30px;
	background:blue;
	cursor:pointer;
	margin-top: 5px;
}

.jcarousel-prev-horizontal {
	float:left;
	background: transparent url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/arrow_left.png) no-repeat;
	margin-left: 5px;
}

.jcarousel-next-horizontal {
	float:right;
	background: transparent url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/arrow_right.png) no-repeat;
	margin-right: 5px;
}

.prueba{
float: right;
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-repeat:repeat;
background-origin: padding-box;
border-bottom-color: #E15949;
border-collapse: separate;
border-left-color: #E15949;
border-right-color: #E15949;
border-top-color: #E15949;
color: #E15949;
display: table-cell;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 15px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 17px;
padding-left: 9px;
padding-right: 9px;
padding-top: 17px;
text-align: -webkit-left;
vertical-align: top;
width: auto;
margin-left: auto ;
margin-right: auto ;
overflow: hidden; 
}

.pruebaLi {
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
border-bottom-color: #F9F7EA;
border-collapse: separate;
border-left-color: #F9F7EA;
border-right-color: #F9F7EA;
border-top-color: #F9F7EA;
color: #F9F7EA;
display: list-item;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 25px;
line-height: 25px;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 8px;
padding-right: 8px;
overflow: hidden;
padding-top: 0px;
text-align: -webkit-left;
text-transform: uppercase;
width: auto;
}

.pruebaLi span {
    cursor:pointer;
}

.pruebaA:hover {
    text-decoration: none;
    color: #a1b5a8;
    text-decoration: bold;
}

.pruebaA{
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
border-bottom-color: #F9F7EA;
border-collapse: separate;
border-left-color: #F9F7EA;
border-right-color: #F9F7EA;
border-top-color: #F9F7EA;
color: #F9F7EA;
cursor: auto;
display: inline;
float: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 0px;
line-height: 25px;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: #F9F7EA;
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: -webkit-left;
text-decoration: bold;
text-transform: none;
width: 0px;

}

.pruebaA span {
	line-height:25px;
}

.pruebaMenuTop:hover {
    text-decoration: none !important;
    color: #a1b5a8 !important;
}

.pruebaMenuTop{

float:right;
width:auto;
color: #e3e3e3;
margin-top:9px; 
padding-right:10px;
font-size: 13px;
}

.height70 {
height:70px !important;
min-height:70px !important;
}

.languagePicture {
	height:15px;
	float:left;
}

#bookingWidgetArea {
	float: left; 
	padding-top: 2px; 
	margin-right: 5px;
	clear: both;
}

#pictureSliderArea {
	float: left; 
	width: 40%; 
	padding: 1px;
}

.menuSeparator {
	 width: 3px;
	 height: 18px;
	line-height: 20px;
	padding-top: 2px;
}

#motorBusqueda fieldset, ol, li,label, input, span, p{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	vertical-align: bottom;
	background: transparent;
}

#motorBusqueda input {
	box-shadow:none;
	border: 0;
	padding: 1;
}

html,body {
	border: 0;
	margin: 0;
	padding: 0
}

#motorBusqueda p, label, li, input{
	text-align: left;
	font-size: 12px !important;
	font-family: Helvetica, Arial, sans-serif;
}

#motorBusqueda body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #333;
	line-height: 1;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block
}


ol,ul {
	list-style: none
}

a {
	text-decoration: none;
	color: #0180ff
}

a:hover {
	text-decoration: none;
}

a img {
	border: none
}


input,select,textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding: 2px;
	vertical-align: top;
	border: 0 none
}

a:active {
	outline: none
}

hr {
	margin-top: 8px;
	margin-bottom: 8px;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0
}

.contButton p {
	float: left;
	display: inline;
	margin: 0 0 0 10px !important
}

#search-button{
	text-align: right;
}

.contButton a {
	text-decoration: none !important;
	float: left;
	color: #FFF;
	cursor: pointer;
	font-size: 14px !important;
	line-height: 21px;
	font-weight: bold !important
}

.contButton span,.contButtonEst span {
	margin: 0 10px 0 -10px;
	padding: 3px 8px 5px 18px;
	position: relative;
	float: left;
}

.contButton p a {
	color: #FFF
}

.contButton p a span {
}

.contButton p a:hover {
	background-position: right -243px
}

.contButton p a:hover span {
	background-position: left -243px
}

.contButton p a:active {
	background-position: right -272px
}

.contButton p a:active span {
	background-position: left -272px
}

#search-button2, .bigBlueButton{
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	border: 2px solid white;
	font-weight:bold;
	padding:6px;
	padding-left:15px;
	padding-right:15px;
	background-color:#0998FF;
	color:white;
	font-size:21px;
	cursor: pointer;
	overflow:visible;		
}

.bigBlueButton{
	font-size: 18px;
	border: 2px solid #afafaf;
}

#search-button2:hover, .bigBlueButton:hover{
	background-color:#08267F;
}	

:focus banner_jcarousel-module {
	-moz-outline-style: none
}

#motorBusqueda {
	color: #bdd8f3;
	background: transparent url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/booking/fndMotor.png) repeat-x;
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 3px;
	margin-top:0px;
	width: 330px;
}

#motorBusqueda hr {
	background: none;
	height: 1px;
	border: none;
	border-bottom: solid 1px #1f5a96
}

.titSeccionesMotor {
	font-size: 13px;
	line-height: 13px !important;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
	color: #FFF;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
}

#contFechaEntrada {
	float: left;
	width: 133px
}

#contFechaSalida {
	float: left;
	width: 197px
}

#seleccionFechas label {
	margin: 0 0 1px 6px;
	display: block
}

.bgFecha {
	background: url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/booking/buscarFechaMejorado.png) no-repeat 0 0 !important;
	display: inline !important;
	height: 18px !important;
	width: 78px !important;
	border: none !important;
	padding: 7px 26px 6px 9px !important;
	cursor: pointer !important;
	float: left !important;
}

.diaSemana {
	margin: 0 0 0 8px;
	font-size: 11px;
	display: inline;
	float: left;
	width: 80%
}

#contFechaSalida small {
	margin-left: 5px;
	float: left;
	margin-top: 10px
}

.bgBuscarOcupacion {
	height: 30px;
	width: 66px;
	padding: 4px 0 0 4px
}

#configuraHabitaciones label,.seleccionEdad label {
	margin: 0 0 1px 3px;
	display: block
}

#configuraHabitaciones select,.seleccionEdad select {
	border: none;
	vertical-align: middle;
	width: 58px;
	float: left
}

.numHabitaciones {
	float: left;
	width: 100px
}

.configHabs {
	float: right;
	width: 230px
}

.numHab1 {
	float: left;
	padding: 31px 5px 0 0
}

.numHab {
	float: left;
	padding: 8px 5px 0 0
}

.numPersonas {
	width: 75px;
	float: left
}

#botonHome p {
	float: left;
	display: inline;
	margin: 0 10px;
}

#botonHome a {
	text-decoration: none;
	float: left;
	color: #333;
	cursor: pointer;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold
}

#botonHome span {
	margin: 0 10px 0 -10px;
	padding: 3px 0px 5px 8px;
	position: relative;
	float: left
}

#botonHome .contButton {
	margin: 5px 0;
	list-style: none;
	float: right;
	clear: none
}

#botonHome .contButton p a {
	background: url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/booking/button_sprite.png) no-repeat right top;
	color: #333
}

#botonHome .contButton p a span {
	background: url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/booking/button_sprite.png) no-repeat left top
}

#botonHome .contButton p a span input {
	float: left;
	position: relative;
	bottom: 3px;
	color: #333;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	height: 31px;
}

body:nth-of-type(1) #botonHome .contButton p a span {
	height: 23px;
}

body:nth-of-type(1) #botonHome .contButton p a span input {
	position: relative;
	top: -3px
}

html>body #botonHome .contButton p a span {
	height: 23px
}

html>body #botonHome .contButton p a span input {
	position: relative;
	bottom: 3px
}

#botonHome .contButton p a:hover {
	background-position: right -31px;
}

#botonHome .contButton p a:hover span {
	background-position: left -31px;
}

#botonHome .contButton p a:active {
	background-position: right -62px
}

#botonHome .contButton p a:active span {
	background-position: left -62px
}

.marginTop10{
margin-top:10px !important;
}

.paddingTop11{
padding-top:11px;
}

.seleccionFechas{
padding: 4px 0 4px 0;
}


.myItem {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: none;
	background-origin: padding-box;
	background-position: 0% 0%;
	background-repeat: repeat;
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
	color: #545554;
	display: block;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
 	height: auto; 
	line-height: 18px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 7px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 5px;
	position: static;
	text-align: left;
	width: 140px;
}

.bordeInput {
border: 5px solid #C9E3FD;
width: 300px;
border-image: initial;
}

.contenido h3 {
color: #545554;
font-style: bold;
font-size: 17px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}

.contenido{

	display: block;
	padding: 10px;
	border: 1px solid #CCC;
	font-family: Helvetica, Arial, sans-serif;
	color: #5A5655;
	background-color: #FFFFFF;
	text-align: left;
	z-index: 88;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 600px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 1px 3px 1px 0px;
	-webkit-transition-delay: 1.7999999523162842s;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: opacity;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	background-attachment: scroll;
	background-clip: border-box;
	background-color: white;
	background-image: none;
	background-origin: padding-box;
	border-bottom-color: black;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-left-style: visible;
	border-left-width: 1px;
	border-left-color: #ccc;
	border-right-color: black;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: #ccc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-style: visible;
	border-top-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.347656) 1px 3px 1px 0px;
	color: #545554;
	display: block;
	opacity: 1;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	float: left;
	line-height: 18px;
	margin-left:100px;
	width:1000px;
	min-width:1000px;
}

.myItem:hover {
/*  	background-color: #BDD8F3; */
/* 	background: transparent url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/booking/fndBotones.png) repeat-x; */
 	color: #ffffff; 
}

.myItemUl {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: none;
	background-origin: padding-box;
	background-position: 0% 0%;
	background-repeat: repeat;
	color: #545554;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	height: auto;
	line-height: 18px;
	list-style-type: disc;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 12px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 0px;
	padding-top: 0px;
	position: static;
	text-align: left;
	width: 130px;
}

.menuItemA:Hover {
 	color: #8DA8C3; 
/*  	color: #ffffff;  */
}

.menuItemA {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: none;
	background-origin: padding-box;
	background-position: 0% 0%;
	background-repeat: repeat;
	color: #04193D;
	cursor: auto;
	display: block;
	float: left;
/* 	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, */
/* 		Verdana, sans-serif; */
 	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	height: auto;
	line-height: 18px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: visible;
	overflow-y: visible;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: static;
	text-align: left;
	text-decoration: none;
	width: auto;
	font-weight: normal;
}


.fancybox-prev, .fancybox-next {
	visibility: visible !important;
	display: block !important;
}

.fancybox-inner {
background-color: white;
}
.fancybox-outer {
background-color: #F5F6F7;
}

#newsletter {
	 width:185px; 
	 text-align:center;
	 margin-top:20px;
	 background-color:transparent;
}

#shareSocialArea {
	margin-top:20px;
	margin-bottom:20px;
}

#mainPageContent {
	width: 505px;
	height:auto;
	min-height:600px; 
	margin-top: 10px; 
	margin-left: 15px; 
	margin-right: 15px; 
	float:left;
}

#leftHomePageMenu {
	width: 190px;
	padding: 5px; 
	float: left;
}

#socialFollowArea {
	text-align: center; 
	width: 260px;
	margin-bottom:30px; 
	height: auto; 
	background-color: transparent;
}

#rightHomeColumn {
	width: 260px; 
	float: right; 
	height: auto;
	text-align:center;
}

#demo1,#demo2{width:500px;padding:10px;margin:20px auto;border:1px solid #777;background:#999;}
.networks{float:left;margin:0 20px;}
.options{float:right;margin:0 20px;}
/*================================================================================*/
/*========DO NOT EDIT BELOW HERE UNLESS YOU KNOW WHAT YOU ARE DOING===============*/
/*================================================================================*/


/*========================================*/
/*========COMMON STYLING==================*/
/*========================================*/
.social ul, .social_small ul {list-style:none;margin:0 auto;padding:0;}
.social ul.inlined, .social_small ul.inlined {float:left;}
.social ul li{width:32px;height:32px;margin: 5px; text-indent:-9999px;}
.social ul li a, .social_small ul li a{display:block;width:100%;height:100%;opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}
.social ul li a:hover, .social_small ul li a:hover{
/* 	opacity: 1;-moz-opacity: 1;filter:alpha(opacity=1); */
	}

.social_small ul li{width:16px;height:16px;margin: 5px; text-indent:-9999px;}

/*========================================*/
/*========SOCIAL LARGE SIZE===============*/
/*========================================*/
.social ul a.twitter, a.facebook, a.flickr, a.friendfeed, a.delicious, a.digg, a.lastfm, a.youtube, a.feed, a.linked-in{background:url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/social_icons.png);}

.social ul a.twitter{background-position: 0px 0px;}
.social ul a.facebook{background-position: 0px -42px;}
.social ul a.flickr{background-position: 0px -84px;}
.social ul a.friendfeed{background-position: 0px -126px;}
.social ul a.delicious{background-position: 0px -168px;}
.social ul a.digg{background-position: 0px -210px;}
.social ul a.lastfm{background-position: 0px -252px;}
.social ul a.linked-in{background-position: 0px -294px;}
.social ul a.youtube{background-position: 0px -336px;}
.social ul a.feed{background-position: 0px -378px;}

/*========================================*/
/*========Clearfix========================*/
/*========================================*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.upperRightBanner {
width:260px;
height: auto;
padding: 2px;
/* background-color: #000066; */
margin-bottom:10px;
background: transparent url(https://cdn.paraty.es/static_files/hotel-royal-costa/generic/202509221401/images/booking/fndHeader.png) repeat-x;
}

.upperRightBanner img {
	width:100%;
}

.upperRightBannerTitle {
	margin-bottom:3px !important;
	font-size:18px;
	font-weight: bold;
	color:#C0C0C0;
}

.upperRightBannerDescription {
	font-size:12px;
	color:white;
	padding: 10px !important;
	text-align:center;
}

#ticks{
	position: absolute;
	top: 0px;
	padding: 10px;
	margin: 0 auto;
	min-width: 910px;
	width: 1090px;
}
	
.bestPrice{
	float: left;
	min-width: 240px;
	margin-right: 20px;
	max-width: 255px;
}

.no_widget .bestPrice{
	float:right;
}
	
.bestPrice img{
	height: 25px;
}
	
.bestText, .bestImage{
	font-size: 14px;
	float: left;
	max-width: 215px;
}
	
.bestText{
	padding-left:5px;
	padding-top: 8px;
	color: white;
	line-height: 20px;
}

.no_widget .prueba, .no_widget .pruebaMenuTop{
	visibility: hidden;
}

.no_widget #logo, .no_widget #logo-menu-wrapper {
	position: absolute;
}

.no_widget #ticks{
	width: 800px;
	min-width: 650px;
	float:right;
	padding: 0 0 0 0;
	margin: 0 auto;
	margin-top: 15px;
	position: relative;
}

.no_widget .bestPrice{
	padding-top: 10px;
	width: 301px;
}

.no_widget #header_right{
	margin-top: 0px;
}

/*  ------------------------------------------
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#stickyWrap {min-height: 100%;}

#stickyMain {overflow:auto;
	padding-bottom: 110px;}  /* must be same height as the footer */

#stickyFooter {position: relative;
	margin-top: -110px; /* negative value of footer height */
	height: 110px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#stickyWrap {display:table;height:100%}
	</style>
<![endif]-->

*/