@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700,900);

body {
    width: 100%;
    height: 100%;
    background:#000;
    color:#686868;
    margin:0;
    padding:0;
    font-family:'Cinzel', serif;
    font-weight:400;
}
.testo_seo {
	position:absolute;
	top:0px;
	left:-9999px;
	font-size:10px;
}

li {
    list-style-type:none;
}

a {
    text-decoration:none;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: auto;
}

.page {
    margin:30px 0 0 0;
}

.sepOne, .sepTwo {
    width:100%;
    background:#333;
}

.sepOne {
    height:3px;
    margin:0 0 5px 0;
}

.sepTwo {
    height:5px;	
}

header {
    height:115px;
    background:#222;
}

.logo {
    position:absolute;
    z-index:999;
    left:50%;
    margin:0 0 0 -200px;
}

#navLanguages {
    padding:15px 0 0 0;
    text-align:left;
}

#navLanguages ul li {
    display:inline;
    text-align:left;
    margin:0 1px 0 0;
}

#leftNav {
    padding:25px 0 0 0;
    text-align:left;
}

#leftNav ul li {
    display:inline;
    text-align:left;
    margin:0 20px 0 0;	
}

#leftNav li a {
    color:#f7e1b0;
    font-size:14px;
}

#leftNav li.current a, #rightNav li.current a {
    color:#DA412F;
}

#leftNav li a:hover, #rightNav li a:hover {
    color:#DA412F;
}

#rightNav {
    padding:15px 0 0 0;
    text-align:right;
}

#rightNav ul li {
    display:inline;
    text-align:right;
    margin:0 10px 0 0;	
}

#rightNav li a {
    color:#f7e1b0;
    font-size:14px;
    text-align:right;
}

.navSocial {
    /*padding: 40px 0px 5px 60px;*/
	text-align: center;
	z-index:99999;
}

#navGuestbook {
    padding: 15px 5px 0px;
    text-align: right;
    font-size: 14px;
}

#navGuestbook a {
	cursor:pointer;
    font-size: 12px;
	padding: 6px 15px 6px 15px;
	background: linear-gradient(to bottom, rgb(255, 243, 93) 0%, rgb(200, 116, 8) 100%) repeat scroll 0% 0% transparent;
	border: 1px solid rgb(42, 42, 42);
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3) inset;
	color: #000;
	font-weight: bold;
}

#navGuestbook a:hover {
    background: linear-gradient(to bottom, rgb(253, 244, 138) 0%, rgb(225, 131, 11) 100%) repeat scroll 0% 0% transparent;
}
#navGuestbook a:active {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4) inset;
}

.navSocial ul li {
    display:inline;
    text-align:center;
    margin:0 1px 0 0;
}

#slider {
    width:100%;
    margin:0 auto;
    z-index:99;
}

#itemHome, #item {
    height:auto;
    padding:0 0 30px 0;
    margin:60px 0 0 0;
}

#itemFoto {
    height:auto;
    padding:0 0 30px 0;
    margin:80px 0 0 0;
}

#itemFoto img {
    margin:0 0 10px 0;
}

#itemHome h1, #item h1, div.itemHome_h1, div.item_h1 {
    font-size:30px;
    font-weight:700;
    color:#c0a062;
    margin:0 0 20px 0;
    padding:0;
}

#itemHome p, #item p, div.itemHome_p, div.item_p {
    font-size:16px;
    font-weight:400;
}

div.itemHome_p, div.item_p {
	margin-bottom:15px;
}

#item span {
    color:#e55050;
}

#itemHome .readMore {
    padding:15px 0 0 0;
    font-size:14px;
    font-style:italic;
    color:#e55050;
    text-align:right;
}

#itemHome .readMore a {
    color:#e55050;	
}

#itemFotoOther {
    padding:0 0 30px 0;
}

#itemFotoOther img {
    margin:0 10px 25px 10px;
}

.twitterList {
    padding:10px 0 0 0;	
    font-size:15px; 
    font-style:italic;
}

.twitterList a {
    color:#e55050;
    font-size:14px;
}

.twitterList ul li .tweet_time  {
    position:relative;
    left:10px;
    font-size:14px;
    font-style:italic;
}

.twitterList .tweet p {
    font-size: 10px;
    color:#6e6e6e;
    font-style: italic;
    background: url(../img/bg-tweet-speech.png) no-repeat 7px bottom;
    padding: 0 0 15px 0;
    margin: 0 0 5px 0;
}

.twitterList .tweet span {
    display: block;
    height: 16px;
    background: url(../img/twitter.png) no-repeat;
    padding: 0 0 0 30px;
    line-height: 13px;
    font-size: 1.0em;
    color:#aeaeae;
    font-style: italic;
}

.ch-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}

.ch-grid:after {
    clear: both;
}

.ch-grid li {
    width: 250px;
    height: 250px;
    display: inline-block;
    margin: 20px;
}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.ch-item-mobile {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.ch-thumb {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    box-shadow: inset 0 0 0 15px rgba(247,225,176, 0.8);
    -webkit-transform-origin: 95% 40%;
    -moz-transform-origin: 95% 40%;
    -o-transform-origin: 95% 40%;
    -ms-transform-origin: 95% 40%;
    transform-origin: 95% 40%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ch-thumb:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 40%;
    left: 95%;
    margin: -4px 0 0 -4px;
    background: rgb(14,14,14);
    background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    box-shadow: 0 0 1px rgba(255,255,255,0.9);
}

.ch-img-1 { 
    background-image: url(/themes/images/camere/armonia-preview.jpg);
    z-index: 12;
}

.ch-img-2 { 
    background-image: url(/themes/images/camere/melodia-preview.jpg);
    z-index: 11;
}

.ch-img-3 { 
    background-image: url(/themes/images/camere/poesia-preview.jpg);
    z-index: 10;
}

.ch-img-4 { 
    background-image: url(/themes/images/camere/fantasia-preview.jpg);
    z-index: 9;
}

.ch-img-5 { 
    background-image: url(/themes/images/camere/magia-preview.jpg);
    z-index: 8;
}

.ch-img-1-mobile { 
    background-image: url(/themes/images/camere/armonia-preview-mobile.jpg);
    z-index: 12;
}

.ch-img-2-mobile { 
    background-image: url(/themes/images/camere/melodia-preview-mobile.jpg);
    z-index: 11;
}

.ch-img-3-mobile { 
    background-image: url(/themes/images/camere/poesia-preview-mobile.jpg);
    z-index: 10;
}

.ch-img-4-mobile { 
    background-image: url(/themes/images/camere/fantasia-preview-mobile.jpg);
    z-index: 9;
}

.ch-img-5-mobile { 
    background-image: url(/themes/images/camere/magia-preview-mobile.jpg);
    z-index: 8;
}

.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: #333 url(../images/noise.png);
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 18px;
    margin: 0 60px;
    padding: 65px 0 0 0;
    height: 45px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p, .ch-info span {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.ch-info p a, .ch-info span a {
    display: block;
    color: #333;
    width: 65px;
    height: 42px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 1px;
    padding-top: 23px;
    margin: 6px auto 0;
    opacity: 0;

    -webkit-transition: 
        -webkit-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    -moz-transition: 
        -moz-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    -o-transition: 
        -o-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    -ms-transition: 
        -ms-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    transition: 
        transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;

    -webkit-transform: translateX(60px) rotate(90deg);
    -moz-transform: translateX(60px) rotate(90deg);
    -o-transform: translateX(60px) rotate(90deg);
    -ms-transform: translateX(60px) rotate(90deg);
    transform: translateX(60px) rotate(90deg);

    -webkit-backface-visibility: hidden;
}

.ch-info p a:hover, ch-info span a:hover {
    background: rgba(255,255,255,0.5);
}

.ch-item:hover .ch-thumb {
    box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2);
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    transform: rotate(-110deg);
}

.ch-item:hover .ch-info p a, .ch-item:hover .ch-info span a{
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
}

footer {
    width:100%;
    height:auto;
    margin:50px 0 0 0;
    overflow:hidden;
    background:transparent;
}

footer a {
    color:#969696;
}

footer a:hover {
    color:#da402e;	
}

.bottomFooter {
    height:30px;
    margin:0 auto;
    text-align:center;
    cursor:pointer;
    overflow: hidden;
}

.footerBottom {
    width:100%;
    background:#222;
    padding-top: 20px;
    padding-bottom: 10px;
}
#footerContatti {
    margin-bottom: 20px;
    font-size: 18px;
}
.logoFooter {
    /*margin:20px 0 0 0;*/
}

.leftFooter {
    /*padding:10px 0 0 0;*/
    text-align:left;
}

.leftFooter p, .rightFooter p, div.leftFooter_p, div.rightFooter_p {
    color:#969696;
    font-size:11px;
    margin:0;
    padding:0;
}

.rightFooter {
    /*padding: 10px 0px 0px;*/
	text-align: right;
	/*float: right;*/
}

.rightFooter img {
    margin:5px 0 0 0;
}

#listStruttura, #listCamere, #listVillaLaura {
    margin:0 0 10px 0;
}

#listStruttura li, #listCamere li, #listVillaLaura li {
    font-size:14px;
}

#mappa {
    width:100%;
    height:800px;
}

#mappa img {
    max-width:none !important;
}

button, input, select, textarea{
    background:#111;
    border:none /*!important;*/;
    color:#686868;
    border-radius:3px;
    margin:0 0 20px 0;
    width:99%;
    padding:10px 0 10px 1%;
}	 

input#privacy {
    height:auto !important;
    float:none !important;
    width:auto !important;
    margin:0 0 5px 0 !important;
}

#contatti p.testoPrivacy, div.p.testoPrivacy {
    font-size:12px !important;
    font-style:italic;
}

input#submitContatto {
    width:auto !important;
    padding:10px !important;
    height:40px !important;
	margin-top:20px !important;
}

input{
    height:20px;
}

textarea {
    height:120px;
}

#form_incompleto {
    border:1px solid #f00;
    padding:10px;
    text-align:center;
}

#form_incompleto h1, #form_incompleto p, div.form_incompleto_h1, div.form_incompleto_p {
    color:#f00 !important;
}

#form_inviato_ok {
    border:1px solid #060;
    padding:10px;
    text-align:center;
}

#form_inviato_ok h1, #form_inviato_ok p, div.form_inviato_ok_h1, div.form_inviato_ok_p {
    color:#060 !important;
}

#contentBooking {
    width:383px;
    position:absolute;
    z-index:998;
    color:#f1f1f1;
    margin:-35px 0 0 -150px;
    left:50%;
    cursor:pointer;
}

.prenota {
    position:absolute;
    width:300px;
    height:93px;
    background:url(/themes/images/booking/bgBooking.png) no-repeat;
}

.prenotaTesto {
    position:relative;
    text-align:center;
}

.prenotaTesto h2, div.prenotaTesto_h2 {
    font-size:16px;
    color:#C55050;
}

div.prenotaTesto_h2 {
	margin-top:15px;
}

.form {
    position:absolute;
    margin:-310px 0 0 50px;
    display:none;	
}

.parte_form, .bookingLink{
    background:#000;
    padding:10px;
    width:200px;
    border-radius:5px;
    font-size:14px;
}

input, textarea {
    background-color: #222;
}
textarea {
    resize: none;
}

.form a {
    color:#fff;
}
.imgEscursioni {
    margin-bottom: 25px;
    border: 2px solid #333;
    padding: 2px;
    width: 100%;
    height: 90px;
}
.paddedLeft {
    padding-left: 20px !important;
}
.listaMobile {
    display: none;
}

/*  GUESTBOOK
-------------------------------------------------- */	
input#pulsante_invia_messaggio {
   	background-color: rgb(34, 34, 34);
   	width: auto !important;
	padding: 10px !important;
	height: 40px !important;
	background-image: linear-gradient(to bottom, rgb(50, 50, 50), rgb(34, 34, 34));
	color: rgb(104, 104, 104);
	text-shadow: none;
	box-shadow:none;
}

#contenitore_messaggio_guestbook{
    padding: 20px 20px 20px 20px;
	border-bottom: 1px solid rgb(104, 104, 104);
	background-color: rgb(34, 34, 34);
	margin: 10px 0px 10px 0px;
   }

#contenitore_messaggio_guestbook p, div.contenitore_messaggio_guestbook_p {
       font-size:12px;
    }
	
#box_ok_guestbook {
	color:rgb(0,153,102);
    font-size:12px;
    }
	
#box_errore_guestbook {
	   color:rgb(204,0,0);
       font-size:12px;
    }

@media (min-width: 320px) and (max-width: 980px) {
    .listaMobile {
        display: block;
    }
    .listaMobile div:hover {
        cursor: pointer;
    }
    .listaDesktop {
        display: none;
    }
}