@charset "utf-8";
/* CSS Document 
   Andrea Lavorato studio web - info@medaweb.it */   
   
/* GENEERALE #############################################*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
BODY {
background:#FFF; margin:0; padding:0px;font-family:font-family: 'Open Sans', sans-serif;
font-size:100%;text-align:center; color:#333333;
/*background:url('../img/bg.jpg') center top no-repeat fixed;*/
background-color: #b7b7b7;

}


#social {float:right; margin:6px 6px 0 0; }


#logo{margin-left:20px;margin-top:30px;}
			 
H1{letter-spacing:0.4px;  font-size:160%; margin-top:15px; margin-bottom:0px;font-family: 'Open Sans', sans-serif; color:#000;}
H2{letter-spacing:0.4px;  font-size:120%; margin-top:0px;font-family: 'Open Sans', sans-serif; color:#555;}
H3{letter-spacing:0.4px;  font-size:120%; margin:0px 0px 5px 0px;font-family: 'Open Sans', sans-serif; color:#426496;}
ASIDE {text-align:left;font-size:80%;}
ARTICLE{text-align:left;font-size:100%;}
A { color:#333333; text-decoration:none; font-weight:bold}
A IMG{ border:none}
.underlined{text-decoration:underline;}


/* Layout INDEX ############################################*/

#container {width:960px; margin:auto; background-color:#FFF;font-family: 'Open Sans', sans-serif;
-moz-box-shadow: 5px 0px 5px #000;
-webkit-box-shadow: 5px 0px 5px #000;
box-shadow: 3px 0px 5px #000;}

HEADER {height:99px; text-align:left; border-bottom:1px solid #d5d5d5; clear:both; border-top:6px solid #426496;}
#menu { height:30px; text-align:left; float:left; padding:12px 0 2px 0; font-family: 'Open Sans', sans-serif; letter-spacing:1px;font-size:11px;text-transform:uppercase;}
#menu A { margin-left:30px; font-size:100%; color:#333333;}

#main {width:95%; margin:auto; margin-bottom:20px;  text-align:left}
#photos{overflow:hidden;}
#slide{ margin-bottom:20px; position:relative;
padding:0px;
-moz-box-shadow: 0px 3px 5px #333;
-webkit-box-shadow: 0px 3px 5px #333;
box-shadow: 0px 3px 5px #333;
}
.riquadrato{border-left:8px solid #426496;padding:10px;background-color:#f1f1f1;font-size:14px; width: 540px; float:left; min-height:80px;}
.definizione{
	background-color:#f1f1f1;font-size:14px; width: 310px; padding:10px; float:right; min-height:80px;
}
.testocolonne
{ 
	font-size:15px;
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;

-moz-column-gap:20px; /* Firefox */
-webkit-column-gap:20px; /* Safari and Chrome */
column-gap:20px;

-moz-column-rule:1px solid #ccc; /* Firefox */
-webkit-column-rule:1px solid #ccc; /* Safari and Chrome */
column-rule:1px solid #ccc;
}
.testocolonna
{ 
	font-size:15px;
-moz-column-count:1; /* Firefox */
-webkit-column-count:1; /* Safari and Chrome */
column-count:1;

-moz-column-gap:20px; /* Firefox */
-webkit-column-gap:20px; /* Safari and Chrome */
column-gap:20px;

-moz-column-rule:1px solid #ccc; /* Firefox */
-webkit-column-rule:1px solid #ccc; /* Safari and Chrome */
column-rule:1px solid #ccc;
}
#headersx {width:300px; text-align:left; float:left}
#headerdx {width:600px; text-align:right; float:right; padding:0px 30px 0px 0px; }

.colonnasx {width:45%; text-align:left; float:left}
.colonnadx {width:45%; text-align:right; float:right;}

.colonna70 {width:75%; text-align:left; float:left; }
.colonna30 {width:25%; text-align:left; float:right; }

.entra { 
background-color: rgba(255, 255, 255, 0.6); padding:15px 15px 10px 15px; color:#FFF; position:absolute; right:50px; top:70px;
width:250px;
font-size:150%;
border-top-left-radius:0em;
border-top-right-radius:1em;
border-bottom-right-radius:0em;
border-bottom-left-radius:1em;
box-shadow: 2px 2px 10px #fff
}

#footer { height:50px; background-color:#333; color:#CCC; font-size:80%; padding:20px 10px 0px 10px;clear:both; display:block}
#footer A{ color:#CFCFCF}


FIELDSET { margin:0px; padding:20px; border:1px #999 dotted; width:80%}
FIELDSET LEGEND{ font-weight:bold; padding:0px 8px}
FORM.base { margin:20px 0px 0px 10px; font-size:90%}
FORM.base LABEL{ display:block; font-weight:bold; font-size:80%;margin-top:13px; margin-bottom:2px }
FORM.base INPUT{ display:block}
FORM.base INPUT.linea{ display:inline}
FORM.base INPUT.bottone{ margin-top:10px}

.titolo-verde{
	color: #426496;
	font-size:18px;
}
.error{/* supply height to ensure consistent positioning for every browser */
height:15px;background-color:red;border:1px solid #fff;color:#fff;;padding:3px 10px;margin-left:-20px;margin-top:-10px;/* CSS3 spicing for mozilla and webkit */
-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-box-shadow:0 0 6px #ddd;-webkit-box-shadow:0 0 6px #ddd;}
.error p{font-weight:bold;font-family:Arial;font-size:12px!important;margin:0px;}
.error em{border:10px solid;border-color:red transparent transparent;bottom:-17px;display:block;height:0;left:2px;position:absolute;width:0;}

@media screen and (min-width: 200px) and (max-width:  1023px) {
	
	#container{width:100%;}
	#headerdx{
		float:left;
		width:100%;
		padding:0px;
	}
	#headersx{width:100%;}
	#logo{width:80%; margin-bottom:10px;max-width:330px;}
	h1{margin:0px; font-size:20px; width:95%; text-align:left; margin-left:10px; float:none;}
	h2{margin:0px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #555; font-size:18px; width:95%; text-align:left; padding-left:10px; float:none;}
	#photos{
		width:100%;
		
	}
	.definizione, .riquadrato {
		width:90%;
		border-left: 8px solid #F1F1F1;
		float:left;
	}
	.testocolonne
	{ 
		font-size:15px;
	-moz-column-count:1; /* Firefox */
	-webkit-column-count:1; /* Safari and Chrome */
	column-count:1;
	
	}
	HEADER {border:0px;}
	#slide{
	width:100%;
	overflow:hidden;
	}
	.colonnasx {
		width:100%;
	}
	.colonna70{
	width:100%;
	float:none;
	}
	.colonna30{
	width:100%;
	float:none;
	}
	textarea, legend{width:100%;}
	.acc-privacy{display:none;}

}