/* GENEREAL STYLES FOR ALL THE PAGES */
/* And some specific properties for the homepage */

html, body, #bg, #bg table, #bg td, #cont {
    margin : 0;
    padding : 0;
    width : 100%;
    height : 100%;
    overflow : auto;
}

body {
    color : #000;
    cursor : default;
    font-size : 12px;
	font-family : Verdana, Helvetica, Arial, sans-serif;
}

img.bg {
	/* Set rules to fill background */
	min-height : 100%;
	min-width : 1024px;
	
	/* Set up proportionate scaling */
	width : 100%;
	height : auto;

	/* Set up positioning */
    top : 0;
    left : 0;
	position : fixed;
	overflow : hidden;
}

.hidden {
	display : none;
}

.plan_errors {
    color : red;
	text-align : center;
}

.plan_errors img.warning {
    float : left;
    border : 0;
    width : 18px;
}

.plan_errors span {
    float : left;
    margin : 2px 0 0 1px;
}

a {
    color : #A7DF2D;
    text-decoration : none;
}

a:hover {
    text-decoration : underline;
}

div#container {
    top : 0;
    left : 0;
    z-index: 72;
    width : 100%;
    height : 100%;
    overflow : auto;
    position : absolute;
}

div#header {
    width : 1039px;
    height : 183px;
    margin : -15px auto 0;
    position : relative;
}

div#logo {
    top : 0;
    left : 0;
    position : absolute;
}

div#logo img.logostimulate {
    top : 26px;
    left : -7.51px;
    z-index : 3;
    position : absolute;
}

div#logo img.backgroundmenu {
    top : 66px;
    left : 2px;
    position : absolute;
}

div#topmenu {
    top : 78px;
    left : 270px;
    z-index : 87654421;
    position : absolute;
    font-family : "Arial";
}

div#topmenu ul {
    margin : 0;
    padding : 0;
    border : medium none;
    outline : medium none;
}

div#topmenu li {
    float : left;
    list-style : none outside none;
}

div#topmenu li a {
    display : block;
    font-size : 12px;
    font-weight : bold;
    padding : 0 4px 0 4px;
    text-decoration : none;
    text-transform : uppercase;
    padding : 7px 21px 7px 21px;

    -webkit-border-radius : 4px;
    -moz-border-radius : 4px;
    -ms-border-radius : 4px;
    -o-border-radius : 4px;
    border-radius : 4px;
}

div#topmenu > ul > li > a {
    margin : 0 35px 0 0;
}


div#topmenu li a {
    color : #666666;
    background : #F4F4F4;
}

div#topmenu li a.thispage {
    color : #F4F4F4;
    background-color : #9DCF30;
    text-shadow: 0px 0px 1px #979595;
}

div#topmenu li a:hover {
    color : #F4F4F4;
    background-color : #9DCF30;
}

/* ------------------------------------------------------------ */
/*              -- TOPMENU TAB DOITYOURSELF STYLES --           */
/* ------------------------------------------------------------ */

div#search input.textField {
    float : left;
    width : 170px;
    height : 21px;
    border : 0 none;
    color : #FFFFFF;
    margin : 0 0 3px;
    padding : 0 10px;
    font-size : 14px;
    line-height : 21px;
    vertical-align : middle;
    background-color : #AFAFAF;

    -webkit-box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
    box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
}

div#search input.submit {
    float : left;

    -webkit-box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
    box-shadow : 0 3px 1px rgba(0, 0, 0, 0.05);
}

div#quote {
    top : 108px;
    padding : 0;
    left : 257px;
    height : 65px;
    color : #67AE1D;
    font-size : 15px;
    font-weight : bold;
    line-height : 65px;
    position : absolute;
    text-transform : uppercase;
}

div#header-picture {
    top : 144px;
    left : 0;
    position : absolute;
}

div#content {
    width : 1002px;
    margin : 0 auto;
    position : relative;
}

div.wrapper_calque_top {
    width : 1036px;
    height : 12px;
    margin : -65px auto 0;
    background : url('../pictures/topmenu/background_transparent_cut.png');
    background-position : 100% 100%;
}

p.message{
    margin-bottom: 25px;
    margin-left: 67px;
    color: white;
    margin-top: 0px;
    font-size: 1.3em;
}

div.wrapper_calque {
    width : 1036px;
    margin : 10px auto 0;
    height : 100%;
    background : url('../pictures/topmenu/background_transparent_cut.png');
    background-position : 100% 100%;
}

img.labelleft {
    float : left;
    margin : 75px 0 0 -27px;
}

img.labelright {
    float : right;
    margin : 79px -18px 0 0;
}


/* -------------------------------- */
/* --       #INTRODUCTION        -- */
/* -------------------------------- */

div#intro{
    top : 350px;
    width : 630px;
    color : white;
    height : auto;
    margin : auto;
    padding : 15px;
    font-size : 3.1em;   
    position : relative;
    text-align : justify;
    white-space: normal;
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

div#intro p{
    margin: 0px;
    text-align: center
}

div#first_message{
    font-size: 1.9em;
    color: rgb(167, 223, 45);
    margin-left: 30vw;
    margin-top: 0px;
    font-weight: bold;
}

div#second_message{
    color: rgb(167, 223, 45);
    margin-bottom: 0px;
    font-size: 1.9em;
    margin-left: 11vw;
    font-weight: bold;
}

div#third_message{
    font-size: 1.9em;
    color: rgb(167, 223, 45);
    margin-left: 41vw;
    margin-top: 0px;
    font-weight: bold;
}

div#fourth_message{
    color: rgb(167, 223, 45);
    margin-bottom: 0px;
    font-size: 1.9em;
    margin-left: 89px;
    font-weight: bold;
}

div#first_message p{
    margin-top: 0px;
}

div#second_message p{
    margin-left: 240px;
    margin-bottom: 0px;
}

div#third_message p{
    margin-top: 0px;
    margin-left:230px;
}

div#fourth_message p{
    margin-left: 31vw;
    margin-bottom: 0px;
}

nav#button_slideshow{
  position: absolute;
  z-index: 20000;
  margin-left: 17.2vw;
  height: auto;
  text-align: center;
  margin-right: 18.2vw;
  bottom: 1.5vw;
}

nav#button_slideshow ul{
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 15px;
    opacity: 0.7;
}

nav#button_slideshow ul li{
  margin-right: -3px;
  color: #666;
  background: #fff;
  width: 32.1vw;
  display: inline-block;
  height: 3vw;
}

nav#button_slideshow ul li a{
  display: block;
  color: #666;
  font: 1.5rem "Trebuchet MS",Arial,sans-serif;
  text-align: center;
  text-decoration: none;
}

nav#button_slideshow ul li a p{
    margin-top: 0.6vw;
}

/* -------------------------------- */
/* -- MEDIA QUERIES INTRODUCTION -- */
/* -------------------------------- */

@media screen and (min-width: 1025px) and (max-width: 1324px){

    div#intro{
        top : 300px;  
    }

    div#first_message{

        margin-left: 26vw;
    }

    div#second_message{
        margin-left:   13.5vw;
    }

    div#third_message{
        margin-left: 39vw;
    }

    div#fourth_message p{
        margin-left: 39vw;
    }
    nav#button_slideshow ul li a p{
        margin-top: 0.4vw;
    }
}

@media screen and (min-width: 1325px) and (max-width: 1525px){

    div#button_skip {
        right: 75px;
    }

    div#intro{
        top : 300px;
    }

    div#first_message{

        margin-left: 26vw;
    }

    div#third_message{
        margin-left: 39vw;
    }

    div#fourth_message p{
        margin-left: 37vw;
    }
}

@media screen and (max-width: 1024px){

    div#intro{
        top : 250px;
    }

    div#first_message{

        margin-left: 21vw;
    }

    div#second_message{
        margin-left: 17vw;
    }

    div#third_message{
        margin-left: 39vw;
    }

    div#fourth_message p{
        margin-left: 48vw;
    }
    nav#button_slideshow ul li a p{
        margin-top: 0.1vw;
    }

}

/* ////////////////////////////////////////////////////////// */
/*                           MENU                             */
/* ////////////////////////////////////////////////////////// */


/* -------------------------------- */
/*      -- TITLES AND TABS --       */
/* -------------------------------- */

#acordiontitle {
	color : #FFFFFF;
    height : 34px;
    margin : 0 0 4px;
    opacity : 0.920;
    background : #A7DF2D;
}

#acordiontitle h3 {
    margin : 0;
    padding : 8px 0 0 0;
    font-weight : bold;
    text-align : center;
	text-shadow : 0px 0px 1px #979595;
}

div#menu {
    float : right;
    width : 236px;
    z-index : 13000;
	position : relative;
    margin: -10px 5px 30px 0px;
}

div#menucontent {
    right : 0;
    min-height : 654px;
    position : absolute;
    margin : -3px 0 0 0;
}

/* -- REVIEW AND BOOK -- */
/* --------------------- */

div#menucontent.widening {
	width : 1000px;
    margin : -3px 0 0 0;
    background: url("../pictures/bg_bar.png") repeat-x scroll 0 -36px #FFFFFF;
}

div.finishresume > div#finsms label input[name="bookingconditions"] {
    float : left;
}

div.finishresume > div#finsms label p {
    bottom : 9px;
    text-indent : 5px;
    position : relative;
}

/* LAST CHANGE - 29102014 */
div.finishresume > div#finsms label span.bookingconditionsfancybox {
    margin : 0;
    padding : 0;
    color : #000;
    text-indent: 0;
    cursor : pointer;
    font-weight : bold;
    display : inline-block;
    text-transform : uppercase;
}

/* LAST CHANGE - 29102014 */
div.finishresume > div#finsms label span.bookingconditionsfancybox:hover {
    color : #A7DF2D;
    text-decoration : underline;
}


/* -------------------------------------------------------------------- */
/*          -- ACCORDION MENU: MENU LAYOUT AND BASIC STYLES --          */
/* -------------------------------------------------------------------- */

.accordion {
    -webkit-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
}

.accordion,
.accordion ul,
.accordion li,
.accordion a {
    margin : 0;
    padding : 0;
    outline : none;
/*    opacity : 0.950;*/
}
 
.accordion li {
    list-style : none;
}

.accordion li > a {
    color : #666666;
    display : block;
    min-width : 110px;
    background : #fff;
    position : relative;
    text-decoration : none;
    padding : 0 10px 0 35px;
    text-transform : uppercase;
    font : 14px/36px Arial, sans-serif;
	border-bottom : 1px solid #e5e7e8;
}

.accordion li.personaldata > a {
    background : #E8E9EA;
}


/* ------------------------------------------------- */
/*          -- ACCORDION MENU: ICONS --              */
/* ------------------------------------------------- */

.accordion > li > a:before {
    position : absolute;
    top : 0;
    left : 0;
    content : '';
    width : 24px;
    height : 24px;
    margin : 4px 8px;
    background-image : url("../pictures/icons_new.png");
    background-repeat : no-repeat;
    background-position : 0px 0px;
}

/* UL ACCORDION MENUS ICONS - DEFAULT (+) HOVER (+) ACTIVE */

.accordion li.destination > a:before { background-position : 1px 4px; }
.accordion li.destination:hover > a:before { background-position : 3px -31px; }
.accordion li.destination > a.active:before { background-position : 1px -65px; }

.accordion li.travelinfo > a:before { background-position : -35px 3px; }
.accordion li.travelinfo:hover > a:before { background-position : -33px -32px; }
.accordion li.travelinfo > a.active:before { background-position : -35px -66px; }
 
.accordion li.wilderness > a:before { background-position : -241px 3px; }
.accordion li.wilderness:hover > a:before { background-position : -238px -32px; }
.accordion li.wilderness > a.active:before { background-position : -241px -66px; }

.accordion li.interests > a:before { background-position : -72px 3px; }
.accordion li.interests:hover > a:before { background-position : -70px -31px; }
.accordion li.interests > a.active:before { background-position : -72px -66px; }
 
.accordion li.lodging > a:before { background-position : -109px 3px; }
.accordion li.lodging:hover > a:before { background-position : -107px -32px; }
.accordion li.lodging > a.active:before { background-position : -109px -66px; }

.accordion li.transport > a:before { background-position : -147px 3px; }
.accordion li.transport:hover > a:before { background-position : -145px -31px; }
.accordion li.transport > a.active:before { background-position : -147px -66px; }

.accordion li.specialwishes > a:before { background-position : -182px 3px; }
.accordion li.specialwishes:hover > a:before { background-position : -180px -31px; }
.accordion li.specialwishes > a.active:before { background-position : -182px -66px; }

.accordion li.personaldata > a:before { background-position : -215px 3px; }
.accordion li.personaldata:hover > a:before { background-position : -213px -32px; }
.accordion li.personaldata > a.active:before { background-position : -215px -66px; }

.accordion li.destination > a.active,
.accordion li.travelinfo > a.active,
.accordion li.wilderness > a.active,
.accordion li.interests > a.active,
.accordion li.lodging > a.active,
.accordion li.transport > a.active,
.accordion li.specialwishes > a.active,
.accordion li.personaldata > a.active  {
    z-index : 1;
    color : #FFFFFF;
    max-height : 35px;
    font-weight : bold;
    background : #A7DF2D;
    border-bottom : 1px solid #A7DF2D;

    -webkit-box-shadow : 0px 3px 3px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 3px 3px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 3px 3px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 3px 3px rgba(0,0,0,0.4);
    box-shadow : 0px 3px 3px rgba(0,0,0,0.4);
}

.accordion .arrow {
    content : '';
    position : relative;
    margin : 0 0 0 72px;
    top : -5px;
    background : #A7DF2D;
    display : block;
    width : 1px;
    height : 1px;
    padding : 7px 7px 0 0;
 
    -webkit-box-shadow : 3px 3px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow : 3px 3px 2px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow : 3px 3px 2px 0 rgba(0, 0, 0, 0.3); 
    -ms-box-shadow : 3px 3px 2px 0 rgba(0, 0, 0, 0.3); 
    box-shadow : 3px 3px 2px 0 rgba(0, 0, 0, 0.3); 
 
    -moz-transform : rotate(45deg);
    -webkit-transform : rotate(45deg);
    -o-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}


.accordion li > .sub-menu {
    display : none;
    color : #666666;
 	font-size : 13px;
    background : #f0f2f3;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}

.accordion li.destination .sub-menu {
    padding : 20px 10px 12px 10px;
}

.accordion li.travelinfo .sub-menu {
    padding : 22px 10px 24px 10px;
}

.accordion li.wilderness .sub-menu,
.accordion li.interests .sub-menu,
.accordion li.lodging .sub-menu,
.accordion li.transport .sub-menu {
    padding : 7px 10px 17px 10px;
}

.accordion li:target > .sub-menu {
    display : block;
}


/* ------------------------------------------------------------------------ */
/*              -- ACCORDION MENU: HOVER AND ACTIVE STATES --               */
/* ------------------------------------------------------------------------ */

.accordion > li > a:hover,
.accordion > li > a.active {
    color : #7aa619;
    background : #fff;
}


/* ---------------------------------------------------------------- */
/*      -- Adjustments in the accordion menu for the map --         */
/*      -- Important to display the map in the acordeon --          */
/* ---------------------------------------------------------------- */

.map-accordion {
	width : 234px;
    margin : 10px 0 0 -10px;
}

.leaflet-bottom {   /* Ocupa demasiado el Powered by... */
	display : none;
}


/* ----------------------------------------------------------------------------------------------------------- */
/*      -- Important style properties to display the map --     */
/*      -- To change them is necesary change in the javascript code of fancybox, in the afterClose function -- */
/* ----------------------------------------------------------------------------------------------------------- */

#map {  
	width : 236px; 
	height : 150px;
} 

/* -- Markers -- */

.photomarker {
    padding : 5px 5px 20px;
    background : url("../pictures/mapMarker.png") no-repeat;
    background-size : 86px 74px;
}

.markername {
    position : absolute;
    top : -4px;
    left : 4px;
    width : 78px;
    height : 50px;
    text-align : center;
}

.markername a {
    left : 0;
    width : 78px;
    color : white;
    position : absolute;
    bottom : -12px;
    font-size : 12px;
    overflow : hidden;
    white-space : nowrap;
    text-shadow : 0 2px 1px rgba(0,0,0,0.5);

    -webkit-text-overflow : ellipsis;
    -moz-text-overflow : ellipsis;
    -ms-text-overflow : ellipsis;
    -o-text-overflow : ellipsis;
    text-overflow : ellipsis;
}

.photomarker:hover {
    padding : 5px 5px 20px;
    background : url("../pictures/mapMarkerGreen.png") no-repeat;
    background-size : 86px 74px
}

.photomarker:hover a {
    color : transparent;
    text-shadow : 0 0 transparent;
}

.leaflet-label {
    margin : 5px 0 0 0;
    border : none;
    width : 250px;
    color : #FFFFFF;
    background : none;
    text-align : center;
    text-shadow : 0 0 5px #000000;
    font : bold 18px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;
}

.leaflet-label:before {
    border : none;
}

/* ------------------------------------------------ */
/*              -- Full screen control --           */
/* ------------------------------------------------ */

.leaflet-control-zoom-fullscreen.last { 
    margin : -2px 0 0 0;
    padding : 1px 0 0 0;
    border-top : 1px solid #AAAAAA;
}

.leaflet-control-zoom-fullscreen {
    background-image : url(../pictures/icon-fullscreen-package.png);
    background-repeat : no-repeat;
    display : block;
    width : 39px;
    height : 39px;
    top : 84px;
    left : -14px;
    cursor : pointer;
    position : absolute;

    -webkit-border-radius : 2px 2px 2px 2px;
    -moz-border-radius : 2px 2px 2px 2px;
    -ms-border-radius : 2px 2px 2px 2px;
    -o-border-radius : 2px 2px 2px 2px;
    border-radius : 2px 2px 2px 2px;

    -webkit-box-shadow : 0 0 0;
    -moz-box-shadow : 0 0 0;
    -ms-box-shadow : 0 0 0;
    -o-box-shadow : 0 0 0;
    box-shadow : 0 0 0;
}

.leaflet-control-zoom-fullscreen:hover {
    background-image : url(../pictures/icon-fullscreen-package-green.png);
}

#mapbox {
    font-size : 14px;
	text-decoration : none;
}


/* ---------------------------------------------------------------- */
/*      -- For the select DESTINATION in the accordion menu --      */
/* ---------------------------------------------------------------- */

.selectHide {
	display : none;
}

/*  // DOESN'T EXIST - W3C CSS VALIDATION COMMENT
.selectShow {
	display : auto;
}
*/

/* ------------------------------------------------------------ */
/*      -- News styles properties for destination form --       */
/* ------------------------------------------------------------ */

div#destination-form {
	font-size : 10px;
}

#destination-form .ui-multiselect {
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    -ms-border-radius : 0px;
    -o-border-radius : 0px;
    border-radius : 0px;

    margin : 0 0 5px 0;
}


.showDestination h3 {
    margin : 0 0 7px 0;
    font-weight : normal;
    padding : 4px 2px 5px 10px;
    text-transform : uppercase;

    color : #747474;
    font-size : 11px;
    cursor : pointer;
    background : #fafbfc;
    border : 1px solid #dddfe1;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

.showDestination:hover h3,
.showDestination h3.open {
    color : #FFFFFF;
    font-weight : bold;
    background : #A7DF2D;
}

.showDestination > div {
	padding : 5px;
    overflow : auto;
    margin : 0 0 5px 0;
	max-height : 500px;
}

.inputdepend p {
	font-size : 12px;
    font-weight : bold;
    margin : 8px 0 5px 0;
}

.inputdepend label {
    cursor : pointer;
    margin : 2px 0 0 0;
    padding : 3px 0 3px 0;
}

.inputdepend label:hover span {
    color : #A7DF2D;
}

.inputdepend > label span,
.inputdepend > div label span {
    bottom : 3px;
    position : relative;
}

.showDestination input {
    margin : 0 0 0 15px;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    border-radius : 0;
}

.ui-multiselect-checkboxes label {
	border-radius : 0;
}

div#destination-form select.selectfield {
	width : 194px;
	border : 1px solid #cccccc;
	padding : 0 0 0 8px;
/*	padding-left : 8px;*/
}

div#destination-form input.textfield {
	border : 0;
	width : 174px;
	height : 17px;
    padding : 0 10px;
	line-height : 19px;
	border : 1px solid #cccccc;
}

div#destination-form table tr.row {
	height : 25px;
}

div#destination-form table tr.buttonrow {
	height : 50px;
}

div#destination-form input.button {
	border : 0;
    color : #666666;
    cursor : pointer;
    text-decoration : none;
    text-transform : uppercase;
    background-color : #a7df2d;
    font : bold 12px/25px Arial, sans-serif;
}

div#destination-form span{
    font-size: 13px;
    color: #666666;
}

#buttonDestination {
    width : 194px;
    display : none;
    color : #666666;
    border : 0 none;
    cursor : pointer;  
    text-align : center;
    text-decoration : none;
    text-transform : uppercase;
    background-color : #A7DF2D;
    font : bold 11px/20px Arial,sans-serif;
    margin : 10px 0 0 0;
/*  margin-top : 10px;*/
}


/* ---------------------------- */
/*      -- SLIDER RANGE --      */
/* ---------------------------- */

.slider-range {
	border : 0; 
    width : 80px;
	color : #f6931f; 
	font-weight : bold;
    background : transparent; 
}


/* ----------------------------------- */
/*      -- displaytabinterests --      */
/* ----------------------------------- */

#displaytabinterests table {
    width : 100%;
    text-align : center;
	border-bottom : 2px solid #cccccc;
}

#displaytabinterests td {
    width : 50%;
    height : 4px;
	color : #339900;
    font-size : 11px;
	border-left : 0px solid #cccccc;
	border-right : 2px solid #cccccc;
    margin-top : 0;
    padding-top : 0;
    text-align : center;
}

div#bookingform {
	font-size : 11px;
}

div#bookingform tbody{
    font-size : 11px;
}

div#bookingform input.textfield {
	height : 17px;
    padding : 0 10px;
    cursor : pointer;
	line-height : 19px;
	border : 1px solid #ACAEB5;
}

div#bookingform input.textfield:hover {
    border : 1px solid #A7DF2D;
}

div#bookingform table td {
	vertical-align : top;
    font-size: 11px;
}

div#bookingform table tr.title {
	height : 35px;
    color : #666666;
	font-weight : bold;
    font-size : 12px;
}

div#bookingform table tr.from {
	height : 30px;
}

div#bookingform table tr.from table td,
div#bookingform table tr.to table td {
	vertical-align : middle;
}

div#bookingform table tr.to {
	height : 30px;
}

div#bookingform table tr.pax {
	height : 30px;
}


div#bookingform table tr.buttonrow {
	height : 30px;
}

div#bookingform input.button {
    border : 0;
    color : #666666;
    text-decoration : none;
    text-transform : uppercase;
	background-color : #a7df2d;
    font : bold 12px/25px Arial, sans-serif;
}

div#bookingform input[type="text"],
div#bookingform select {
    min-height : 16px;
    border : 1px solid #ACAEB5;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px
}

div#bookingform select {
    cursor : pointer;           
}

div#bookingform select:hover {
    border-color : #A7DF2D;
}

div#bookingform #sliderflex:hover {
    border-color : #A7DF2D;
}

div#bookingform #sliderbudget:hover {
    border-color : #A7DF2D;
}

#budgetposition{
    font-size: 11px;
}

.title-slade{
    font-size: 11px;
    color: #666666;
}

.status{
    font-size: 11px;
    color: #666666;
}

div#bookingform tr {
    font-size : 11px;
    color: #666666;
}

div#needs-form {
	font-size : 11px;
}

div#needs-form select.selectfield {
	width : 194px;
	border : 1px solid #cccccc;
	padding : 0 0 0 8px;
}

div#needs-form input.textfield {
	border : 0;
	width : 174px;
	height : 17px;
    padding : 0 10px;
	line-height : 19px;
	border : 1px solid #cccccc;
}

div#needs-form table tr.row {
	height : 25px;
}

div#needs-form table tr.buttonrow {
	height : 50px;
}

div#needs-form input.button {
    border : 0;
    color : #666666;
    text-decoration : none;
    text-transform : uppercase;
	background-color : #a7df2d;
    font : bold 12px/25px Arial, sans-serif;
}


#listinterests tbody{
    font-size: 13px;
    color: #666666;
}

#listlodging tbody{
    font-size: 13px;
    color: #666666;
}
#listtransport tbody{
    font-size: 13px;
    color: #666666;
}


/* -------------------------------- */
/*      -- Sidebar Feedback --      */
/* -------------------------------- */

#feedback {
	width : 236px;
    margin : 4px 0 0 0;
    color : #666666;
	display : block;
 	background-color : transparent;
  	background-color : rgba(255, 255, 255, 1);

    -webkit-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
}



/* -------------------------------- */
/*      -- Sidebar About --      */
/* -------------------------------- */

.footermenu {
    width : 236px;
    margin : 4px 0 0 0;
    color : #666666;
    display : block;
}

.footermenu,
#footermenu2{
    margin: 0 0 0 0;
    height: 41px;
}

/* Only for tablet - So hide it */
#aboutstimulatetablet {
    display : none;
}

.footermenu,
#aboutstimulate {
    height : 37px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#aboutstimulate {
    cursor : pointer;
}

.footermenu h2,
#aboutstimulate h2 {
    padding : 0px 10px;
    position : relative;
    margin : 0 0 0 30px;
    text-decoration : none;
    text-transform : uppercase;
    font : 14px/36px Arial, sans-serif;
}

.footermenu a,
#aboutstimulate a {
    color : #666666;
}

#aboutstimulate a {
    text-shadow : 0 2px 1px rgba(0,0,0,0.5); 
}

#aboutstimulate:hover a {
    color : #666666;
    text-decoration : none;
    text-shadow : 0 0 0 transparent; 
}

#aboutstimulate h2:before {
    content : "";
    top : 0;
    left : 0;
    width : 24px;
    height : 24px;
    margin : 6px -21px;
    position : absolute;
    background-image : url("../pictures/icons/video.png");
    background-size : 100% 100%;
    background-position : 0 0;
}

.footermenu h2:before {
    content : "";
    top : 0;
    left : 0;
    width : 24px;
    height : 24px;
    margin : 6px -21px;
    position : absolute;
    background-image : url("../pictures/information.png");
    background-size : 100% 100%;
    background-position : 0 0;
}

.footermenu:hover a {
    text-decoration : none;
}
.footermenu:hover{
    background-color: #a7df2d;
}

.footermenu h2 span {
    font-weight : bold;
}

#footermenu2{
    border-top: 1px solid #666666;
}

#footerexpert{
    width : 236px;
    margin : 4px 0 0 0;
    color : #666666;
    display : block;
    background-color : transparent;
    background-color : rgba(255, 255, 255, 1);
}

#expert span.email {
    color : blue;
    cursor : pointer;
    text-decoration : underline;
}


#expert{
    padding-left: 10px;
    padding-top: 10px;
    white-space: 1px;
    color: #666666;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.8em
}

#expert p{
    margin: 3px;
    padding: 0;
    white-space: normal;
}

#expert > p img.smallicons, img.smallicons {
    width: 14px;
    margin: 0px 4px -5px 0px;
    padding: 0px;
}

/* -------------------------------------------- */
/*          -- Sidebar Your Commments --        */
/* -------------------------------------------- */

#yourcomments {
	width : 236px;
	bottom : 0px;
    color : #666666;
    display : block;
    position : absolute;
    background : #FFFFFF;
	border-top : 1px solid #CCCCCC;
}

#yourcommentshead {
    text-align : center;
	border-bottom : 1px solid #CCCCCC;
	border-top : 1px solid #CCCCCC;
}

#yourcommentshead h2{
    margin : 0;
    color : #666666;
	padding : 0px 10px;
    position : relative;
    text-transform : uppercase;
	font : 14px/32px Arial,sans-serif;
}

#yourcommentsexpert {
    color : #000000;
	padding : 8px 3px 8px 8px;
}

#yourcommentsexpert img {
	float : left;
    width : 77px;
	position : relative;
    margin : 5px 8px 0 0;
}

#yourcommentsexpert > b {
    font-size : 12px;
}

#yourcommentsexpert p {
	margin : 0;
    color : #000000;
    line-height : 15px;

    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    width : 170px;
}

#yourcommentsexpert p.traveladviser {
    margin : 1px 0 0 0;
}

#yourcommentsexpert span.email {
    color : blue;
    cursor : pointer;
    text-decoration : underline;
}

#yourcommentscontent textarea {
    width : 90%;
    border : 0px;
    height : 80px;
    color : #666666;
    resize : vertical;
	min-height : 80px;
	padding : 15px 5px 5px 15px;
}

#yourcommentsexpert > p img.smallicons,
img.smallicons {
    width : 14px;
    padding : 0;
    margin : 0 4px 0 0;
}


/* ////////////////////////////////////////////////////////// */
/*                     MAIN CONTENT                           */
/*           (main variations between pages)                  */
/* ////////////////////////////////////////////////////////// */


div#maincontent {
	width : 766px;
    margin : -10px 0 0 0;
}

/* ------------------------------------ */
/*          -- MARKETING PANE --        */
/* ------------------------------------ */

div#marketing {
	margin : 50px 0px 0px 260px;
    background-color : transparent;
    background-color : rgba(0, 0, 0, 0.6); 

    -webkit-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
}

div#marketing h2 {
    color : #FFFFFF;
    text-decoration : none;
	text-transform : uppercase;
    font : 14px Arial, sans-serif;
	padding : 11px 20px 10px 20px;
    background : url(../pictures/bg_bar.png);
}

div#marketing .pane {
	color : #FFFFFF;
    padding : 0px 20px 10px 20px;
	font : 14px/20px Arial, sans-serif;
}


/* -------------------------------------------------------------- */
/*                -- New displaytab --                            */
/*          -- Important for the structure of all pages --        */
/* -------------------------------------------------------------- */

#displaytab {
    top : 0;
    margin : -1px 0 0 0;
    width: 117.6%
}

ul#breadcrumbs-two {
    margin : 0;
    padding : 0;
    opacity : 0.990;
    overflow : hidden;
    list-style : none;
    white-space : nowrap;
}

#breadcrumbs-two a {
    width : 96%;
    float : left;
    color : #747474;
    opacity : 0.930; 
    font-weight : bold;
    line-height : 20px;
    position : relative;
    background : #FFFFFF;
    text-decoration : none;
    padding : 0.7em 0.00em 0.5em 0.00em;
    padding : 0.7em 0em 0.5em;
}

#breadcrumbs-two li.step-select {
    padding-left : 8px;
}

#breadcrumbs-two li.step-select a {
    color : #FFFFFF;
    font-weight : bold;
	background : #A7DF2D;
    text-shadow : 0 0px 1px #979595;
    padding-top : 0.7em;
}

#breadcrumbs-two a::before {
    top : 50%;
    left : -0.93em;
    content : "";
    position : absolute;
    margin : -1.5em 0 0 0;
    border-style : solid;
    border-width : 1.5em 0 1.5em 1em;
    border-color : #FFFFFF #FFFFFF #FFFFFF transparent;
}

#breadcrumbs-two a::after {
    top : 50%;
    right : -0.99em;
    content : "";
    position : absolute;
    margin : -1.5em 0 0 0;
    border-top : 1.5em solid transparent;
    border-bottom : 1.5em solid transparent;
    border-left : 1em solid #FFFFFF;
}

#breadcrumbs-two li:first-child a {
    -webkit-border-top-left-radius : 3px;
    -moz-border-top-left-radius : 3px;
    -ms-border-top-left-radius : 3px;
    -o-border-top-left-radius : 3px;
    border-top-left-radius : 3px;
}

#breadcrumbs-two li:last-child a {
    -webkit-border-top-right-radius : 3px;
    -moz-border-top-right-radius : 3px;
    -ms-border-top-right-radius : 3px;
    -o-border-top-right-radius : 3px;
    border-top-right-radius : 3px;
}

#breadcrumbs-two li:first-child a::before,
#breadcrumbs-two li:last-child a::after {
    border-style : none;
}

#breadcrumbs-two li.step-select a::before {
    border-color : #A7DF2D #A7DF2D #A7DF2D transparent;
}

#breadcrumbs-two li.step-select a::after {
	border-left : 1em solid #A7DF2D;
}

#breadcrumbs-two .current,
#breadcrumbs-two .current:hover{
    background : none;
    font-weight : bold;
}

#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before{
    content : normal;
}

div#maincontent > ul {
    margin : 0;
    padding : 0;
    width : 766px;
    border : none;
    outline : none;
	list-style: none;
}

div#maincontent > ul > li > div {
	float : right;
    width : 724px;
    height : auto;
    color : #666666;
	list-style : none;
    background : #FFFFFF;
	padding : 0 15px;
    margin : 0 0 4px 0;
	text-align : justify;
    opacity : 0.930;

    -webkit-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    box-shadow : 0px 2px 3px rgba(0,0,0,0.4);

    -webkit-border-bottom-left-radius : 3px;
    -moz-border-bottom-left-radius : 3px;
    -ms-border-bottom-left-radius : 3px;
    -o-border-bottom-left-radius : 3px;
    border-bottom-left-radius : 3px;

    -webkit-border-bottom-right-radius : 3px;
    -moz-border-bottom-right-radius : 3px;
    -ms-border-bottom-right-radius : 3px;
    -o-border-bottom-right-radius : 3px;
    border-bottom-right-radius : 3px;
}

div#maincontent > ul > li > div:hover,
div#maincontent > ul > li > div.showcontent {
    opacity : 0.980;
}

div#maincontent ul li div.hidecontent:hover .header .middle {
    height : 97%;
    background : url(./../pictures/more_green.png) no-repeat bottom;
}

div#maincontent ul li div.showcontent .header:hover .middle {
    height : 97%;
    background : url(./../pictures/less_green.png) no-repeat bottom;
}

/* -- TABLE.inputspackage -- */
div#maincontent table.inputspackage {
    margin : 24px 0 0 0;
}

div#maincontent table.numbertravellers,
div#maincontent table.travellersage,
div#maincontent table.costtrip {
    margin : 0;
    padding : 0;
}

div#maincontent table.costtrip {
    margin : 26px  0 0 20px;
}

div#maincontent table.numbertravellers,
div#maincontent table.costtrip {
    float : left;
}

div#maincontent table.travellersage {
    clear : both;
    float : right;
}

div#maincontent table.inputspackage td,
div#maincontent table.numbertravellers td,
div#maincontent table.travellersage td {
    color : #909090;
    font-size : 10px;
}

div#maincontent table.inputspackage th,
div#maincontent table.numbertravellers th,
div#maincontent table.travellersage th,
div#maincontent table.costtrip th {
    color : #909090;
    font-size : 10px;
    font-weight : normal;
    text-indent : 2px;
}

div#maincontent table.costtrip th {
    margin : 0;
    padding : 0;
}

div#maincontent table.inputspackage td input.datepickerpackage {
    width : 151px;
    height : 14px;
    max-height : 14px;

    font-size : 11px;
    cursor : pointer;
    padding : 1px 20px 1px 1px;
    background-image : url("../pictures/cal.png");
    background-size : 9%;
    background-position : right;
    background-repeat : no-repeat;

    border : 1px solid #ABADB3;
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#maincontent table.inputspackage td input.datepickerpackage:hover {
    border : 1px solid #A7DF2D;
}

div#maincontent table.inputspackage input,
div#maincontent table.numbertravellers select,
div#maincontent table.travellersage select,
div#maincontent table.costtrip td input {
    color : #666666;
}

div#maincontent table.numbertravellers select,
div#maincontent table.travellersage select {
    margin : 0;
    cursor : pointer;
    font-size : 11px;
    padding : 1px 0 1px 0;
    text-transform : lowercase;

    border : 1px solid #ABADB3;
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#maincontent table.numbertravellers select {
    width : 85px;
}

div#maincontent table.numbertravellers select:hover,
div#maincontent table.travellersage select:hover {
    border : 1px solid #A7DF2D;
}

div#maincontent table.travellersage select {
    width : 70px; 
}

div#maincontent table.costtrip td input {
    width : 61px;
    height : 14px;
    padding : 1px;
    max-height : 14px;
    text-align : center;

    border : 1px solid #ABADB3;
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#maincontent table.costtrip td input:disabled {
    max-width : 35px;
    text-align : center;
    color : rgba(0,0,0,0.6);
}

div#maincontent table.costtrip span {
    cursor : pointer;
    font-weight : bold;
}

div#maincontent table.costtrip span.calculate {
    text-transform : uppercase;
    text-decoration : underline;
}

div#maincontent table.costtrip span a {
    color : #666666;
}

div#maincontent table.costtrip span:hover a {
    color : #A7DF2D;
}

div#maincontent table.costtrip span a:hover {
    text-decoration : none;
}

div#maincontent table.costtrip tr:last-child td {
    text-align : center;
}

div#maincontent .footerpackage textarea.reasons_unlike {
    min-height : 60px;
    max-height : 60px;
    min-width : 275px;
    max-width : 275px;

    resize : none;
    padding : 5px;
    font-size : 11px;
    margin : 20px -5px 0 0;
    background-color : #FFFFFF;
    border : 1px solid #9A9A9A;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    -ms-border-radius : 5px;
    -o-border-radius : 5px;
    border-radius : 5px;
}

div#maincontent .footerpackage form input[type="button"],
div#maincontent .footerpackage form input[type="submit"] {
    float : right;
    border : 0;
    width : auto;
    min-width : 29px;
    height : auto;
    max-height : 30px;
    margin : 40px 5px 0 0;
    padding : 7px 8px 8px 8px;

    cursor : pointer;
    font-size : 12px;
    position : relative;
    text-align : center;
    white-space : nowrap;

    color : #FFFFFF;
    background : #747474;
    text-decoration : none;
    text-transform : uppercase;
    text-shadow : 0 2px 1px rgba(0,0,0,0.5);
}

div#maincontent .footerpackage form input[type="button"]:hover,
div#maincontent .footerpackage form input[type="submit"]:hover {
    background : #BAE659;
    text-shadow : 0 0 0 transparent;
}


div.firstrow div.header {
	height : 156px;
    margin : 0 0 10px 0;
}

div.firstrow div.left {
	float : left;
	width : 198px;
    margin : 15px 0 0 0;
}

div.firstrow div.left div.image img {
    -webkit-box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
    -moz-box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
    -ms-box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
    -o-box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
    box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
}

div.firstrow div.middle {
	float : left;
	width : 295px;
    cursor : pointer;
	padding : 0 19px;
}

div.firstrow div.middle p {
    margin : 0;
    padding : 3px 5px 0px 1px;
    width : auto;
    height : 116px;
    line-height : 22px;
    overflow-x : hidden;
    overflow-y : hidden;

    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

div.firstrow div.middle p.descriptinfo {
    top : -80px;
}

div.firstrow div.right {
	float : right;
	width : 191px;
    margin : 15px 0 0 0;
}

div.firstrow div.right .classmapfirstrow {
    -webkit-box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.4);
    -ms-box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.4);
    -o-box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.4);
    box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.4);
}

div#maincontent div.title h1 {
    float : left;
    width : 295px;
    font-weight : bold;
    font-family : "Arial";
    padding : 0 0 1px 0;
    margin : 11px 0 -1px 0;
    position : relative;
    display : inline-block;
	text-transform : uppercase;
	border-bottom : 1px solid #d3d3d3;
}

div#maincontent div.title h1 span.title {
    color : #666666;
    font-size : 14px;

    float : left;
    white-space : nowrap;
    width : 225px;
    overflow : hidden;
    -webkit-text-overflow : ellipsis;
    -moz-text-overflow : ellipsis;
    -ms-text-overflow : ellipsis;
    -o-text-overflow : ellipsis;
    text-overflow : ellipsis;
}

div#maincontent div.title h1 a {
    text-decoration : none;
}

div#maincontent div.title h1 span.price {
    top : 30px;
    width : auto;
    right : 454px;
	color : #FFFFFF;
    font-size : 14px;
    position : absolute;
    text-align : center;
    display : inline-block;
    padding : 3px 14px 6px;
    background-color : #A7DF2D;
	text-shadow : 0 2px 1px rgba(0,0,0,.5);

    background-clip : padding-box;
  
    -webkit-border-radius : 12px;
    -moz-border-radius : 12px;
    -ms-border-radius : 12px;
    -o-border-radius : 12px;
    border-radius : 12px;

    -webkit-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    box-shadow : 0px 2px 3px rgba(0,0,0,0.4);

    -webkit-transform : rotate(-20deg);  
    -moz-transform : rotate(-20deg); 
    -ms-transform : rotate(-20deg);  
    -o-transform : rotate(-20deg); 
    transform : rotate(-20deg); 
}


div#maincontent div.titleshare h1 {
    float : left;
    width : 295px;
    font-weight : bold;
    font-family : "Arial";
    padding : 0 0 1px 0;
    margin : 11px 0 -1px 0;
    position : relative;
    display : inline-block;
    text-transform : uppercase;
    border-bottom : 1px solid #d3d3d3;
}

div#maincontent div.titleshare h1 span.titleshare {
    color : #666666;
    font-size : 14px;

    float : left;
    white-space : nowrap;
    width : 225px;
    overflow : hidden;
    -webkit-text-overflow : ellipsis;
    -moz-text-overflow : ellipsis;
    -ms-text-overflow : ellipsis;
    -o-text-overflow : ellipsis;
    text-overflow : ellipsis;
}

div#maincontent div.titleshare h1 a {
    text-decoration : none;
}

div#maincontent div.titleshare h1 span.price {
    top : 30px;
    width : auto;
    right : 454px;
    color : #FFFFFF;
    font-size : 14px;
    position : absolute;
    text-align : center;
    display : inline-block;
    padding : 3px 14px 6px;
    background-color : #A7DF2D;
    text-shadow : 0 2px 1px rgba(0,0,0,.5);

    background-clip : padding-box;
  
    -webkit-border-radius : 12px;
    -moz-border-radius : 12px;
    -ms-border-radius : 12px;
    -o-border-radius : 12px;
    border-radius : 12px;

    -webkit-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    box-shadow : 0px 2px 3px rgba(0,0,0,0.4);

    -webkit-transform : rotate(-20deg);  
    -moz-transform : rotate(-20deg); 
    -ms-transform : rotate(-20deg);  
    -o-transform : rotate(-20deg); 
    transform : rotate(-20deg); 
}


/* ///////////////////////////// */
/* -- DATEPICKER -- */
/* ///////////////////////////// */

input.datepicker {
    background-image : url("../pictures/cal.png");
    background-size : 14%;
    background-position : right;
    background-repeat : no-repeat;
    border : 1px solid #ABADB3;
}

/* ///////////////////////////// */

div#maincontent div.image a img { 
	border : 0;

    -webkit-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
}

div#maincontent ul li div.text {
	font-size : 12px;
	text-align : start;
}

div#maincontent ul li div.text ul > li a i {
    margin : 0 0 0 8px;

    font-size : 0.7em;
    bottom : 1px;
    position : relative;
}

div#maincontent div.middlelink h2 {
	float : right;
    width : 350px;
    height : 30px;
	font-size : 14px;
	text-align : center;
	background-color : #747474;
}

div#maincontent div.middlelink h2 a {
	color : white;
    display : block;
	text-decoration : none;
    margin : 5px 0 0 0;
}

div#maincontent div.firstrow ul {
	padding : 0;
}

div#maincontent div.firstrow ul li {
    margin : 0 0 5px 0;
    padding : 0 0 0 15px;
    list-style-type : none;
    max-width : 238px;
    word-wrap : break-word;
}

div#maincontent div.services ul li a {
    padding : 3px;
    color : #666666;
    font-size : 80%;
    text-transform : uppercase;
}

div#maincontent div.services ul li a:hover {
    color : #A7DF2D;
    text-decoration : none;
}

div#maincontent div.services ul li a:visited {
    color : #9AAA7D;
    text-decoration : none;
}

div#maincontent div.services ul li a:visited:hover {
    color : #A7DF2D;
}

div#maincontent div.firstrow ul li.green {
	background : url(../pictures/green.png) no-repeat 0 4px transparent;
}

div#maincontent div.firstrow ul li.orange {
	background : url(../pictures/orange.png) no-repeat 0 4px transparent;
}

div#maincontent div.firstrow ul li.red {
	background : url(../pictures/red.png) no-repeat 0 4px transparent;
}

div#maincontent div.firstrow div.content div.subtitle h2 {
	color : #5E5E5E;
	font-size : 13px;
    font-weight : bold;
	margin : 1px 0 4px 0;
}

div#maincontent div.firstrow div.content div.middle {
    margin : 15px 0 0 0;
}

.hidecontent .content {
	display : none
}

.showcontent .content {
	display : block;
}

.hidecontent .header .middle {
    height : 97%;
	background : url(./../pictures/more.png) no-repeat bottom;
}

.showcontent .header .middle {
    height : 97%;
	background : url(./../pictures/less.png) no-repeat bottom;
}


/* -------------------------------------------- */
/*      -- SERVICES & PACKAGE DETAILS --        */
/* -------------------------------------------- */

div#maincontent .place {
	clear : both;
	font-size : 14px;
}

div#maincontent .place .location {
	padding : 0 0 0 30px;
	text-transform : uppercase;
    background : url(./../pictures/node.png) no-repeat left top;
}

div#maincontent .place .excursion {
    font-weight : normal;
    margin : 0 0 0 17px;
    padding : 0 0 0 30px;
    text-transform : uppercase;
    background : url(../pictures/icons/reload-icon.png) no-repeat left top / 20px auto rgba(0, 0, 0, 0);
}

div#maincontent .place .excursion span {
    bottom : 3px;
    position : relative;
    font-size : 14px;
}

div#maincontent .place .dates {
    color : #9AAA7D;
	font-size : 11px;
    font-weight : bold;
}

div#maincontent .place .services {
	font-size : 16px;
    margin : 5px 0 5px 16px;
    padding : 0 0 10px 30px;
    background : url(./../pictures/connection.png) repeat-y 1px 0px;
}

div#maincontent .place .last {
	background : none;
}

div#maincontent .services > div {
	width : 41.5%;
}

div.firstrow div.categcolumn {
	width : 23%;
	float : left;
    position : relative;
    margin : 0 5px 0 0;
}


/* ---------------------------------------- */
/*      -- SERVICE DETAILS (MODAL) --       */
/* ---------------------------------------- */

div.modal {
	width : 800px;
}

div.modal h2 {
	color : #FFFFFF;
    margin : 0;
    font-size : 15px;
    font-weight : normal;
    padding : 11px 20px 9px;
    font-family : Helvetica, Arial, sans-serif;
    background : url(./../pictures/bg_bar.png);

    min-height : 19px;
    max-height : 19px;

    -webkit-box-shadow : 0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 1px 2px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 1px 2px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 1px 2px rgba(0,0,0,0.4);
    box-shadow : 0px 1px 2px rgba(0,0,0,0.4);

    -webkit-border-top-left-radius : 4px;
    -moz-border-top-left-radius : 4px;
    -ms-border-top-left-radius : 4px;
    -o-border-top-left-radius : 4px;
    border-top-left-radius : 4px;
}

div.modal div.swipe-viewport {
	width : 600px;
	height : 200px;
	overflow : hidden;
    margin : 15px 20px;
}

div.modal div.swipe-pane {
    float: left ;
	width : 600px;
	font-size : 14px;
	line-height : 20px;
    margin : 0 20px 0 0;
}

div.modal div.swipe-pane:last-child {
	margin-right : 0;
}

div.modal div.swipe-pane img {
	width : 300px;
	height : 200px;
	float : left;
    margin : 0 20px 0 0;
}

div.modal div.swipe-pager {
    width : 640px;
	height : 20px;
	text-align : center;
}

div.modal div.swipe-pager img {
	margin : 4px;
}

div.modal div.alternatives {
	clear : both;
	margin : -20px 20px 20px;
    border-top : 1px solid #C4C4C4;
    bottom : 0;
    position : absolute;
    width : 95%;
}

div.modal div.alternatives h3 {
	color : #666666;
    font-size : 12px;
    font-weight : normal;
	text-transform : uppercase;
	font-family : Helvetica, Arial, sans-serif;
}

div.modal div.alternatives ul {
    padding : 0;
    display : inline;
    list-style : none;
}

div.modal div.alternatives li {
    width : 46%;
    float : left;
    cursor : pointer;
    margin : 0 20px 0 0;
}

div.modal div.alternatives img {
    float : left;
	width : 35%;
	height : 60px;
    vertical-align : middle;
    margin : 0 7px 0 0;
}

div.modal div.alternatives li:hover img {
    border : 2px solid #A7DF2D;
}

div.modal div.alternatives li:hover p {
    color : #A7DF2D;
}

div.modal div.alternatives p {
    float : left;
    top : 10px;
    width : 55%;
    cursor : pointer;
    position : relative;
    vertical-align : middle;
}

div.modal .bx-wrapper .bx-viewport {
    border : 0;
    box-shadow  : none;
    background : transparent;
}

div.modal .contentslider ul > li {
    height : 400px;
    margin : 0 0 0 12px;
}

div.modal .contentslider ul > li .description {
    bottom : 0;
    width : 96%;
    height : auto;
    color : white;
    line-height : 18px;
    position : absolute;
    text-align : justify;
    margin : 0 0 12px 0;
    padding : 5px 12px 12px 11px;
    background : rgba(0, 0, 0, 0.6);
}

div#discoverpopup div.modal .localinfo > div {
    height : 48px; 
}

div.posibilities .contentslider li div.displaydescription {
    bottom : 0;
    clear : both;
    color : white;
    cursor : pointer;
    font-weight : bold;
    text-align : center;
    position : absolute;
    margin : 0 0 12px 337px;
    padding : 8px 20px 8px 20px;
    background : rgba(0, 0, 0, 0.6);
}

div.posibilities .contentslider li div.displaydescription:hover {
    background-color : #A7DF2D;
}

div.posibilities .contentslider li div.hidedescription {
    right : 0;
    bottom : 0;
    width : 760px;
    height : 84px;
    float : right;
    cursor : pointer;
    max-height : 84px;
    position : absolute;
    margin : 0 12px 10px 0;
}

div.posibilities .contentslider li div.hidedescription .fa-reply {
    right : 5px;
    bottom : 5px;
    position : absolute;
    text-shadow : 1px 2px 2px #ccc;
}

div.modal .bookoffer {
    top : 446px;
    right : 35px;
    text-align : right;
    position : absolute;
    right : 15px;
}

div.modal .bookoffer .mapinfo,
div.modal .bookoffer .editinfo {
    float : right;
    cursor : pointer;
    margin : 0 5px 0 0;
    padding : 5px 12px 8px 12px;
    background : #747474;

    height : 14px;
    text-transform : uppercase;
    text-shadow : 0 2px 1px rgba(0,0,0,0.5);
}

div.modal .bookoffer .mapinfo:hover,
div.modal .bookoffer .editinfo:hover {
    color : #FFFFFF;
    background : #A7DF2D;
    text-shadow : 0 0 0 transparent;
}

div.modal .bookoffer .mapinfoactive {
    color : #FFFFFF;
    background : #A7DF2D;
    text-shadow : 0 0 0 transparent;
}

div.modal .bookoffer .mapinfo a,
div.modal .bookoffer .editinfo a {
    color : #FFFFFF;
}

div.modal .bookoffer .mapinfo a:hover,
div.modal .bookoffer .editinfo a:hover {
    text-decoration : none;
}

div.modal .buttonreplace {
    float : right;
}

div.modal .posibilities .controls-slider-outside {
    left : 20px;
    top : 474px;
    position : absolute;
}

div.modal .localinfoslider .controls-slider-outside {
    left : 20px;
    top : 438px;
    position : absolute;
}


/* ---------------------  */
/*     DISCOVER POPUPS    */
/* ---------------------  */

/* -------------------------------------------- */
/*           -- div#discoverpopup --             */
/* -------------------------------------------- */

/* -- buttons - popwrapper discover  -- */
/* ------------------------------------ */


div#discoverpopup .localinfoslider span a.bx-prev {
    content : "";
    left : 0;
    bottom : 0;
    position : absolute;
    border-right : 12px solid #747474;
    border-top : 11px solid transparent;
    border-bottom : 11px solid transparent;
    padding-left : 10px;
}

div#discoverpopup .localinfoslider span a.bx-prev:hover {
    border-right : 12px solid #A7DF2D;
}

div#discoverpopup .localinfoslider span a.bx-next {
    content : "";
    left : 20px;
    left : 30px;
    bottom : 0;
    position : absolute;
    border-left : 12px solid #747474;
    border-top : 11px solid transparent;
    border-bottom : 11px solid transparent;
    padding-right : 10px;
}

div#discoverpopup .localinfoslider span a.bx-next:hover {
    border-left : 12px solid #A7DF2D;
}

div#discoverpopup .localinfoslider .bx-wrapper {
    min-width : 750px;
    max-height : 376px;
}

div#discoverpopup .localinfoslider ul li img.ratioimage {
    min-width : 770px;
    min-height : 350px;
    max-height : 376px;
    margin : 0 0 0 10px;
}

div#discoverpopup .localinfoslider ul > li {
    margin : 0 20px 0 0;
}


/* -------------------------------------------- */
/*               -- div#popups --               */
/* -------------------------------------------- */

div#popups .contentslider ul li img.ratioimage {
    min-width : 770px;
    min-width : 758px;
    max-width : 758px;
    min-height : 350px;
    max-height : 388px;
}

div#popups li.reserveoffer div.reservformspecific hr {
    display : none;
}

div#popups li.reserveoffer div.reservformspecific div.dates {
    float : left;
    margin : 0 50px 0 0;
}

div#popups li.reserveoffer div.reservformspecific div.rooms {
    float : left;
}

div#popups li.reserveoffer div.reservformspecific div.options {
    clear : both;
}

div#popups li.reserveoffer div.reservformspecific div.people,
div#popups li.reserveoffer div.reservformspecific div.category {
    clear : both;
}


div#popups .contentslider span a.bx-prev {
    content : "";
    left : 0;
    bottom : 12px;
    position : absolute;
    border-right : 12px solid #747474;
    border-top : 11px solid transparent;
    border-bottom : 11px solid transparent;
}

div#popups .contentslider span a.bx-prev:hover {
    border-right : 12px solid #A7DF2D;
}

div#popups .contentslider span a.bx-next {
    content : "";
    left : 20px;
    bottom : 12px;
    position : absolute;
    border-left : 12px solid #747474;
    border-top : 11px solid transparent;
    border-bottom : 11px solid transparent;
}

div#popups .contentslider span a.bx-next:hover {
    border-left : 12px solid #A7DF2D;
}

/*           -- DESCRIPTION --          */
/* ------------------------------------ */


div#discoverpopup .localinfoslider ul > li .description {
    margin : 0;
    bottom : 0;
    height : auto;
    color : white;
    min-width : 747px;
    max-width : 747px;
    line-height : 18px;
    margin : 0 0 0 10px;
    position : absolute;
    text-align : justify;
    padding : 7px 12px 22px 11px;
    background : rgba(0, 0, 0, 0.6);
}

div#discoverpopup .localinfoslider li div.displaydescription {
    bottom : 0;
    clear : both;
    color : white;
    cursor : pointer;
    font-weight : bold;
    text-align : center;
    position : absolute;
    margin : 0 0 12px 337px;
    padding : 8px 20px 8px 20px;
    background : rgba(0, 0, 0, 0.6);
}

div#discoverpopup .localinfoslider li div.displaydescription:hover {
    background-color : #A7DF2D;
}


div#discoverpopup .localinfoslider li div.hidedescription {
    right : 0;
    bottom : 0;
    width : 760px;
    height : 84px;
    float : right;
    cursor : pointer;
    max-height : 84px;
    position : absolute;
    margin : 0 12px 10px 0;
}

div#discoverpopup .localinfoslider li div.hidedescription .fa-reply {
    color : #fff;
    right : 5px;
    bottom : 5px;
    position : absolute;
    text-shadow : 1px 2px 2px #ccc;
}

/* -- locainfo & localmeteo -- */
/* --------------------------- */


div#discoverpopup .localinfo {
    right : 14px;
    bottom : -9px;
    position : absolute;
}

div#discoverpopup .localinfo > div {
    float : right;
    height : 39px;
    margin : 0 5px 0 5px;
}

div#discoverpopup .localinfo .localvideo {
    width : 51px;
    cursor : pointer;
    margin : 0 0 0 30px;
}

div#discoverpopup .localinfo .localmeteo {
    width : 51px;
    cursor : pointer;
}

div#discoverpopup .localinfo > div img {
    float : left;
}

div#discoverpopup .localinfo .localmeteo div.picturemeteo {
    background : url("../pictures/icons/local_meteo.png");
    background-repeat : no-repeat;
    position : absolute;
    cursor : pointer;
    width : 8px;
    height : 22px;
    margin : 3px 0 0 -12px;
}

div#discoverpopup .localinfo .localmeteo:hover div.picturemeteo {
    background : url("../pictures/icons/local_meteo_green.png");
    background-repeat : no-repeat;
}

div#discoverpopup .localinfo .localmeteo:hover a {
    color : #A7DF2D;
    text-decoration : none;
}

div#discoverpopup .localinfo .localvideo div.picturevideo {
    background : url("../pictures/icons/local_video.png");
    background-repeat : no-repeat;
    position : absolute;
    cursor : pointer;
    width : 26px;
    height : 22px;
    margin : 3px 0 0 -29px;
}

div#discoverpopup .localinfo .localvideo:hover div.picturevideo {
    background : url("../pictures/icons/local_video_green.png");
    background-repeat : no-repeat;
}

div#discoverpopup .localinfo .localvideo:hover a {
    color : #A7DF2D;
    text-decoration : none;
}

div#discoverpopup .localinfo > div a {
    color : #747474;
    font-size : 10px;
    font-weight : bold;
    text-transform : uppercase;
    line-height : 14px;
}


/* ---------------------- */
/* -- POPUP INFO STYLE -- */
/* ---------------------- */

div.popupinfo {
    padding : 0;
    border : 0;
	border-radius : 0;

    -webkit-box-shadow : 0px 10px 50px rgba(0, 0, 0, 0.5);
    -moz-box-shadow : 0px 10px 50px rgba(0, 0, 0, 0.5);
    -ms-box-shadow : 0px 10px 50px rgba(0, 0, 0, 0.5);
    -o-box-shadow : 0px 10px 50px rgba(0, 0, 0, 0.5);
    box-shadow : 0px 10px 50px rgba(0, 0, 0, 0.5);

}

.popupinfo .ui-widget-header {
    height : 28px;
    border-radius : 0;
    padding : 4px 35px 4px 5px;
    background : none repeat scroll 0 0 #545454;
}

.popupinfo .ui-widget-header .ui-button {
    top : 0;
    right : 10px;
    width : auto;
    height : auto;
    border : 0 none;
    margin-top : 0;
    position : absolute;
    background: none repeat scroll 0 0 transparent;
}
.popupinfo .ui-widget-header .ui-button .ui-button-text {
    padding : 3px;
    color : #C3C3C3;
    text-indent : 0;
    font-size : 18px;
    font-weight : normal;
}

.popupinfo .ui-widget-header .ui-state-hover .ui-button-text{
	color : #999999;
}

.popupinfo .ui-widget-header .ui-button .ui-button-icon-primary {
    display : none;
	color : #C3C3C3;
    position : relative;
    background : transparent;
    margin : 0 24px 0 0;
}


.popupinfo .ui-widget-header span.ui-dialog-title {
    padding : 2px;
	color : #FFFFFF;
    font : 17px Arial,sans-serif;
    text-decoration : none;
    text-transform : uppercase;
}

.popupinfo .popupinfocont {
    float : left;
	overflow : hidden;
}

.popupinfo .imgpopupinfo {
	float : left;
    width : 60%;
    height : 70%;
    margin : 10px;
    position: relative;
}

.popupinfo .imgpopupinfo img {
	width : 100%;
    height : 100%;
	position : relative;
}

.popupinfo .textpopupinfo {
	float : left;
    width : 35%;
    margin : 0 5px;
	position : relative;
	text-align : justify;
}

.popupinfo .optionspopupinfo {
    width : 70%;
	margin : 10px;
}

.popupinfo .optionspopupinfo h2{
	color : #545454;
	font : bold 14px Arial,sans-serif;
	text-transform : uppercase;
}

.popupinfo .optionspopupinfo .optionsitem {
    float : left;
	width : 50%;
	position : relative;
}

.popupinfo .optionspopupinfo .optionsitem .textoption,
.popupinfo .optionspopupinfo .optionsitem .imgoptionsitem {
    float : left;
	position : relative;
}

.popupinfo .optionspopupinfo .optionsitem .imgoptionsitem img {
	width : 60px;
    margin : 0 10px 0 0;
}

.popupinfo .ui-dialog-buttonpane {
	border : 0;
    right : 20px;
    bottom : 10px;
	position : absolute;
}

.popupinfo .ui-dialog-buttonpane .ui-button {
    width : 100%;
    color : white;
    padding : 0 20px;
    border-radius : 0;
    text-align : center;
    background : #545454;
    text-decoration : none;
    text-transform : uppercase;
}

.popupinfo .ui-dialog-buttonpane .ui-button:hover {
	background : #888888;
}


/* -------------------------------- */
/*          -- INFOBOX --           */
/* -------------------------------- */

div.infobox {
    width : auto;
    max-width : 580px;
    max-height : 314px;
}

div.infobox > h2 {
    margin : 0;
    color : #FFFFFF;
    font-size : 15px;
    font-weight : bold;
    padding : 11px 20px 9px;
    text-transform : uppercase;
    font-family : Helvetica, Arial, sans-serif;
    background : url(./../pictures/bg_bar.png);

    -webkit-box-shadow : 0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 1px 2px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 1px 2px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 1px 2px rgba(0,0,0,0.4);
    box-shadow : 0px 1px 2px rgba(0,0,0,0.4);
}

/*
div.infobox h2.titlebox {
    font-size : 16px;
    text-transform : none;
}
*/

div.infobox div.contentbox {
    font-size : 15px;
    text-align : justify;
    padding : 3px 30px 5px 30px;
}

div.infobox div.contentbox p {
    line-height : 20px;
    text-align : justify;
}

div.infobox div.contentbox div.traveladviser {
    padding : 0;
    font-size : 13px;
}

div.infobox div.contentbox div.traveladviser img {
    float : left;
    width : 97px;
    margin : 6px 0 0 0;
}

div.infobox div.contentbox div.traveladviser img.smallicons {
    margin : 0 4px 0 0;
    width : 14px;
}

div.infobox div.contentbox div.traveladviser p {
    float : left;
    line-height : 17px;
    margin : 4px 0 20px 9px;
}


/* ---------------------------- */
/*      -- PAGINATION --        */
/* ---------------------------- */

.pagination {
	width : auto;
}

.pagination .paginationright {
    float : right;
    width : 25px;
    height : 25px;
	background : url("../pictures/right.png") no-repeat scroll 0px -2px transparent;
}

.pagination .paginationnumber {
    float : right;
	width : 25px;
	height : 25px;
    font-size : 14px;
}

.pagination .paginationleft {
	float : right;
    width : 25px;
    height : 25px;
	background : url("../pictures/left.png") no-repeat scroll 0 -2px transparent;
}

.pagination .paginationcomment {
    float : right;
    height : 25px;
	font-size : 14px;
}

.pagination .paginationleft:hover,
.pagination .paginationright:hover {
	opacity : 0.7;
	cursor : pointer;
}


/* Styles for the buttons "pico" big */
ul.botonpico {
	margin : 0;
	padding : 0;
}

.botonpico li {
	display : inline-block;
	text-transform : uppercase;
}

a.botonpicoright {
    float : right;
    color : #FFFFFF;
    cursor : pointer;
    font-size : 12px;
    position : relative;
    text-align : center;
    background : #747474;
    text-decoration : none;
    text-transform : uppercase;

    width : auto;
    min-width : 33px;
    white-space : nowrap;

    height : 14px;
    padding : 5px 8px 8px 14px;
}

a.botonpicoright:hover {
	background : #BAE659;
    text-shadow : 0 0 0 transparent;
}

a.botonpicoright::after {
    top : 0;
    right : -14px;
    content : "";
    cursor : pointer;
    position : absolute;
    border-top : 13px solid transparent;
    border-bottom : 14px solid transparent;
    border-left : 14px solid #747474;
}

a.botonpicoright:hover::after {
	border-left-color : #BAE659;
}


a.botonsharesend {
    float : right;
    color : #FFFFFF;
    cursor : pointer;
    font-size : 12px;
    position : relative;
    text-align : center;
    background : #747474;
    text-decoration : none;
    text-transform : uppercase;

    width : auto;
    min-width : 33px;
    white-space : nowrap;

    height : 14px;
    padding : 5px 8px 8px 14px;
}

a.botonsharesend:hover {
    background : #BAE659;
    text-shadow : 0 0 0 transparent;
}

a.botonsharesend::after {
    top : 0;
    right : -14px;
    content : "";
    cursor : pointer;
    position : absolute;
    border-top : 13px solid transparent;
    border-bottom : 14px solid transparent;
    border-left : 14px solid #747474;
}

a.botonsharesend:hover::after {
    border-left-color : #BAE659;
}

a.botonpicoleft {
    float : right;
    color : #FFFFFF;
    cursor : pointer;
    font-size : 12px;
    position : relative;
    text-align : center;
    background : #747474;
    text-decoration : none;
    text-transform : uppercase;

    width : auto;
    min-width : 33px;
    float : right;
    white-space : nowrap;

    height : 14px;
    padding : 5px 14px 8px 8px;
}

a.botonpicoleft:hover {
	background : #BAE659;
    text-shadow : 0 0 0 transparent;
}

a.botonpicoleft::before {
    top : 0;
    left : -14px;
    content : "";
    cursor : pointer;
    position : absolute;
    border-top : 13px solid transparent;
    border-bottom : 14px solid transparent;
    border-right : 14px solid #747474;
}

a.botonpicoleft:hover::before {
	border-right-color : #BAE659;
}


/* Not clickable */
a.botonpicorightOff {
    background: #9a9a9a;
    cursor: wait;
}
a.botonpicorightOff:hover {
    background: #9a9a9a;
    text-shadow : 0 2px 1px rgba(0, 0, 0, 0.5);
}
a.botonpicorightOff::after {
    border-left-color: #9a9a9a;
    cursor: wait;
}
a.botonpicorightOff:hover::after {
    border-left-color: #9a9a9a;
}

a.botonpicoleftOff {
    background: #9a9a9a;
    cursor: wait;
}
a.botonpicoleftOff:hover {
    background: #9a9a9a;
    text-shadow : 0 2px 1px rgba(0, 0, 0, 0.5);
}
a.botonpicoleftOff::before {
    border-right-color: #9a9a9a;
    cursor: wait;
}
a.botonpicoleftOff:hover::before {
    border-right-color: #9a9a9a;
}


/* -------------------------------------------- */
/*          -- BUTTON "PICO" SMALL --           */
/* -------------------------------------------- */

a.botonpicorightsmall {
	float : right;
    color : #FFFFFF;
    cursor : pointer;
    position : relative;
    text-align : center;
    text-decoration : none;
    text-transform : uppercase;
    background: none repeat scroll 0 0 #747474;
    text-shadow : 0 2px 1px rgba(0,0,0,0.5);

    width : auto;
    min-width : 33px;
    white-space : nowrap;

    height : 14px;
    padding : 5px 8px 8px 14px;
}

a.botonpicorightsmall:hover {
	background : #BAE659;
    text-shadow : 0 0 0 transparent;
}

a.botonpicorightsmall:after {
    top : 0;
    right : -14px;
    content : "";
    cursor : pointer;
    position : absolute;
    border-top : 13px solid transparent;
    border-bottom : 14px solid transparent;
    border-left : 14px solid #747474;
}

a.botonpicorightsmall:hover::after {
	border-left-color : #BAE659;
}

a.botonpicoleftsmall {
    float : left;
    color : #FFFFFF;
    font-size : 12px;
    position : relative;
    text-align : center;
    background : #747474;
    text-decoration : none;
    text-transform : uppercase;
    text-shadow : 0 2px 1px rgba(0,0,0,0.5);

    width : auto;
    min-width : 33px;
    float : right;
    white-space : nowrap;
    padding : 5px 14px 7px 8px;
}

a.botonpicoleftsmall:hover {
	background : #BAE659;
    text-shadow : 0 0 0 transparent;
}

a.botonpicoleftsmall::before{
    top : 0;
    left : -14px;
    content : "";
    cursor : pointer;
    position : absolute;
    border-top : 13px solid transparent;
    border-bottom : 14px solid transparent;
    border-right : 14px solid #747474;
}

a.botonpicoleftsmall:hover::before {
	border-right-color : #BAE659;
}



/* -------------------------------------------------------- */
/*              -- Specific for homepage.php --             */
/* -------------------------------------------------------- */

.middlelink li {
	float : right;
	margin : 0px 0px 10px 0px;
}

.showmore {
	text-align : center;
	border-bottom : 1px solid #D3D3D3;
	position : relative;
    margin : 0 0 10px 0 ;
	margin-bottom : 10px;
}

.showmore .textshowmore{
    outline : 0;
    bottom : -6px;
    padding : 0 20px;
    background : white;
    position : absolute;
    text-decoration : none;
    margin : 0 0 0 -50px;
}

.firstrow .slider-down {
    width : 100%;
    cursor : pointer;
    text-align : center;
    margin : 0 0 -26px 0;
}

.firstrow .slider-up {
    width : 100%;
    cursor : pointer;
	margin-bottom : 0;
    text-align : center;
    border-bottom : 1px solid #D3D3D3;
}

.firstrow .slider-up img {
    margin : 0 0 -3px 0;
}


/* ------------------------------------------------------------ */
/*                        -- FOOTER --                          */
/* ------------------------------------------------------------ */

div#footer {
    left : 0; 
	bottom : 0;
	z-index : 72;
    width : 100%;
    height : 48px;
	overflow : auto;
    position : relative;
    background-color : #fff;
	background-repeat : repeat-x;
    background-image : url('../pictures/images/tile2.jpg');
}

div#footer-container {
    width : 902px;
    height : 48px;
	margin : 0 auto;
	line-height : 48px;
}


/* ////////////////////////////////////////////////////////// */
/*                    GETUSER - CSS LOGIN PART                */
/* ////////////////////////////////////////////////////////// */


/* -- TABLES -- */
/* /////////////////////// */

#logincontent {
    width : 500px;
    padding : 0 15px 15px 15px;
    background : url("../pictures/background.jpg") no-repeat;
    background-size : 100%;
}

#logincontent h2 {
    margin : 0;
    padding : 5px;
    color : #A7DF2D;
    font-size : 25px;
}

#logincontent h3 {
    margin : 0;
    padding : 5px;
    font-size : 15px;
    font-style : italic;
}

#logincontent .messageerror {
    max-width : 270px;
    margin : 0 0 0 25px;
    padding : 0 5px 0 5px;
}

table#tableuser,
table#tableforgotpassword {
    clear : both;
    margin : auto;
    padding : 0 20px 20px 20px;
}

table#tableuser th, table#user td,
table#tableforgotpassword th, table#tableforgotpassword td {
    margin : 0;
    padding : 2px;  
    font-size : 12px;
    text-align : left;
    font-weight : normal;
}

table#tableuser td.smalltext {  
    font-size : 12px;
    font-weight : bold;
    padding-left : 5px;
}

table#tableuser td.smalltext a {
    color : #000000;
}

table#tableuser td.smalltext a:hover {
    color : #A7DF2D;
}


/* -- TABLES -- */
/* ---- ELEMENTS ----*/
/* /////////////////////// */

table#tableuser td input,
table#tableregister td input,
table#tableforgotpassword td input {
    width : 163px;
}

table#tableregister th {
    font-size : 13px;
    text-align : left;
    font-weight : normal;
}

table#tableregister th.civility label {
    cursor : pointer;
}

table#tableuser td input[type="text"], table#tableuser td input[type="password"], table#tableuser td input[type="email"],
table#tableregister td input[type="text"], table#tableregister td input[type="password"], table#tableregister td input[type="email"],
table#tableforgotpassword td input[type="text"], table#tableforgotpassword td input[type="password"], table#tableforgotpassword td input[type="email"] {
    border : 0;
    padding : 3px;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

table#tableregister td.tdcorrect div.correct {
    color : #7DAF1C;
    width : auto;
    border : 0;
    margin : 0;
    padding : 5px;
    font-size : 16px;
    font-weight : bold;
    line-height : 28px;
    text-align : center;
    text-shadow : 1px 1px 10px #FFFFFF;
    background : none;
}

table#tableregister td.tdcorrect div.correct img.correct {
    border : 0;
    background : none;
}

table td input[type="button"] {
    border : 0;
    width : 100%;
    margin : 2px 2px 2px 2px;
    height : auto;
    color : white;
    padding : 10px;
    cursor : pointer;
    font-weight : bold;
    text-align : center;
    background : #747474;
    text-decoration : none;
    text-transform : uppercase;
}

table td input[type="button"]:hover {
    background : #A7DF2D;
}


/* /////////////////////////////// */
/* TABLE .templatetable */
/* /////////////////////////////// */

table.templatetable {
    margin : 0 0 0 12px;
}

table.templatetable td {
    font-size : 12px;
    text-align : left;
}

table.templatetable td > input {
    padding : 2px;
    border : 1px solid #ABADB3;
}

table.templatetable td > input, table.templatetable td > select {
    width : 100%;
}

table.templatetable td > input:active, table.templatetable td > select:active {
    border : 1px solid #ABADB3;
}

table.templatetable td label.range {
    font-size : 10px;
    font-style : italic;
}


/* -- DIV -- */
/* /////////////////////// */

div#firstcontent,
div#secondcontent,
div#thirdcontent {
    margin : 0;
    padding : 0;
}

div#secondcontent a.backlogin,
div#thirdcontent a.backlogin {
    right : 0;
    bottom : 0;
    padding : 0;
    color : #747474;
    position : absolute;
    margin : 0 10px 10px 0;
}

div#secondcontent a:hover,
div#thirdcontent a:hover {
    color : #A7DF2D;
}

.backgrounderror {
    background : #FFEBE8;
    border : 1px solid red;
    
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

.backgrounderrortabs {
    background : #FFEBE8;
    border-bottom : 2px solid #FFEBE8;
}

/* -------------------------------------------------------------------- */
/*                      -- PERSONAL FORM STYLES --                      */
/* -------------------------------------------------------------------- */

/* -- #persdataform -- */
div#persdataform {
    font-size : 12px;
    min-height : 267px;
    margin : 0 0 0 25px;
}

div#persdataform .messagemandatory {
    float : right;
    font-size : 10px;
    font-style : italic;
    margin : 0 36px 0 0;
}

/* -- FOOTER -- */

div#footerpersdataform {
    width : 100%;
    height : 71px;
    float : right;
    background : #E8E9EA;
}

/* -- INPUT -- */
div#persdataform input {
    width : 97.5%;
    padding : 2px;
    border : 1px solid #ACAEB5;
}

div#persdataform input[type="text"],
div#persdataform input[type="password"],
div#persdataform input[type="email"] {
    background : #FBFCFD;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#persdataform input[type="button"] {
    margin : 0;
    width : 100%;
    padding : 5px;
    text-transform : uppercase;
    text-shadow : 0 2px 1px rgba(0,0,0,0.5);
}

div#persdataform input[type="button"]:hover {
    text-shadow : 0 0 0 transparent;
}

div#persdataform input.active {
    background : #A7DF2D;
    text-shadow : 0 0 0 transparent;
}

div#persdataform table#travellersdata input[type="text"] {
    width : 171px;
}

/* -- SELECT -- */
div#persdataform select {
    margin : 0;
    padding : 1px;
    height : 22px;
}

div#persdataform table#travellersdata select.birth_day,
div#persdataform table#travellersdata select.birth_month {
    width : 45px;
}

/* -- IMG.EDIT -- */
div#persdataform table img.edit {
    width : 20px;
    float : right;
}

/* -- TABLE CAPTION/TITLE -- */
div#persdataform table caption,
div#persdataform table h1 {
    margin : 0;
    padding : 0;
    color : #747474;
    font-size : 13px;
    font-weight : bold;
    font-family : "Arial";
    text-align : left;
    text-transform : uppercase;
}

div#persdataform table td,
div#persdataform table th {
    text-align : left;
    font-weight : normal;
	font-size: 12px;
	color: #666666;
}

/* -- DIFFERENTS TABLES -- */
div#persdataform table#personaldatatable,
div#persdataform table#myaccounttable,
div#persdataform table#optionstable,
div#persdataform table#travellersdata,
div#persdataform table#invoicedata {
    float : left;
    padding : 10px;
    border : 1px solid #E5E7E8;

    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    -ms-border-radius : 5px;
    -o-border-radius : 5px;
    border-radius : 5px;
}

div#persdataform table#travellersdata {
    -webkit-border-top-left-radius : 0px;
    -moz-border-top-left-radius : 0px;
    -ms-border-top-left-radius : 0px;
    -o-border-top-left-radius : 0px;
    border-top-left-radius : 0px;
}

div#persdataform table#personaldatatable {
    float : left;
    width : 362px;
}

div#persdataform table#myaccounttable,
div#persdataform table#optionstable {
    width : 339px;
}

div#persdataform table#myaccounttable tr.buttonslogged input[type="button"] {
    cursor : default;
    background : #A7DF2D;
    text-shadow : 0 0 0 transparent;
}

/* -- TABLE #personaldatatable -- */
div#persdataform table#personaldatatable {
    margin : 8px 26px 10px 0;

    -webkit-border-top-left-radius : 0px;
    -moz-border-top-left-radius : 0px;
    -ms-border-top-left-radius : 0px;
    -o-border-top-left-radius : 0px;
    border-top-left-radius : 0px;
}

div#persdataform table#personaldatatable a.editelement {
    float : right;
    color : white;
    background : #747474;
    font-weight : bold;
    text-decoration : none;
    padding : 5px 10px 5px 10px;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#persdataform table#personaldatatable a.editelement:hover {
    background : #A7DF2D;
}

div#persdataform table#personaldatatable caption {
    padding : 0;
    text-indent : 0px;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform {
    height : 30px;
    border-left : 1px solid #E5E7E8;

    -webkit-border-top-left-radius : 9px;
    -moz-border-top-left-radius : 9px;
    -ms-border-top-left-radius : 9px;
    -o-border-top-left-radius : 9px;
    border-top-left-radius : 9px;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li {
    cursor : pointer;
    display : inline;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a {
    font-size : 13px;
    font-weight : bold;
    display : inline;
    margin : 0 7px 0 0;
    padding : 10px 5px 4px 5px;
    background : #F4F4F6;

    -webkit-border-radius : 7px 7px 0 0;
    -moz-border-radius : 7px 7px 0 0;
    -ms-border-radius : 7px 7px 0 0;
    -o-border-radius : 7px 7px 0 0;
    border-radius : 7px 7px 0 0;

    -webkit-box-shadow : 0 -1px 1px #E5E7E8;
    -moz-box-shadow : 0 -1px 1px #E5E7E8;
    -ms-box-shadow : 0 -1px 1px #E5E7E8;
    -o-box-shadow : 0 -1px 1px #E5E7E8;
    box-shadow : 0 -1px 1px #E5E7E8;
}


div#persdataform table#personaldatatable caption ul.tabspersdataform li.active a {
    border-bottom : 2px solid #F4F4F6;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a.backgrounderrortabs {
    background : #FFEBE8;
    border-bottom : 2px solid #FFEBE8;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a.backgrounderrorout {
    background : #FFEBE8;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a.invoicedata span {
    font-size : 9px;
    font-style : normal;
    font-weight : normal;

    bottom : 2px;
    position : relative;
    text-transform : lowercase;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a:hover {
    color : #A7DF2D;
}

div#persdataform table#personaldatatable td {
    min-width : 110px;
}

div#persdataform table#personaldatatable select.country {
    width : 100%;

    border : 1px solid #ACAEB5;
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#persdataform table#personaldatatable input,
div#persdataform table#personaldatatable select {
    margin : 0 0 3px 0;
}

div#persdataform table#myaccounttable {
    float : left;
    margin : 7px 0 0 0;
}

div#persdataform table#myaccounttable th {
    width : 140px;
}

div#persdataform table#myaccounttable tbody.login > tr td:first-child {
    margin : 0 30px 0 0;
}

div#persdataform table#myaccounttable input {
    width : 163px;
}

div#persdataform table#myaccounttable input[type="button"] {
    width : 169px;
}

div#persdataform table#myaccounttable a {
    padding : 0;
    color : #747474;
    font-size : 10px;
    font-weight : bold;
    text-decoration : none;
    text-transform : uppercase;
}

div#persdataform table#myaccounttable a:hover {
    color : #A7DF2D;
}

div#persdataform table#myaccounttable tbody.login tr.forgotpassword td,
div#persdataform table#myaccounttable tbody.login tr.newuserform td,
div#persdataform table#myaccounttable tbody.login tr.changepassword td {
    text-align : center;
}

div#persdataform table#myaccounttable tbody.login tr.forgotpassword td a {
    font-size : 9px;
}

div#persdataform table#myaccounttable tbody.login tr.newuserform td a,
div#persdataform table#myaccounttable tbody.login tr.changepassword td a {
    font-size : 10px;
    text-decoration : underline;
}

/* -- TABLE #optionstable -- */
div#persdataform table#optionstable {
    clear : both;

    font-size : 12px;
    position : relative;
    margin : 4px 0 -5px 0;
    border-bottom-width : 6px;
    border-bottom-color : #F4F4FB;

    -webkit-border-bottom-left-radius : 2px;
    -moz-border-bottom-left-radius : 2px;
    -ms-border-bottom-left-radius : 2px;
    -o-border-bottom-left-radius : 2px;
    border-bottom-left-radius : 2px;

    -webkit-border-bottom-right-radius : 2px;
    -moz-border-bottom-right-radius : 2px;
    -ms-border-bottom-right-radius : 2px;
    -o-border-bottom-right-radius : 2px;
    border-bottom-right-radius : 2px;
}

div#persdataform table#optionstable h1 {
    margin : 0 0 15px 0;
}

div#persdataform table#optionstable tr:first-child td {
    font-size : 11px;
    text-align : center;
}

div#persdataform table#optionstable td:first-child {
    width : 123px;
    white-space : nowrap;
}

div#persdataform table#optionstable select {
    width : 90px;
    margin: 0;
    padding : 1px;
    height : 22px;
    text-transform : lowercase;
}

div#persdataform table#travellersdata tbody.travellers > tr td:first-child {
    white-space : nowrap;
}

div#persdataform table#travellersdata tbody.travellers tr:first-child > td {
    text-indent : 4px;
}

div#persdataform table#travellersdata tbody.travellers tr td select.birth_year {
    width : 57px;
}


/* ------------------------------------------------------------- */
/*                  -- PACKAGES INPUT STYLE --                   */
/* ------------------------------------------------------------- */

div#maincontent div.place .location {
    color : #A7DF2D;
    cursor : pointer;
    margin : 0 10px 0 0;
}


div#maincontent div.place span.localitypicture {
    float : right;
    width : 69px;
    height : 45px;
    cursor : pointer;
    margin : 4px 0 0 0;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#maincontent div.fulldetails span.localitypicture {
    right : 260px;
    width : 69px;
    height : 45px;
    cursor : pointer;
    margin : 4px 0 0 0;
    position : absolute;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#maincontent div.place span.localitypicture:hover {
    border : 2px solid #A7DF2D;
}

div#maincontent div.place span.localitypicture div.magnifyingglass {
    width : 35px;
    height : 35px;
    margin : 8px 0 0 33px;
    background : url("../pictures/magnifying_glass.png");
}

div#maincontent div.place span.localitypicture:hover div.magnifyingglass {
    background : url("../pictures/magnifying_glass_green.png");
}

div#maincontent div.footerpackage {
    float : right;
    height : auto;
    width : 739px;
    background : #F2F0EE;
    padding : 0 8px 3px 7px;
    margin : 10px -15px -14px 0;

    -webkit-border-bottom-left-radius : 3px;
    -moz-border-bottom-left-radius : 3px;
    -ms-border-bottom-left-radius : 3px;
    -o-border-bottom-left-radius : 3px;
    border-bottom-left-radius : 3px;

    -webkit-border-bottom-right-radius : 3px;
    -moz-border-bottom-right-radius : 3px;
    -ms-border-bottom-right-radius : 3px;
    -o-border-bottom-right-radius : 3px;
    border-bottom-right-radius : 3px;
}

div#maincontent div.footerpackage #yourcommentsexpert {
    float : left;
    font-size : 11px;
    min-width : 266px;
    position: relative;
    padding : 0;
    margin : 11px 0 0 5px;          
}

div#maincontent div.footerpackage div.messageerror {
    margin : 5px 0 0 10px;
}

div#maincontent div.footerpackage div.middlelink ul.botonpico {
    margin : 0 16px 0 0;
}

div#maincontent div.footerpackage div.middlelink ul.botonpico li a.botonpicoleft {
    margin : 25px 0 0 0;
}

div#maincontent div.footerpackage div.middlelink ul.botonpico li a.botonpicoright {
    margin : 25px 5px 0 16px;
}

div#maincontent div.displaytriplist div.summary {
    width : 85%;
    float : left;
    line-height : 18px;
    margin : 0 0 15px 0;
}

div#maincontent div.displaytriplist div.summary p {
    margin : 0;
    padding : 0;
}

div#maincontent div.displaytriplist div.printer {
    float : right;
    bottom : 6px;
    position : relative;
}

div#maincontent div.displaytriplist div.printer img {
    width : 54px;
    cursor : pointer;
}

div#maincontent div.displaytriplist div.printer img:hover {
    border : 1px solid #A7DF2D;

    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    -ms-border-radius : 5px;
    -o-border-radius : 5px;
    border-radius : 5px;
}

/* -------------------------------------------- */
/*              -- ORDER STEPS --               */
/* -------------------------------------------- */   

div#maincontent div.displaytriplist div.place span.orderstep {
    margin : 0;
    padding : 0;
    color : #A7DF2D;
    font-weight : bold;
}


/* ------------------------------------------------ */
/*              -- CALCULATE DAYS --                */
/* ------------------------------------------------ */   

div#maincontent div.header div.middle h1 a span.calculateDays {
    float : right;
    color : #A7DF2D;
    font-size : 14px;
    font-weight : bold;
    text-transform : uppercase;
}

div#maincontent div.displaytriplist div.place span.calculateDays {
    margin : 0 18px 0 0;
}

div#maincontent div.displaytriplist div.place span.calculateDays a {
    color : #BFBFBF;
    cursor : pointer;
    font-size : 85%;
    font-weight : bold;
    text-transform : uppercase;
}

div#maincontent div.displaytriplist div.place span.calculateDays a:hover {
    color : #A7DF2D;
    text-decoration : none;         
}


div#maincontent div.displaytriplist div.place span.calculateDays a.currentvisited:visited {
    color : #A7DF2D;
}


/* ----------------------------------------------------- */   
/*                -- FULLSCREENPACKAGES --               */
/* ----------------------------------------------------- */   

div#maincontent ul#packages div.header div.left div.image a > .fullscreenpackages {
    width : 26px;
    height : 24px;
    position : absolute;
    margin : 106px 0 0 168px;
    background : url('../pictures/enlarge_picture_white.png');
    background-repeat : no-repeat;
}

div#maincontent ul#packages div.header div.left div.image a > .fullscreenpackages:hover {
    width : 29px;
    height : 25px;
    position : absolute;
    margin : 106px 0 0 168px;
    background : url('../pictures/enlarge_picture_green.png');
    background-repeat : no-repeat;
}

div#maincontent ul#packages div.header div.right img.fullscreenmap {
    z-index : 3;
    cursor : pointer;
    position : absolute;
    margin : 0 0 0 157px;
}

.nonworkingday {
    background-color : #F7BE81 !important;
}

.modifiedday {
    background-color : #F4FA58 !important;
}

.workingday {
    background-color : #ACFA58 !important;
}

/* ------------------------------------- */
/*          -- MESSAGE ERROR --          */
/* ------------------------------------- */

.correct {
    margin : 0;
    padding : 1px 5px 1px 5px;
    width : auto;
    color : green;
    background : #A7DF2D;       
    font-size : 12px;
    font-weight : bold;
    text-align : center;
    border : 1px solid green;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

.messageerror {
    float : left;
    width : auto;
    display : none;

    line-height : 19px;
    margin : 0 0 0 10px;
    padding : 1px 5px 1px 5px;

    font-size : 12px;
    font-weight : bold;
    text-align : justify;

    color : red;
    background : #FFEBE8;
    border : 1px solid red;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

.error {
    line-height : 19px;
    margin : 0 0 0 5px;
    padding : 1px 5px 1px 5px;

    font-size : 12px;
    font-weight : bold;
    text-align : center;

    color : red;
    background : #FFEBE8;
    border : 1px solid red;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

.messageerror img.warning,
.error img.warning,
.correct img.correct {
    border : 0;
    width : 25px;
}

.messageerror span,
.error span,
.correct span {
    bottom : 6px;
    position : relative;
}

.loading img {
    width : 16px;
    margin : 0 0 0 160px;
    padding : 0;
}

/* --------------------------------------------------------- */
/*               -- PACKAGES - FULL DETAILS --               */
/* --------------------------------------------------------- */

/* -- div.fulldetails INSTEAD OF div.plae -- */

div#maincontent div.fulldetails span.dates,
div#maincontent div.fulldetails span.travellers,
div#maincontent div.fulldetails span.price,
div#maincontent div.fulldetails span.address,
div#maincontent div.fulldetails span.tel {
    color : #666666;
    font-size : 11px;
    font-weight : normal;
}

div#maincontent div.fulldetails div.categcolumn {
    width : 100%;
    max-width : 591px;
}

div#maincontent div.fulldetails div.services ul li {
    max-width : 591px;
    word-wrap : break-word;
}

div#maincontent div.fulldetails div.services ul li a {
    font-weight : bold;
}




/* -------------------------------------------------- */
/*              -- .reservformspecific --             */
/* -------------------------------------------------- */

.reservformspecific {
    height : 310px;
    color : #000000;
    overflow-y : auto;
    overflow-x : hidden;
}

.reservformspecific .datepickerInMap,
.reservformspecific .datepickerInMapTo {
    width : 149px;
    cursor : pointer;
    background-image : url("../pictures/cal.png");
    background-size : 13%;
    background-position : right;
    background-repeat : no-repeat;
    border : 1px solid #ABADB3;
}

.reservformspecific .datepickerInMap:hover,
.reservformspecific .datepickerInMapTo:hover {
    border : 1px solid #A7DF2D;
}

.reservformspecific input[type="text"]:disabled:hover,
.reservformspecific select:disabled:hover {
    cursor : default;
    border : 1px solid #ABADB3;
}

.reservformspecific .dates {
    width : 300px;    
}

.reservformspecific .category {
    clear : both;
    width : 155px;
}

.reservformspecific .rooms {
    float : left;
    margin-left : -8px;
}

.reservformspecific .rooms select {
    width : 100%;
}

.reservformspecific select:first-letter {
    text-transform : uppercase;
}

.reservformspecific .options {
   float : left;
}

.reservformspecific .wellnessforms1 {
    float : left;
}

.reservformspecific .wellnessforms2 {
    float : left;
    width : 200px;
}

.reservformspecific .people {
    width : 300px;
}

.reservformspecific .people li {
    height : 35px;
}

.reservformspecific .people select {
    width : 98%;
}

.reservformspecific .people ul.childs {
    padding : 0 0 0 20px;
    list-style-type : square;
}

.reservformspecific .people ul.childs li {
    display : list-item;
}

.reservformspecific input[type="text"],
.reservformspecific select {
    border : 1px solid #ACAEB5;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px
}

.reservformspecific input[type="text"] {
    min-height : 18px;
    max-height : 18px;
}

.reservformspecific select {
    padding : 2px;
    cursor : pointer;
    min-height : 24px;
    max-height : 24px;
}

.reservformspecific select:hover {
    border : 1px solid #A7DF2D;
}

/* -------------------------------- */
/*      --Page detail expert--      */
/* -------------------------------- */
#expertdetail{
    background-color: rgba(255, 255, 255, 1);
    display: block;
    height: inherit;
    opacity: 0.97;
    width: 766px;
    margin-top: -15px;
    padding-bottom: 15px;
}

.mainbody{
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
}

h1.page-title{
    font-family: "DIN";
    margin-top: 0px;
    line-height: 40px;
    color: #050505;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #CBCBCB;
    padding-top: 15px;
    font-size: 2.3em;
}

h2.subtitle{
    color: #595959;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #CBCBCB;
    font-size: 2.2em;
}

h2 span{
    font-size: x-large;
}

#expertdetail p{
    margin: 0px 0px 10px;
    color: #666;
}