/* Box-sizing -*/
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

/* Display block per gli elementi HTML5 su IE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}

/* Immagini responsive */
img { 
 border:0; 
	vertical-align:middle; 
	-ms-interpolation-mode:bicubic;
}
 
img.scala { 
 max-width:100%; 
	height:auto; 
}
img.scalapoco { 
 max-width:90%; 
	height:auto; margin-bottom: 10px
}

.bread,.bread a,.bread a:visited,.bread span{color:#b8836e;display:inline;font-size:14px;padding:0;margin:0}
/* Stili di base e tipografia */
html {
  font-size: 100%;
}

body {
 margin: 0;
 padding: 0;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
 font-size: 18px;
 line-height: 28px;
 color:#333; 
 background-color: #A09D9D;
 -webkit-text-size-adjust:100%;
}

.terme2025 {color: cornflowerblue; font-size: 25px; text-align: center}
.termeprezzo {color: cornflowerblue; font-size: 25px;}

.servizi h2{ color: cornflowerblue; font-size: 24px; text-align: center; padding-bottom:0px; margin-bottom: 0px; border: none; }
.servizi h2 span{ color:#333333; font-size: 20px; line-height: 26px;  }
.servizi p{ text-align: center; margin-top: 8px;}

.colonna-servizi{
 width: 32%; padding:0px; border: 1px solid #6db361; margin:5px;min-height: 300px;
}
.colonna-servizidescrizione{
 width: 64%; padding:10px; border: 1px solid #6db361; margin-right:10px; margin-top: 5px; min-height: 300px; 
}
.colonna-servizidescrizione p, .colonna-servizidescrizione h2{
text-align: left
}
.colonna-servizi a{
 text-decoration: underline; color:green;
}
.colonna-1-3 {
 width: 32%; padding:3px; border: 1px dotted #999999; margin: 3px;
}
.colonna-saltafila {
 width: 33%;  border: 5px solid #fff; margin: 0px; background-color: #faf9f7; padding: 10px;
}
.promozioneterme {
margin: 0px 55px; border: 1px solid #e0e0e0; padding: 0px 10px
}

.colonna-product a {
 color: #000;
 text-decoration:underline;
}
a {
 color: cornflowerblue;
 text-decoration: none;
}

a:hover {
 color: darkgreen;
 text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { 
	font-family:"Georgia", "Times New Roman", serif; 
} 

h1 { 
 font-size:18px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; 
 color:#b8836e; font-weight: lighter;  margin-bottom: 1px; line-height:40px; 
}

h2 { 
 font-size:18px; 
	line-height:20px; 
	margin-bottom:12px;
	border-bottom: 3px solid #a57665;
}

h3 { 
 font-size:18px; 
	line-height:25px; 
	margin-bottom:8px; text-align: center
}
h4 { background: #3d8bd0 url(img/h4.jpg) repeat-x; color: #fff;
 font-size:21px; 
	line-height:50px; 
	margin-bottom:8px; text-align: center
}
h5 { 
 font-size:20px; 
	line-height:32px; 
	margin-bottom:12px;
	border-bottom: 3px solid #a57665;
}

.colonna-box{width:50%; background-color: #fff;}
#box2{width: 64%; background-color:#9AECA1; padding: 10px; color: black; text-align: center; display: block; float: left; border: 1px solid #fff; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"}


#pulsante{
    background-color: #3d8bd0; /* Green */
    border: 1px solid #b6e871;
    color: white;
    padding: 8px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 20px;
    cursor: pointer;
	border-radius: 12px;
}

.pulsante{
    background-color:green;
    border: 1px solid #b6e871;
    color: white;
    padding: 8px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 20px;
    cursor: pointer;
	border-radius: 12px;
}
.pulsante a, .pulsante  a:hover{
   color: white;
}

.price, .promo { 
 font-size: 18px; color: #a57665
}
.piccolo { 
 font-size: 14px; color: cornflowerblue;
}

.dettaglio-terme {color: cornflowerblue; font-size: 19px; text-align: center; line-height: 30px}

.titolo img { float: left
}

/* Griglia */

.riga {
 width: 100%; 
 max-width: 1050px; 
 min-width: 720px; 
 margin: 0 auto;
 background: #fff;
}



[class*='colonna-'] {
 float: left; 
 min-height: 1px; 
 padding: 0 15px; 
 position: relative;

}


.colonna-product {
 width: 50%; 
}
.colonna-terme {
 width: 48%; border: 1px solid #666666; padding:10px; margin: 5px;
}
.colonna-hotel {
 width: 48%; padding:10px; margin: 5px;
}
.colonna-hotelofferte {
 width: 48%; padding:10px; margin-top: 20px;
}
.colonna-patologia {
 width: 98%; padding:20px; margin-top: 0px; color:#999999; font-size: 16px ; line-height: 26px
}
.colonna-patologia img { float: left;
}
.colonna-terme div { float: right
}

.colonna-product h3 {
background: url(img/promozione-famiglia.jpg) top center no-repeat; padding: 15px; color: #fff; text-transform: uppercase; margin-bottom: 0px; 
}

.titolo {
padding: 0px 10px
}

.prezzo, #euro {
color:cornflowerblue; font-size: 18px
}
#prezzo, #euro {
color:cornflowerblue; font-size: 18px
}
.prezzopiccolo {
color:cornflowerblue; font-size: 15px
}
#prezzopiccolo{
color:green; font-size: 15px
}
#sconto {
color:#000; text-decoration: line-through
}

#telefono { float: left}
.colonna-1 img { float: left; margin-right: 8px}

.colonna-informazioni{background:url(img/bg-casa.jpg) no-repeat;margin-top:10px;width:96%}
.colonna-informazioni p{margin-top:60px;margin-left:30px}





.menunav ul, .colonna-top ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.colonna-top ul li{
position: relative;
display: inline;
float: left;
background-color: #fff;
FONT-SIZE: 10px;
	border: 1px solid black;
font-family: Verdana, "Times New Roman", Times, serif;
text-align:left; min-width: 85px;
	padding: 5px;
	text-transform: uppercase;
}
.menunav ul li{
position: relative;
display: inline;
float: left;
background-color: #fff;
FONT-SIZE: 10px;
	border: 1px solid green;
font-family: Verdana, "Times New Roman", Times, serif;
text-align:left; min-width: 85px;
	padding: 3px;
}

.menunav ul li a,.colonna-top ul li a{
display: block;
padding: 1px 3px;

text-decoration: none;
color: #000;
	
}
	
.menunav ul li a:hover, .colonna-top ul li a:hover {
background-color: #000;
color: white;
}


ol li {
    list-style-image: url('/img/li.jpg'); padding-bottom: 8px;
}

.colonna-top {
 width: 100%; background: url('/img/bg.jpg'); min-height: 130px
}
.colonna-top div { margin-left:  395px; padding-top: 10px
}
.colonna-top img {float: left
}

.colonna-top p {padding: 0px; margin: 0px; font-size: 18px; color: #999999
}


.colonna-1 {
 width: 100%;
}
.colonna-2 {
 width: 50%;
}
[class*="colonna-"] + [class*="colonna-"]:last-child {float: right;}

/* Micro-clearfix */
.contenitore:before,
.contenitore:after,
.riga:before,
.riga:after {
 content: " "; 
 display: table;
}

.contenitore:after,
.riga:after {
 clear: both;
}

.contenitore, 
.riga {
 *zoom: 1;
}

/* Stili  per le varie sezioni */
header {
 height: 70px;
 border-bottom: 1px solid #333;
 position: relative;
}

header #logo {
 float: left;
}

#logo a {display: block;}

.colonna-footer { width: 100%;
border-bottom: 1px solid #333; background:#111111; color: #fff; border-top: 20px solid #fff;}


@media only screen and (max-width:600px) {
	.video { width: 300px; height: 260px}
	
.riga { 
 width: auto; 
 min-width: 0; 
 margin-left: 0; 
 margin-right: 0;
}


	.colonna-top ul li{
position: relative;
display: inline;
float: left;
background-color: #fff;
FONT-SIZE: 9px;
	border: 1px solid black;
font-family: Verdana, "Times New Roman", Times, serif;
text-align:left; min-width: 85px;
	padding: 2px;
	text-transform: uppercase;
}
	

	#no { visibility: hidden; height: 0px
}
	
	#hotel {
font-size: 14px; color: #000;}
#convenzione {
font-size: 14px; color: #3d8bd0;}
	
	
	.colonna-top {
 width: 100%; background:none; min-height: 10px
}
		.colonna-top  div{
margin-left: 0px; padding-top: 0px; margin-top: 0px;
}

	


	ol li {
    list-style-image: url('/img/li.jpg'); padding-bottom: 8px; line-height: 25px;
}

	
	

	
	

 
[class*="colonna-"] { 
 width: auto !important; 
 float: none;  
}
	


[class*="colonna"] + [class*="colonna"]:last-child { float: none; }
 
[class*="colonna-"]:before, [class*="colonna-"]:after { 
 content:""; 
 display:table; 
}

[class*="colonna-"]:after {clear: both;}
	
	h1 { 
 font-size:22px; padding: 10px !important; margin: 0px !important; line-height: 15px; background:#64add5; color: #fff;}
	
		h2 { 
 font-size:14px !important;   padding-bottom: 0px; margin: 0px;
}
	h3 { 
 font-size: 15px; 
}
	p {
    line-height: 26px;
}
	.servizi h2{ font-size: 25px !important ; text-align: center; margin-top: 10px; padding-bottom:0px; margin-bottom: 0px; border: none; line-height: 25px }

	

}
	
	.colonna-top p {padding: 0px !important; margin: 0px !important; font-size: 12px; color: #999999
}
		.colonna-top h1 {padding: 0px; margin: 0px;
}
	
	.colonna-product h3 {
margin: 0px;
}
	.colonna-promozione {
; margin: 28px; 
}
	.promozioneterme {
margin: 0px 8px; border: 1px solid #e0e0e0; padding: 10px
}