@charset "utf-8";
/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
.clearfix:before, .clearfix:after {content: ""; display: table; }
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
* {margin:0; padding:0;border:none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clear {clear:both; width:100%;height:0; margin:0;padding:0;border:none;}

/*** Struttura ***/
body {width:100%;height:auto; font-family:Arial, Helvetica, sans-serif; font-size:15px;font-family: 'Open Sans', sans-serif;}
#container {width:100%;max-width:920px; min-width:310px;margin:0 auto;}
#header {height:300px; background:#E6ECEC url(/landing_mus_medicina_italia/img/ragazza-medicina-italia.jpg) left top no-repeat;}
#header h1 {float:right;margin:20px;}
#header h1 span {display:none;}
#content {overflow:hidden;width:100%; padding:30px;}
#main p {padding:0 0 20px 0;}
h2 {font-size:20px; line-height:22px;font-weight:600;color:#2665B0;}
h4 {padding:0 0 20px 0;font-size:16px; line-height:20px;font-weight:600;color:#4E1D3F;}
h4 strong {font-weight:700; text-decoration:underline; cursor:pointer;}
#main ul { float:left; width:50%;margin:3px 0 20px 0; list-style:none;} 
#main ul li {	margin:0 2px 2px 0;	padding:10px;	/*border:#CCC solid 1px;*/	background-color:#F3E0EE;}

/* form */
#cont-form {overflow:hidden;padding:30px 16px 20px 16px;background:#E6ECEC;}
form 						{float:left;width:100%;}
fieldset div 		{float:left;width:49%;margin:0 2px 8px 2px; padding:0 10px; }
fieldset label 	{position:relative;float:left;width:34%;padding:4px 4px;font-size:13px;font-weight:bold;color:#000;}
fieldset input, fieldset select, fieldset textarea {width:66%;padding:4px 4px;font-size:12px;background-color:#FFFFFF; border:#CCC solid 1px;}
fieldset textarea {font-family:Arial, Helvetica, sans-serif;	height:60px;}
input:focus, select:focus, textarea:focus {box-sizing:border-box;background-color:#D1FFCC;}
fieldset #campi-obbligatori {background:none;}
fieldset #campi-obbligatori label { width:100%;font-size:11px;font-weight:normal!important;color:#000;}
fieldset #privacy_box	{clear:both;width:100%;margin:0;padding:0 8px 8px 8px;font-size:11px; line-height:13px;color:#000; background:none;}
fieldset #privacy_box input {width:15px;height:15px;padding:4px 0 0 0;}
fieldset #privacy_box strong {font-size:17px; font-weight:700;}
fieldset #privacy_box span {display:inline-table;}
#invia2 {margin:0;padding:0;border:#FFF solid 1px;}
.item {float:right;width:33%;padding:0 20px 0 0;}
.item .jqconferma {display:block;width:100%;height:40px;margin:0;font-family: 'Open Sans', sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:#FFF;background-color:#2665B0;cursor:pointer;}
.item:hover .jqconferma:hover {background-color:#0E2541;}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error {position:absolute;top:0;left:0;width:100%;margin:0;padding:4px 4px;font-size:12px;font-weight:600;background-color:#C0081F;color:#FFF;}
input.error {width:100%;margin:0;}
/* footer */
#footer p {margin:0 0 20px 0; padding:0 30px; font-size:12px; color:#666; text-align:center;}
/* varie */
.hidden {display:block;}
.hidden-desk {display:none;}
.hidden-tab {display:none;}

@media (max-width: 800px) {
#container {max-width:600px;}
#header {overflow:hidden;height:auto; background:none;}
#header h1 img {width:100%; height:auto;}
#content {padding:30px 80px;}
#main ul { float:left; width:100%;margin:0; list-style:none;} 
/* form */
#cont-form {padding:30px 15px 10px 10px;}
fieldset div 		{width:100%; padding:0;}
.item {float:right;width:66%;padding:0 5px 0 0;}
.hidden-tab {display:block;}
}

@media (max-width: 600px) {
#container {max-width:400px;}
#header h1 {width:100%; height:auto; margin:0;padding:10px;}
#content {padding:15px 30px;}
.hidden {display:none;}
.hidden-desk {display:block;}
}