ul{list-style:none;}
input[type="text"], 
input[type="password"], 
input[type="url"], 
input[type="email"], 
input[type="submit"], 
input.text, 
input.title, 
textarea, 
select {
    //padding: 0.3em;
    margin: 0px 0.25em 0.5em;
    font-size: 1em;
    font-family: Arial;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    //box-shadow: 0px 0px 3px 0px #D3D3D3;
}

input[type="text"], 
input[type="password"], 
input[type="url"], 
input[type="email"], 
input.text, 
input.title, 
textarea, 
select {
	color:#666;
}
.grandi{
    //height: 50px !important;
    //padding: 6px 12px !important;
    //font-size:20px !important;

}

/* nascondi */
.vedi-su-mobile {display: none;} 
.vedi-su-tablet {display: none;}
#mainmenu{display:none;}

.scala {max-width:100%; height:auto;}
.dates {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-weight: normal !important;
    font-size: 13px;
    background: #0896ff;
    padding: 6px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 5px;
    margin-top: 10px;
}
.dates a{color: #fff }
.dates:hover {opacity: 0.8;filter: alpha(opacity=80);}
.dates:last-child {clear:both;} 
.esteso{width:100%}

.colore_ordina{background: #006CB7;}
.colore_ordina{color: #fff !important;}
.colore_ordina:hover {background-color:#006CB7;}

.colore_coste{color:#006CB7}
.colore_verde{color:#fff; background:#5C9900;}
.colore_arancio{color:#fff; background:#FFC349;}

.bordo_bottom{border-bottom:1px solid #ccc}

.loadingDiv { 
		z-index: 2000; 
		padding:6px; 
       	padding-left:40px; 
       	background:#F4FBFF url("/images/ajax-loader.gif") no-repeat center; 
       	width:200px; 
       	height:80px; 
       	-webkit-border-radius: 10px; 
       	-moz-border-radius: 10px; 
       	border:4px solid #296FB5; 
       	font-weight:bold; 
       	display:none;
 }

.titolo_tabelle {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 19px;
    font-family: Arial;
    color: #4F4F4F;
    margin: 0px;
    padding: 0px;
}

.error{color:red;margin-left:5px;padding-top:5px;font-size:12px;} 
.imgHover {
    position: absolute;
    right:45%;
    top:35%;
    z-index: 20;
}

h3 a{color: #006CB7;} 

h1.titolo {
    color: #006CB7;
}

.giustificato {text-align: justify;}
.txtdestra{text-align: right;}
.txtsinistra{text-align: left;}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}

div.navigatore {
	line-height:15px;
}

.img-recensione a{color: #006CB7; text-decoration: none;font-size:16px}
.perinfobox{border:1px solid #d4d4d4;
	padding-top:4px;
	padding-bottom:0px;
	padding-right:8px;
	padding-left:1px;
	margin-top:0px;
	margin-left:0px;
	background:#FFC349;
} 
.infobox select { width: 100%;height: 40px; padding: 5px;!important; margin-bottom:6px;}
.invia{
	height:40px;
	border-style:solid; 
	border-width:0px; 
	box-sizing: border-box; 
	outline: 0px; height: 35; 
	font-size: 15px; 
	font-family: arial; 
	font-weight: 600;
	width: 100%; 
	text-align: center; 
	border-radius: 0px; 
	color: #FFFFFF; 
	cursor: pointer; 
	background: #006CB7;
	-webkit-appearance: none;  
}

.primotesto {
    text-shadow: 1px 1px 1px #000;
    color: #FFF;
    padding: 5px;
    font-size: 22px;
}

.leggitutto{color:red;font-weight:bold;cursor:pointer;}

.righettalinea {
    margin: 5px 10px 10px 0px;
    color: #4A4A4A;
    padding: 0px;
    font-size: 16pt;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 30px;
    font-family: Arial;
    border-bottom: 2px solid #CCC;
}

.righetta14 {
    margin: 5px 0px 0px;
    padding: 0px;
    border: 0px none;
    vertical-align: baseline;
    color: #006CB7;
    font-family: Lato,"Myriad Pro",Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 22px;
    orphans: 2;
    text-align: start;
    text-indent: 0px;
    text-transform: none;
    white-space: normal;
    widows: 2;
    word-spacing: 0px;
    background-color: #FFF;
}

.txt14 {
    margin: 3px 0px 0px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.txt11 {
    margin: 3px 0px 0px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.t12 { 
	text-decoration: none;
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.t13 { 
	text-decoration: none;
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}
.t14 { 
	text-decoration: none;
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.bordo{border:1px solid #d4d4d4;padding:3px; }

.TastoPrenota {
    padding: 2px 0px 0px;
    font: 20px arial;
    height: 31px;
    width: 145px;
    color: #FFF;
    text-align: center;
    background-color: #5C9900;
    cursor: pointer;
    border: 1px solid #FFF;
    box-shadow: 0px 0px 0px 0px #888;
 //   border-top-left-radius: 5px;
 //   border-top-right-radius: 5px;
}
.TastoInfo {
    padding: 2px 0px 0px;
    font: 20px arial;
    height: 31px;
    width: 145px;
    color: #FFF;
    text-align: center;
    background-color: #006CB7;
    cursor: pointer;
    border: 1px solid #FFF;
    box-shadow: 0px 0px 0px 0px #888;
  //  border-top-left-radius: 5px;
  //  border-top-right-radius: 5px;
}

[class*='bottone-']{
    margin-bottom: 5px;
    display: inline-block;
    min-height:40px;
    padding: 0.3em;
    //padding: 4px 16px;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #D3D3D3;
    border-radius: 2px;
    transition: color 0.1s ease 0s, background-color 0.1s ease 0s;
}

[class*="blocco_"] {
    border: 1px solid #D3D3D3;
    padding: 15px;
    margin: 0 0 20px 0;
}
[class*="xocco_"] {
    border: 1px solid #D3D3D3;
    padding: 2px;
    margin: 0 0 2px 0;
}
.linkbianco a 		{color: #fff; display: block;font: 14px;font-family: arial;}
.linkbianco a:hover {color: #ccc;}
.strike { text-decoration: line-through; color:#006CB7;}

.bottone-blu{ color: #FFF; background-color: #006CB7;}
.bottone-verde{ color: #FFF; background-color: #5C9900;}
.bottone-orange{ color: #FFF; background-color: #EE8E15}
.bottone-grigio{ color: #666; background-color: #ddd;}

.piccolaimage{
	margin: 5px; 
	padding: 0px; 
	border: medium none; 
	outline: 0px; 
	vertical-align: baseline; 
	border-radius: 3px; 
}

#map_scheda{width:100%;height:400px}

.colonnabot{
  display: inline-block;
  width: 184px;
  vertical-align: top
}
 

/******************************
per stato affitti
*******************************/
 
table.affitti{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #C0C0C0;
}
table.affitti tr{
	font-family:verdana; 
	font-size:x-small;
	color: inherit;
}
table.affitti td.testa{
	text-align:center;
	background:#F4FBFF;
	color:#0066CC;
 
}
table.affitti td{
	padding:2px; 
	border:1px solid #C0C0C0; 
	vertical-align:top;
}

/******************************
per image polaroid 
*******************************/
.boxwrap {width:100%}
.ximage{margin: 0 auto; overflow:hidden; height:230px; }
.ximage img{
	height: 230px;
	min-width: 100%;
  	left: 50%;
	position: relative;
	transform: translateX(-50%);
}
 
.imagebox{ width: 32%; float:left; margin:2px 13px 2px 2px;padding:0px; box-sizing:border-box;border:solid 1px #fff;}
.imagebox h2,h3,h4,h5 {padding:3px 3px 3px 3px;}
.imagebox{ height:380px;}
.imagebox.ridotto{ height:320px;}

@media (min-width: 768px) and (max-width: 980px) {
.ximage{max-height:350px; }
.imagebox{ width: 30%; margin:0px;}

}
@media (max-width: 767px) {
.imagebox h2,h3 {font-size:15px;}
.ximage img{
	height: auto;
	min-width: 100%;
	left:0;
	transform: translateX(-0%);
}

.imagebox{
		height:auto;
		min-width: 100%;
		float: none;
		margin-bottom:3px;
	}
}
/************************************
per bottone sfondo
*************************************/

.sfondo{
	background:#E6EDF6;
	width:100%;
    text-align:center;
}

.sfondo .left {
    float:left;
    width:10%px;
    height: 20px;
}

.sfondo .center {
    display: inline-block;
    margin:0 auto;
    width:10%;
    height: 20px;
}

.sfondo .right {
    float:right;
    width:10%;
    height: 20px;
}
/************************************
per testo centrato su foto 
*************************************/

.hovertesto {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  cursor: default;
}

.hovertesto .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
 
}

.hovertesto h2{
  //text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size:18px;
  padding: 10px;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ombra {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}


.text_over_image {
    text-align:center;
  	//text-transform: uppercase;
    position: absolute;
	margin: auto;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
   	height:50px;
  	font-size: 1.2em;
  	padding: 10px;
}


/************************************
per mod-home-filtro
*************************************/
.base{}
	/*
	.sx{width:25%; float:left;}
	.dx{width:74%; float:right;
		background:url(http://www.costedelsud.it/images/Foto-Home-Grande-Costedelsud-2.jpg); 
   	 	background-size:   cover;                       
    	background-repeat: no-repeat;
   		background-position: center center; 	
		overflow:hidden;
	 }
 	min-height:275px;
	.dx img{width:100%} 	
*/
@media (max-width: 767px) {
	.sx{width:100%;float:none; }
	.dx{width:100%;float:none; }
	.infobox select {}
	
}
/************************************
per simple
*************************************/

.grid >[class*='colonna-']{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img.scala { height:auto; width: 100%;}

[class*='colonna-'] {
	float: left;
	padding-right: 10px;
}

.grid {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	}
 

.colonna-1-1 { width: 100%;}
.colonna-2-3, .colonna-8-12 {width: 66.66%;}
.colonna-1-2, .colonna-6-12, .colonna-2-4 {width: 50%;}
.colonna-1-3, .colonna-4-12 {width: 33.33%;}
.colonna-1-4, .colonna-3-12 {width: 25%;}
.colonna-3-4,.colonna-9-12 { width: 75%;}
.colonna-1-5 {width: 20%;}
.colonna-2-5 {width: 40%;}
.colonna-3-5 {width: 60%;}
.colonna-4-5 {width: 80%;}
.colonna-1-6, .colonna-2-12 {width: 16.667%;}
.colonna-1-7 {width: 14.28%;}
.colonna-1-8 {width: 12.5%;}
.colonna-1-9 {width: 11.1%;}
.colonna-1-10 {width: 10%;}
.colonna-1-11 {width: 9.09%;}
.colonna-1-12 {width: 8.33%}
.colonna-11-12 {width: 91.66%}
.colonna-10-12 {width: 83.333%;}
.colonna-5-12 {width: 41.66%;}
.colonna-7-12 {width: 58.33%}
.colonna-asx{width: 74%}
.colonna-adx{width: 26%}

/* Pushing blocks */
.push-2-3, .push-8-12 { margin-left: 66.66%;}
.push-1-2, .push-6-12 {	margin-left: 50%; }
.push-1-3, .push-4-12 {	margin-left: 33.33%; }
.push-1-4, .push-3-12 {	margin-left: 25%; }
.push-1-5 {	margin-left: 20%;}
.push-1-6, .push-2-12 {	margin-left: 16.667%;}
.push-1-7 {	margin-left: 14.28%;}
.push-1-8 {	margin-left: 12.5%; }
.push-1-9 {	margin-left: 11.1%;}
.push-1-10 { margin-left: 10%;}
.push-1-11 { margin-left: 9.09%;}
.push-1-12 { margin-left: 8.33%; }

@media handheld, only screen and (max-width: 767px) {
 
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	[class*='colonna-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 1px;
		margin-bottom: 1px;
		//padding-left: 3px;
		//padding-right: 3px;
	}

	.video {width: 100% !important; height: auto !important;}
}


/************************************
per flat-butt
*************************************/
.flat-butt {
  display: inline-block;
  margin: 0 5px;
  border-radius: 6px;
  font-family: "Lato", sans-serif;
  font-size: 16.5px;
  padding: 6px 12px;
  border: 0;
  background: #006CB7;
  color: #FFF;
  cursor: pointer;
  outline: 0;
  margin-bottom:5px;
}
.flat-butt a { color: #fff;}
.flat-butt:hover {background: #005580;}
  
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	button.new {width: 100%;}
	.flat-butt{padding: 12px 20px;}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	button.new { width: 100%; }
	.flat-butt{padding: 12px 20px;}
}

/************************************
per image-sfondo
*************************************/

.image_sfondo{
	width:100%;
	min-height:450px;
	margin-top:5px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	
}

@media handheld, only screen and (max-width: 767px) {
.image_sfondo{
	width:100%;
	min-height:0px
}
}
.image_sfondo .flex-caption		{position: absolute;  text-shadow:  0px 0px 10px #000;left:0;text-align: center;width:100%;color:#fff;}
.image_sfondo .flex-caption h1	{font-size: 65px;margin:0 0 0px 0;font-weight:200;font-family: Arial;}
.image_sfondo .flex-caption p		{font-size: 20px;margin:0;font-weight:200;font-family: Arial;letter-spacing: 5px}

@media (max-width: 767px) {
select { -webkit-text-size-adjust: 120%;  }
.grandi{
    height: 50px !important;
    padding: 6px 12px !important;
    font-size:20px !important;
}
.medio{
    height: 20px !important;
    padding: 6px 12px !important;
    font-size:15px !important;
}

.xxtesto{font-size:15px}
.xxxtesto{font-size:25px}

select option {
    font-size: 15px;
    padding: 5px;
    //background: #5c5c5c;
   -webkit-text-size-adjust: 120%;
}
 

}