@import url('extras.css');
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700';
 

/*---------------------------------------------*\
                   
\*---------------------------------------------*/

* { margin:0; padding:0; font:15px/1.25 'Roboto Condensed', sans-serif; font-weight:400; color:#444; z-index:1; -webkit-text-size-adjust: none; }

*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box;  }

html, body { min-height:100%; height:100%; width:auto; }
html > body  {min-height:100%; height:100%; width:auto; }
html { }
body {background:#f2f2f2; }

h1,h2,h3,h4,h5,h6 {line-height:1em; color:#444; padding:0;  margin-bottom:10px; text-align:left; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {line-height:1em; font-size:inherit; color:inherit; font-family:inherit; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {line-height:1em; background:none }

h1 {font-size:34px; }
h2 {font-size:30px; }
h3 {font-size:26px; }
h4 {font-size:22px; }
h5 {font-size:16px; }
h6 {font-size:14px; }

p {margin-bottom:15px;}
a, a * {text-decoration:none; color:#083E96;}
a:hover, a:hover * {color:#BC102C;}
hr {height:1px; border:0; border-bottom:1px dotted #ccc; margin:10px 0;}
a:visited, a:link {outline:none;}
a img {border:0;}
p.err {color:red; margin-bottom:10px}

em {font-style:italic}

strong, strong *, * strong {font-weight:700 !important; }
input {margin:0; padding:0;}
form p { margin:0; padding:0;}

ul { list-style-position:inside; margin:0; padding:0; }
ol li { list-style-type: decimal; list-style-position: outside; margin-left:15px }

label {color:#fff;}
select {-webkit-appearance:none; }

.hide {display:none}
.err {color:#f12 !important; }
strong.err {font-size:inherit; padding:0;}
h3.err {font-size:30px; padding:0;}

table {border-collapse:collapse}
table tr td {padding:5px; border:1px solid #ddd}

input:focus, select:focus {color:#444; outline:none; }
select:-moz-focusring { color: transparent;   text-shadow: 0 0 0 #000; }

/*---------------------------------------------*\
                   generale 
\*---------------------------------------------*/
.section {width:100%; max-width:1200px; margin:0px auto; padding:20px}
.section .half {width:47%; display:inline-block; vertical-align:top}
.section .half + .half {margin-left:5%}

.button {padding:5px 15px}
.anchor {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2}

.image-upload {display:inline-block; width:30%; margin-bottom:30px; vertical-align:top}
.image-upload:nth-child(3n + n) {margin: 30px 5%}

.mobile {display:none}

table tr:first-child td * {color:#083E96}

/*---------------------------------------------*\
                   layout 
\*---------------------------------------------*/
#wrapper { width:100%; position: relative }

/*---------------------------------------------*\
                   header 
\*---------------------------------------------*/
#menu {padding:15px; position:relative}
#menu .logo {width:170px; margin:0px auto; display:block}
#menu .logo img {width:auto; height:150px; margin:0px auto 20px auto}
#menu h1 {text-indent: -9999px; display:none}

#menu #menu-content {display:block; text-align:center}
#menu #menu-content ul li {display:inline-block; margin:0 15px;}
#menu #menu-content ul li a {letter-spacing:1px; font-weight:700; text-transform:uppercase}

/*---------------------------------------------*\
                   footer 
\*---------------------------------------------*/
#footer {background:#083E96}
#footer .section {padding:10px 20px; text-align:center}
#footer * {color:#fff; text-transform:uppercase; font-size:12px}

#footer .social a {margin:0 15px}
#footer .social img {width:110px; border:3px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/*---------------------------------------------*\
                   header-page
\*---------------------------------------------*/
.header-page {position:relative; background-size:cover !important; background-attachment:fixed !important}
.header-page div {background:rgba(255, 255, 255, .4)}
.header-page img {display:none}
.header-page h2 {position:absolute; color:#083E96; text-shadow: 0px 0px 20px rgba(255, 255, 255, 1); font-family: 'Lobster', cursive; font-size:80px; left:45%; top:45%; z-index:3}

/*---------------------------------------------*\
                   gallery
\*---------------------------------------------*/
#gallery {position:relative;overflow:hidden}
#gallery .item {float: left; cursor: default; overflow: hidden;}
#gallery .item img {width:100%}


/*---------------------------------------------*\
                   news
\*---------------------------------------------*/
.news {display:inline-block; width:30%; margin-bottom:30px; vertical-align:top}
.news:nth-child(3n + 2) {margin:0 5% 30px 5%}
.news img {width:100%}
.news h2 {font-weight:700; margin-bottom:15px}

/*---------------------------------------------*\
                   pratiche
\*---------------------------------------------*/
.pratica {width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #083E96}
.pratica img {width:40%; max-width:400px}
.pratica .info {display:inline-block; width:54%; margin-left:5%; vertical-align:top}


/*---------------------------------------------*\
                   rinnovo-patenti
\*---------------------------------------------*/
.form-rinnovo {max-width:800px; margin:0px auto; display:block}

/*---------------------------------------------*\
                   home
\*---------------------------------------------*/
.cartello {margin:50px auto; display:inline-block; width:100%; text-align:center;}
.cartello p {font-size:20px; margin:0}
.cartello a {display:inline-block; margin:15px 15px 0px 15px; background:#083E96; color:#fff; padding:15px 30px; text-transform:uppercase}

.patentati {text-align:center; padding:20px 50px}
.patentati h3 {text-transform:uppercase; text-align:center; border-bottom: 1px solid #444; margin-bottom:30px; display:inline-block; padding:0 10px 5px 10px}

.whatsapp {position:absolute; top: 10px; left:10px}
.whatsapp img {width: 50px;}

/*---------------------------------------------*\
                   patenti
\*---------------------------------------------*/
.patente {width:100%; margin-bottom:30px; overflow:hidden}
.patente img {width:30%; margin-right:5%; float:left}
.patente div {width:65%; float:left}
.patente div h2 {font-weight:700; margin-bottom:15px}

/*---------------------------------------------*\
                   sida quiz
\*---------------------------------------------*/
.sida-quiz {text-align:center}
.sida-quiz img {width:40%; display:inline-block; max-width:300px; border:5px solid #ccc; margin:0 5px; border-radius:5px }

/*---------------------------------------------*\
                   prenotazione teoria
\*---------------------------------------------*/
.container-lezioni {margin: 0 0 20px 0}
.select-lezione {padding: 5px 10px}
.container-info-lezione {margin:30px 0; overflow:hidden; text-align:center}
.lezione {width: 200px; display:inline-block; margin-bottom: 20px; margin-right: 20px; border: 1px solid #083E96; border-radius: 15px; padding: 15px}
.lezione.active {background:#083E96}
.lezione.active * {color: #fff}
.id-lezione {display:none}
.info {margin-bottom:5px}
.info * {font-size: 16px}
.date {display:none}
.counter {font-weight:bold; margin-bottom:0}

.j-poster-meta {display: none !important}