@charset "utf-8";

/* Defaults, o usos comuns */
body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1F2C00;
	font-size: 12px;
	background-image: none;
}

.navbar-toggle {
    margin-top: 29px;
}

#submenu li a.active {
    text-decoration: underline !important;
}


.clear {
	clear: both;
}
.justify {
	text-align: justify;
}
.bottom {
	position: fixed;
	bottom: 0px;
}
.hand {
	cursor: pointer;
}
.fleft60 {
	float: left;
	width: 60%;
}
.fright40 {
	float: right;
	width: 40%;
}

.floatright {
	float: right;
	display: block;
}
.floatleft {
	float: left;
	display: block;
}
.hidden {
	display: none;
}

#CasesDisponibles {
	font-size: 24px;
	font-weight: bold;
	color: #C30;
	margin: 0px;
	padding: 0px;
	text-shadow: white 1px 1px 0;
	line-height: 100%;
	background: none;
	border: none;
}

/*Opinions */
#Opinions {
	width: 985px;
	margin: auto;
}
#Box {
	padding: 12px;
	margin-bottom: 10px;
	border-right: 1px solid #C30;
	border-bottom: 1px solid #C30;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 50px;
	background-image: url(../img/base/bg-trans.png);
}
#Opinions #Left {
	float: left;
	width: 600px;
	overflow: auto;
	height: 550px;
	padding-right: 4px;
}
#Opinions #Left #Box h1 {
	font-size: 18px;
	font-weight: bold;
	color: #C30;
	margin: 0px;
	padding: 0px;
	float: left;
	text-shadow: white 1px 1px 0;
	background: none;
	border: none;
}

#Opinions #Right #Box h1 {
	line-height: 26px;
	margin-bottom: 4px;
}


#Opinions #Right {
	float: right;
	width: 375px;
	position: relative;
}

#Opinions #Left #Box #SubText {
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 4px;
}
#Opinions #Left #Box #Comentari {
	padding-bottom: 4px;
}
#Opinions #Left #Box #NaturakiRespon {
	padding-bottom: 10px;
}

#Opinions #Left #Box .LinkUtil a {
	color: #C30;
	text-shadow: white 1px 1px 0;
	padding-top: 4px;
	float: left;
	text-decoration: none;
}
#Opinions #Left #Box #SubText a {
	text-decoration: underline;
	color: #1F2C00;
}


#Opinions #Left #Box .LinkUtil a:hover {
	text-decoration: underline;
}

#Opinions #Left #Box .LinkUtil span {
	color: #C30;
	background-image: url(../img/maquetacio.png);
	background-repeat: no-repeat;
	background-position: -94px 0px;
	display: block;
	height: 17px;
	width: 17px;
	float: left;
	margin-right: 4px;
}

#Box h1 {
	font-size: 24px;
	font-weight: bold;
	color: #C30;
	margin: 0px;
	padding: 0px;
	float: left;
	text-shadow: white 1px 1px 0;
	line-height: 100%;
	background: none;
	border: none;
}

#BigStars {
	height: 24px;
	width: 141px;
	display:block;
	float: right;
	margin-left: 5px;
	background-image: url(../img/maquetacio.png);
	background-position: 0px -104px;
}

#Rating {
	height: 24px;
	display:block;
	float: left;
	background-image: url(../img/maquetacio.png);
	background-position: 0px -80px;
}

#BigStarsLlistat {
	height: 16px;
	width: 94px;
	display:block;
	float: right;
	margin-left: 5px;
	background-image: url(../img/maquetacio.png);
	background-position: 0px -48px;
}

#RatingLlistat {
	height: 16px;
	display:block;
	float: left;
	background-image: url(../img/maquetacio.png);
	background-position: 0px 0px;
}


.Stars {
	height: 16px;
	width: 94px;
	display:block;
	float: left;
	margin-left: 5px;
	background-image: url(../img/maquetacio.png);
	}

.NumStars5 {
	background-position: 0px 0px;
}
.NumStars4 {
	background-position: 0px -16px;
}
.NumStars3 {
	background-position: 0px -32px;
}
.NumStars2 {
	background-position: 0px -48px;
}
.NumStars1 {
	background-position: 0px -64px;
}

.SmallStars {
	height: 12px;
	width: 64px;
	display:block;
	background-image: url(../img/maquetacio.png);
	margin-bottom: 3px;
	}

.NumSmallStars5 {
	background-position: 0px -128px;
}
.NumSmallStars4 {
	background-position: 0px -140px;
}
.NumSmallStars3 {
	background-position: 0px -152px;
}
.NumSmallStars2 {
	background-position: 0px -164px;
}
.NumSmallStars1 {
	background-position: 0px -176px;
}

#Opinions #Right #Box #StarsList {
	margin: 4px 0px 4px 0px;
}

#Opinions #Right #Box #StarsList #Column {
	float: left;
	margin-right: 11px
}
#Opinions #Right #Box #StarsList #Column #Counter {
	background-color: #E7EFC5;
	height: 14px;
	width: 100px;
	margin-bottom: 1px;
}
#Opinions #Right #Box #StarsList #Column #Counter #Meter {
	background-color: #91C718;
	height: 14px;
	display: block;
}

#Opinions #Right #Box #StarsList #Column #Text {
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
}
#Box #TextContainer {
	padding-left: 50px;
	padding-right: 4px;
}
#Box #AddOpinionIcon {
	background-image: url(../img/maquetacio.png);
	display: block;
	float: left;
	height: 38px;
	width: 41px;
	background-repeat: no-repeat;
	background-position: 0px -188px;
}
#Box #TextContainer #Text {
	margin-top: 4px;
}
#DonarOpinio #FormElement {}

.input500 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212C00;
	background-color: #FFFFFF;
	padding: 4px;
	width: 500px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #133521;
	border-right-color: #E6F7EC;
	border-bottom-color: #E6F7EC;
	border-left-color: #133521;

}
#DonarOpinio #FormElement #Label {
	font-size: 14px;
	font-weight: bold;
}
#DonarOpinio #FormElement {
	padding-bottom: 10px;
}
.OpinonsContainer {
	float: right;
	right: 0px;
	top: 0px;
	text-align: right;
}
 .OpinonsContainer div a {
	color: #CC3300;
	font-size: 11px;
}
.BoxRed {
	font-size: 14px;
	font-weight: bold;
	color: #C00;
	-ms-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #FFDDDD;
	padding: 8px;
	margin: 8px 0px 0px 0px;
}
.BoxRed a {
	color: #C00;
}
.BoxRed a:hover {
	color: #C00;
}

/* Inici Reserves Online */
.bodyTransp { background-color: transparent; }

#ReservesOnline {
	font-size: 14px;
	/*width: 986px;*/}

#ReservesOnline a:hover {
	color: #C30;
	font-weight: bold;
	text-decoration: underline;
}
#ReservesOnline form {
	margin-bottom: 6px;
}

#ReservesOnline button {
	padding: 4px 10px;
	height:26px;
	background-color: #F60;
	background-image: url(/wp-content/themes/canvas-naturaki/images/bg-btn-big.png);
	text-align:center;
	font-size:12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3FF91;
	border-right-color: #212C00;
	border-bottom-color: #212C00;
	border-left-color: #E3FF91;
	border: 0px solid white;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-shadow: 1px 1px black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: white !important;
}

#ReservesOnline button:hover {
	background-color: #F30;
	background-image: none;
}
#ReservesOnline .Submit {
}

.Box-1 {
	background-color: #F7FFF3;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #99CC00;
	border-bottom-color: #99CC00;
	min-height: 425px;
	padding: 4px;
	position: absolute;
	width: 974px;
	overflow: auto;
}


#ReservesOnline #SearchBox {
	background-color: #FFF;
	border-top: solid #9C0 2px;
	border-bottom: solid #9C0 2px;
	background-repeat: no-repeat;
	padding: 6px;
	height: 25px;
	overflow: hidden;
	width: 970px;
}
#SearchBox .floatright div {
	float: left;
}
#SearchBox div label {
	float: left;
	padding: 4px;
	margin-left: 10px;
}
#SearchBox #Title {
	font-size: 20px;
}

#ReservesOnline .Input {
	width:80px;
}
#ReservesOnline .PaddingConfirmacio  {
	padding: 15px 25px 0px 15px;
	text-align: justify;
	}
#ReservesOnline .Highlight {
	font-weight: bold;
}
.Box-1 #CalendarContainer {
	float: left;
	width: 340px;
}
.Box-1 #ResultsContainer {
	float: right;
	width: 610px;
	max-height: 607px;
}
#Calendar-1 {
	margin-bottom: 8px;
}
#AvailableBox {
}
#AvailableBox #Available {
	font-size: 40px;
	color: #8ABE10;
	background-image: url(../img/base/available.png);
	background-repeat: no-repeat;
	height: 50px;
	padding-left: 97px;
	padding-top: 32px;
}
#AvailableBox #Ocupat {
	font-size: 40px;
	color: #C00;
	background-image: url(../img/base/ocupat.png);
	background-repeat: no-repeat;
	height: 50px;
	padding-left: 97px;
	padding-top: 32px;
}
#AvailableBox #List {
	margin: 4px 0px 0px 0px;
	border-top: 1px solid #9C0;
}
#AvailableBox #List #btn-position {
	position: absolute;
	bottom: 4px;
	right: 0px;
}

#AvailableBox #List .button {
	float: right;
	font-weight: bold;
	background-color: #F60;
	background-repeat: repeat-x;
	height: 16px;
	margin: 0px 0px 0px 8px;
	padding: 9px 12px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font: bold 14px Arial, sans-serif;
	color: white !important;
	text-decoration: none !important;
	text-shadow: 1px 1px black;
}

#AvailableBox #List .bg-green {
	background-color: #99CC00;
}

#AvailableBox #List .bg-green:hover {
	background-color: #86B300 !important;
}

#AvailableBox #List .button:hover {
	background-color: #F00;
	background-image: none;
}

#AvailableBox .title {
	text-shadow: white 1px 1px;
	font: normal 19px/1em arial, sans-serif;
	color: #C30;
	margin-bottom: 0px;
	font-weight: bold;
}

#AvailableBox .title-bottom {
	text-align: right;
	padding: 6px 0px 6px 0px
}

#AvailableBox .title a {
	color: #C30;
}

#AvailableBox #List .Nom {
	font-size: 18px;
	font-weight: normal;
}
#AvailableBox #List .Preu {
	font-size: 24px;
	font-weight: bold;
	color: #C00;
	text-align: right;
}
#AvailableBox #List li {
	list-style-type:none !important;
	margin:0;
	padding:0;
	list-style-image: none !important;
	background-image: none;
	overflow: hidden;
	font-size: 12px;
	border-bottom: 1px solid #9C0;
	padding: 4px 0px 0px 0px;
	width: 100%;
	position: relative;
	float: none;
	display: block;
}
#AvailableBox #List .ImgLodgement {
	margin-right: 4px;
}

#AvailableBox #opinions {
	font-size: 11px;
	text-align: right;
	position: absolute;
	top: 4px;
	right: 0px;
	width: 130px;
}
#AvailableBox #opinions #valoracions {
	position: absolute;
	top: 15px;
	right:	0px;
}
#AvailableBox #opinions a {
	color: #C30;
}
#BigStarsLlistat {
	height: 16px;
	width: 94px;
	display:block;
	margin-left: 5px;
	background-image: url(/img/maquetacio.png);
	background-position: 0px -48px;
}

#RatingLlistat {
	height: 16px;
	display:block;
	float: left;
	background-image: url(/img/maquetacio.png);
	background-position: 0px 0px;
}


#AvailableBox #TotalPrice {
	font-size: 40px;
	color: #8ABE10;
	padding-top: 16px;
}

#AvailableBox #TotalPrice #SubTextPreu {
	font-size: 24px;
}
#AvailableBox #BookNow #BookNowText {
	font-weight: bold;
	font-size: 26px;
	margin-top: 4px;
}

#AvailableBox #BookNow {
	background-image: url(../img/base/bg-book-btn.png);
	background-repeat: no-repeat;
	height: 76px;
	width: 285px;
	position: absolute;
	right: 6px;
	bottom: 6px;
	padding-top: 32px;
	padding-left: 115px;
	padding-right: 8px;
	color: #fff;
}

#AvailableBox #BookNow:hover {
	background-image: url(../img/base/bg-book-btn-hover.png);
}

.Box-2 {
	background-color: #F7FFF3;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #99CC00;
	border-bottom-color: #99CC00;
	height: 650px;
	padding: 6px;
	position: absolute;
	width: 99%;
	overflow: auto;
	
}
.Box-2 h1 {
	font-size: 24px;
	background: none;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	color: #CC3300;
	font-weight: normal;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #CC3300;
}
.Box-2 #BookingDetail {
	float: left;
	width: 24%;
	overflow: hidden;
	margin-right: 8px;
}

.Box-2 #BookingDetail li {
	list-style-type: none !important;
	margin: 0px;
	padding: 5px 0px 5px 2px;
	list-style-image: none !important;
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.Box-2 #BookingInformation {
	float: left;
	width: 50%;
	overflow: hidden;
}
.Box-2 #BookingAssistance {
	float: right;
	width: 25%;
	overflow: hidden;
	color: #CC3300;
}

.Box-2 .DadesConfirmacio  {
	padding: 15px 0px 25px 0px;
	}

.Box-2 .DadesConfirmacio td {
	font-size: 16px;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#BookingAssistance h1{
	font-size: 18px;
	font-weight: normal;
	border: none;
	background: none;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	
}

#ViewFullCalendar {
	padding-bottom: 4px;
	border: 1px solid;
	text-align: right;
	margin: 8px 2px 0px 2px;
	background-color: #B00;
	padding: 8px;
}

#ViewFullCalendar a, #ViewFullCalendar a:hover {
	color: white;
	font-weight: bold;
}




/* ----------- Contact Form ----------- */
#ContactForm{
width: 630px;
}

#ContactForm p, #ContactForm h1, #ContactForm form, #ContactForm button{border:0; margin:0; padding:0;}
#ContactForm .spacer{clear:both; height:1px;}

#ContactForm h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#ContactForm p {
margin:10px 0px;
font-weight: bold;
}


#ContactForm label{
	display:block;
	font-weight:normal;
	text-align:right;
	width:140px;
	float:left;
	padding-top: 7px;
}
#ContactForm .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#ContactForm input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	width:320px;
	margin:2px 0 4px 10px;
	border-top-color: #133521;
	border-right-color: #CEF376;
	border-bottom-color: #CEF376;
	border-left-color: #133521;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#ContactForm textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border-top-color: #133521;
	border-right-color: #CEF376;
	border-bottom-color: #CEF376;
	border-left-color: #133521;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	width:320px;
	margin:2px 0 4px 10px;
}


#ContactForm button{
	clear:both;
	margin-left:150px;
	height:31px;
	padding-left: 4px;
	padding-right: 4px;
	min-width: 240px;
	text-align:center;
	line-height:31px;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3FF91;
	border-right-color: #212C00;
	border-bottom-color: #212C00;
	border-left-color: #E3FF91;
	background-color: #99CC00;
}

#ContactForm .footer {
	font-size: 12px;
}

#ContactForm label.error { 
	color:#FF0000;
	float: left;
	font-size: 11px;
	width:40px;
	margin-left: 4px;
	text-align: left;
}

#ContactForm .valid {
	background-image: url(../img/base/accept.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#ContactForm .required { 
	color:#FF0000;
	font-weight: bold;
	margin: 0px 2px;
}

#ContactForm #FormList li {
	list-style-type:none !important;
	margin:0;
	padding:0;
	list-style-image: none !important;
	background-image: none;
	
}


/* ----------- Booking Form ----------- */
#BookingForm{
width: 490px;
}

#BookingForm p, #BookingForm h1, #BookingForm form, #BookingForm button{border:0; margin:0; padding:0;}
#BookingForm .spacer{clear:both; height:1px;}

#BookingForm h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#BookingForm p {
margin:10px 0px;
font-weight: bold;
}


#BookingForm label{
	display:block;
	font-weight:normal;
	text-align:right;
	width:85px;
	float:left;
	padding-top: 7px;
}
#BookingForm .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:110px;
}
#ReservesOnline #infoadicional{
color:#666666;
font-size:10px;
}
#BookingForm input{
	float:left;
	font-size:14px;
	padding:4px 2px;
	width:240px;
	margin:2px 4px 4px 10px;
	border-top-color: #133521;
	border-right-color: #CEF376;
	border-bottom-color: #CEF376;
	border-left-color: #133521;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#BookingForm textarea{
	float:left;
	font-size:14px;
	padding:4px 2px;
	border-top-color: #133521;
	border-right-color: #CEF376;
	border-bottom-color: #CEF376;
	border-left-color: #133521;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	width:240px;
	margin:2px 4px 4px 10px;
}


#BookingForm button{
	clear:both;
	margin-left:100px;
	width:240px;
	height:31px;
	background:#99CC00;
	text-align:center;
	line-height:31px;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3FF91;
	border-right-color: #212C00;
	border-bottom-color: #212C00;
	border-left-color: #E3FF91;

}

#BookingForm .footer {
	font-size: 12px;
}

#BookingForm label.error { 
	color:#FF0000;
	float: left;
	font-size: 11px;
	width:100px;
	margin-left: 4px;
	text-align: left;
}

#BookingForm .valid {
	background-image: url(../img/base/accept.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#BookingForm .required { 
	color:#FF0000;
	font-weight: bold;
	margin: 0px 2px;
}

#BookingForm #FormList li {
	list-style-type:none !important;
	margin:0;
	padding:0;
	list-style-image: none !important;
	background-image: none;
	width: 98%;
	
}

.paymentoption {
	width: 355px !important;
	text-align: left !important;
	padding-top: 0px !important;
}

.input-camuflat {
	border:none  !important; 
	padding: 5px 2px  !important;
	background-color:transparent; 
	font-weight: bold;
}

.button-link {
	width:250px; 
	height:45px; 
	font-size:18px; 
	margin-top: 6px;
	clear:both;
	margin-left:100px;
	width:240px;
	height:31px;
	background:#99CC00;
	text-align:center;
	line-height:31px;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3FF91;
	border-right-color: #212C00;
	border-bottom-color: #212C00;
	border-left-color: #E3FF91;
}

/*tabs-nav2*/
.tabs-nav2{
	padding:0;
	list-style:none;
	overflow:hidden;
	position:relative;
	z-index:0;
	margin: 8px 0px 0px -4px;
}
.tabs-nav2 li{
	float:left;
	font-size:12px !important;
	word-spacing:1px;
	list-style-image: none;
	list-style-type: none;
	font-weight: normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin-left: 4px;
	color: 000;
	width: auto;
}
.tabs-nav2 li a{
	float:left;
	color: #45521F;
	cursor: pointer;
	font-weight: normal;
	background-image: url(../img/base/tabs-nav2.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 0;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;

}
.tabs-nav2 li a span{
	float:left;
	height:23px;
	*height:30px;
	background: url(../img/base/tabs-nav2.png) no-repeat;
	font-weight: normal;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.tabs-nav2 li a:hover,.tabs-nav2 li.active a{
	text-decoration: none;
	background-position: 100% -36px;
}
.tabs-nav2 li a:hover span,.tabs-nav2 li.active a span{
	background-position: 0 -36px;
	text-decoration: none;
	color:#212C00;
}
.tabs-nav2 li.link a span {
	font-weight: bold;
	font-size: 14px;
	padding-left: 6px;
}
.tabs-nav2 li.link a span .ico-link{
	background-image: url(../img/maquetacio.png);
	background-position: 0px -226px;
	width: 21px;
	height: 21px;
	padding: 0px 4px 0px 0px;
	margin: -2px 0px 0px 0px;
}

* html .tabs-nav2 li {word-spacing:0;}
* +html .tabs-nav2 li {word-spacing:0;}


.tabs-nav2 li.clean {
	background-image: none;
	padding-right: 6px;
}

.tabs-nav2 li.clean a{
	background-position: 100% -9999px;
	padding-right: 0px;
	font-weight: bold;
	background-color: transparent;
	font-size: 11px;
}
.tabs-nav2 li.clean a:hover{
	text-decoration: underline;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: transparent;
}

.tabs-nav2 li a:hover{
	text-decoration: underline;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: transparent;
}


/*--------- PORTADA NATURAKI -------------*/

#CasesBox #BookOnline {
	position: relative;
	height: 38px;
	margin: 0px 0px 8px 0px ;
}

#CasesBox #BookOnline #Available {
	font-size: 14px;
	color: #8BB800;
	float: left;
	bottom: 0px;
	background-image: url(../img/base/accept.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 24px;
	padding: 0px 0px 0px 24px;
}
#CasesBox #BookOnline #Price {
	font-size: 24px;
	float: right;
	font-weight: bold;
	color: #CC0000;
	padding-top: 14px;
}
#CasesBox #BookOnline #SamePrice {
	font-size: 12px;
	color: #CC0000;
	font-weight: bold;
	position: absolute;
}

#CasesBox #BookOnline #Button {
	font-size: 14px;
	color: #FFF;
	float: right;
	font-weight: bold;
	background-image: url(../img/base/bg-bookonline-btn.png);
	background-repeat: repeat-x;
	height: 16px;
	margin: 0px 0px 0px 8px;
	padding: 11px 15px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#CasesBox #BookOnline #Button a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#CasesBox #BookOnline #Button a:hover  {
	background-color: transparent;
}