/* reset.css */
html {margin:0;padding:0;border:0; font-size:100.01%; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

body {font-size: 80%; -webkit-text-size-adjust: 100%; color: #777777; font-family: "Roboto", Arial, Helvetica, sans-serif; background: #EEEEEE; font-weight:300;}
a { text-decoration: none; color: #777777; }
a:focus, a:hover { color: #00216A; }
.template-interno a { color: #00216A; }
.template-interno a:focus, .template-interno a:hover { color: #B30036; }
.underline, a.underline, .underline a { text-decoration: underline; }
a img { border: none; }
p { margin: 0; padding: 0; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 400;}
h1 {color:#00216A;}

/* TYPOGRAPHY */
.font-variant { font-family: "Georgia", serif; }
.weight-light { font-weight: 300; }
.weight-normal { font-weight: 400; }
.weight-medium, .bold, strong, .strong { font-weight: 500; }
.weight-strong { font-weight: 700; }
.em, em { font-style: italic; }
.no-strong { font-weight: normal; }
.uppercase { text-transform: uppercase; }

/* TYPOGRAPHY - FONT-SIZE */
.extrasmall { font-size: 12px; }
.small { font-size: 13px; }
.normal { font-size: 14px; }
.medium { font-size: 16px; }
.large { font-size: 18px; }
.extralarge { font-size: 24px; }

/* TYPOGRAPHY - COLOR */
.light-grey, .light-grey a, a.light-grey {color: #999;}
.grey, .grey a, a.grey {color: #777;}
.dark-grey, .dark-grey a, a.dark-grey {color: #333;}
.white, .white a, a.white {color: #FFF;}
.black, .black a, a.black {color: #000;}

.loud, .loud a, a.loud, .red, .red a, a.red {color:#B20035;}
.quiet, .quiet a, a.quiet, .blue, .blue a, a.blue  {color:#00226A;}
.green, .green a, a.green {color:#359448;}

/* BACKGROUND */
.bk-white {background:#fff;}
.bk-loud, .bk-red {background:#B20035;}
.bk-black {background:#000;}
.bk-quiet {background:#00226A;}
.bk-green {background:#359448;}
.bk-light-grey {background:#E5E5E5;}

/* POSITION *//* DISPLAY */
.left{float:left !important;}
.right{float:right !important;}
.clear {clear:both;}
.center {text-align: center;}
.block {display:block;}
.hide {display:none;}
.relative {position:relative;}
.absolute {position:absolute;}
.clearfix, .container, .template {display:block;}
.clearfix:after, .container:after, .template:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.full {width: 100%; clear: both; display: block;}
.auto {width: auto; clear: both; display: block;}

span.textarea, span.title, span.img, span.txt, span.link {display:block;}

/* NAVIGATION */ /* LIST */
ul {border: none;margin:0px; padding:0px; list-style: disc inside none;}
ul li {list-style-type:disc;}
ul li a {cursor: pointer; display:block;} 

ul.menu, ul.list, ul.list-float, ul.navigation, ul.breadcrumb {list-style: none none none;}
ul.menu li, ul.list li, ul.list-float li, ul.navigation li, ul.breadcrumb li {float: left; display: block;}

/* Menu*/
ul#menu-first {width: auto; margin:0 auto; overflow: hidden; *zoom: 1;}
ul#menu-first li a {display: inline-block; }
ul#menu-first  {width: 100%;}

ul.menu.first {padding:5px 0 0 5px; float:right; background:#01236A; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; width:100%;  text-transform:uppercase;}
ul.menu.first li {-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
ul.menu.first li a {padding:10px 8px; font-size:13px; color:#fff; font-weight:700; display:block; }

ul.menu.second li {padding-right: 5px; margin-right: 5px;}
ul.menu.first li.select {background:#b20035;}

/* Navigazioni*/
ul.navigation li {border-bottom: 1px solid #DDD; padding-bottom: 5px; margin-bottom: 5px;}
ul.navigation li a, ul.navigation li.select ol li a {color: #666;}
ul.navigation li.select a, ul.navigation li.select ol li.select a {color: #CC0000;}
ul.navigation li.select ol {margin: 10px 0 0 20px;}

ul.navigation-footer li { border-bottom:0; margin-right:10px; }
ul.navigation-footer li:last-child { margin-right:0; }

/* Lista*/
ul.list li {border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 10px;}
ul.list li:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
ul.list li a {color: #b30036; }
ul.list li img {float: left; width: auto; margin-right: 10px;}

ul.list-float li  {width:48%;}
ul.list-float li:last-child  {margin-right: 0;}

/* breadcrumb*/
ul.breadcrumb li {margin-right: 5px;}

/* LAST */
ul.menu li.last, ul.navigation li.last, ul.list li.last, ul.list-float li.last, ul.breadcrumb li.last {border-right: none; border-bottom: none; padding-right: 0; margin-right: 0;}

/* TABLE */
table tr td, table tr th  {padding:3px 0;}
table tr:first-child th, table tr:first-child  {background:#fff;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#fff;}

/* margin *//* padding *//* BORDER */
.padding-10 {padding:10px;}
.padding-lateral-10{padding-left:10px; padding-right:10px;}
.padding-vertical-10 {padding-top:10px; padding-bottom:10px;}
.padding-top-10{padding-top:10px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-left-10{padding-left:10px;}
.padding-right-10{padding-right:10px;}
.padding-20{padding:20px;}
.padding-vertical-20{padding-top:20px; padding-bottom:20px;}
.padding-lateral-20{padding-left:20px; padding-right:20px;}
.no-padding{padding:0px;}

.margin-10 {margin:10px;}
.margin-top-10 {margin-top:10px;}
.margin-vertical-10 {margin-top:10px; margin-bottom:10px;}
.margin-lateral-10 {margin-left:10px; margin-right:10px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-top-10 {margin-top:10px;}
.margin-left-10 {margin-left:10px;}
.margin-right-10 {margin-right:10px;}
.margin-20 {margin:20px;}
.margin-vertical-10 {margin-top:20px; margin-bottom:20px;}
.margin-lateral-10 {margin-left:20px; margin-right:20px;}
.no-margin{margin:0px;}

.border {border:1px solid #DDD;}
.border-right {border-right:1px solid #DDD;}
.border-left {border-left:1px solid #DDD;}
.border-bottom {border-bottom:1px solid #DDD;}
.border-top {border-top:1px solid #DDD;}
.no-border {border:none;}

/* HR */
hr {background:#DDD;color:#DDD;clear:both;float:none;width:100%;height:1px;margin:10px 0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden; margin: 0 0 10px 0;}
hr.big-space {background:#fff;color:#fff;visibility:hidden; margin: 10px 0 10px 0;}


/* STRUCTURE *//* elementi*/
.template, .template-int, #header, #footer, #content {min-width:680px; padding:0 20px; margin:0 auto; position:relative; }
.container {min-width:680px; max-width:1100px; width:100%; margin:0 auto; position:relative;}

#header {background: #fff;}
.header {padding:15px 0 15px 0;}
#content .container.height-big {padding-top:25px;}
#footer {clear:both;}
#footer .container {border-top:1px solid #ddd; padding:25px 0; margin-top:25px;}
#footer .footer-txt {max-width:400px; text-align:center; width:100%; margin:0 auto;}
.col-sx, .col-dx {width:66.3636%; float:left;}
.col-dx {width:31.8182%; float:right;}

.logo {width:19.5455%; float:left;max-width:215px;}
.logo img, .logo-banner img {width:100%; float:left;}

.header-right, .menu-first {width:78.3636%; float:right;}
.logo-banner {width:28%; right:1%; top:0; position:absolute; z-index:100; /*max-width:172px;*/ min-width:110px;}
.logo-title {width:77%; color: #170E13; font-size:19px; font-weight:400; line-height:1.1;}
.logo-title h1 {font-size:25px; font-weight:700; color: #B20035;}
.logo-title .sub-title {font-style:italic; font-size:16px;  font-weight:300;}

/* BOX */
.box {padding:0; margin:0; border:1px solid #DBDBDB; background:#fff; width:100%; position:relative; overflow:hidden; font-size:12px;}
.box:after, .bk-dark:after, .bk-light:after, .box-textarea:after, box .box-textarea .textarea:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.box .box-textarea, .box.box-full .box-textarea, .box .box-textarea .textarea {position:relative; overflow:hidden;}

.box {margin-bottom:20px;}
.box .box-textarea {margin:15px;}
.box, .box .textarea, .box .box-textarea {height:auto; hoverflow:hidden;} 

.box .title {color:#00216A; font-size:20px; font-weight:400; line-height:1.1; margin-bottom:5px; text-transform:uppercase;} 
.box.informazioni .title {font-weight:700;} 
.box .title a {color:#00216A;} 
.box.box-green .title a {color:#349347;} 
.box.box-red .title a, .box.box-red .title {color:#B20035;} 
.box.notizie .title {height:45px; background: url("../img/tit-azienda.jpg") no-repeat center top; padding:15px 0 0 15px; color:#333;}
.box .img img {max-width:330px; width:100%; float:left;} 
.mappa img {max-width:100%; height:100%;}
.box .img {height:auto; overflow:hidden; margin-bottom:10px;}
.presentazione .img  {width:48%; float:left;  margin-bottom:0px;} 
.presentazione .textarea {width:48%; float:right;} 
.evidenza ul.list-float li:nth-child(2n+0) {float:right;} 
.box.notizie ul.list li {font-size:11px;} 
.box.notizie ul.list a {color:#777;} 
.box.notizie ul.list a:hover {color:#b30036;} 

.box.contatti {width:56%; float:left;}
.box.contatti .img {float:left; width:16%;} 
.box.contatti .textarea {font-size:14px; float:right; width:82%;  font-weight:400;} 
.box.banner {width:42%; float:right;} 
.box.banner .box-textarea {display: table; margin:0; width:100%;} 
.box.banner .box-textarea div {display:table-cell; vertical-align:middle; margin:0 auto; height:65px;}
.box.banner ul.list-float {padding:0 1.5%;} 
.box.banner ul.list-float li {width:17.6%; margin:0 1.3%; text-align:center;} 
.box.banner ul.list-float li:last-child {margin:0;} 
.box.banner img {width:100%; margin:0 auto; } 
.box.banner ul.list-float li a {border:1px solid #ddd; display:block; max-width:90px; width:100%; margin:0 auto;} 

/* BOX ALTEZZE */
.box.presentazione .box-textarea {padding-bottom:0;}
.box.presentazione .box-textarea .textarea {height:95px;}
.home .box.informazioni .textarea {height:360px;}
.box.informazioni .textarea {margin-bottom:40px;}
.evidenza ul li .box .box-textarea {padding-bottom:55px;}
.evidenza ul li .box .box-textarea .textarea {height:145px;}
.home .box.mappa .box-textarea {height:310px;padding-bottom:0;}
.home .box.notizie .box-textarea {height:280px;}
.box.notizie .box-textarea {padding-bottom:30px;}
.box.contatti .box-textarea .textarea {height:115px;}
.box.banner .box-textarea  {height:145px;}

/* PAGINE INTERNE */
.template-int {padding:0;}
.box-content {font-size:14px;}
.box-content .title {font-size:24px; margin-bottom:20px;}
.box-content .lista-defibrillatori li {width:100%; float:none;}
.box-content .lista-defibrillatori li:last-child {border-bottom:none;}
.box-content .lista-defibrillatori .title {font-size:18px; margin-bottom:5px;}
.defibrillatore .txt .title {text-transform:none; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ddd; font-size:20px;}

.defibrillatore .txt .popup .title {font-size:16px; padding-bottom:5px; margin-bottom:5px;}
.popup h2 {font-size:16px; color:#00216a;}
.popup a {color:#00216a;}

/* LINK */
.link, .link-left {bottom:0; background:#E5E5E5; position:absolute; z-index:100; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;font-size:12px; font-weight:500; text-transform:uppercase;}
.link {right:0;}
.link-left {left:0;}
.link a, .link-left a {padding:5px 10px; display:block;}
.link-green {background:#349347;}
.link-red {background:#B30036;}
.link-dark-grey {background:#333333;}
.link-green a, .link-red a, .link-dark-grey a {color:#fff;}
.link-grey a {color:#00226A;}
.link-light-grey a {color:#777;}


/* responsive */
@media all and (max-width: 4000px) 
{ 
/* header */
.header-right {padding-top:10px;}
.menu-first {position:absolute; z-index:100; bottom:0; right:0;}
ul.menu.first li {margin:0 0 5px 0;}
ul.menu.first li a {padding:10px; font-size:13px; font-weight:700;}

}
@media all and (max-width: 1100px)   
{  
/* header */
ul.menu.first li a {font-size:12px; padding:5px;}
ul.menu.first li a {font-weight:500; padding:10px 5px;}
.box.presentazione {margin-bottom:20px;}
}

@media all and (max-width: 980px)
{ 
/* header */
.logo {margin-bottom:5px;}
.header-right {padding-top:10px;}
.menu-first {width:100%; float:none; position:relative;}
ul.menu.first li a {font-weight:700; padding:10px;}
.box.contatti .textarea {font-size:12px;} 

.evidenza ul li .box .box-textarea .textarea {height:175px;}
}

@media all and (max-width: 840px)
{ 
/* header */
.box.presentazione .box-textarea .textarea .txt {display:none;}
.box.notizie ul.list li:last-child {display:none;}
ul.menu.first li a {font-size:12px; padding:10px 5px;}

/* BOX */
.box .title {font-size:19px;}
.box.contatti, .box.banner {float:none; width:100%;}
.box.banner {height:auto; margin-top:15px;}
.box.informazioni .link {font-size:11px;}
.box.contatti .textarea {font-size:14px;} 

.evidenza ul li .box .box-textarea .textarea {height:200px;}
.home .box.informazioni .textarea {height:365px;}
}


@media all and (max-width: 780px)  
{ 
/* header */
.header-right {padding-top:5px;}
.menu-first {width:100%; float:none; position:relative;}
ul.menu.first li a {font-size:11px;}
.logo-title {font-size:16px; width:74%;}
.logo-title h1 {font-size:18px;}
.logo-title .sub-title {font-size:13px;}

.box .title {font-size:17px;}
.box-content .title {font-size:20px;}
.box.informazioni .link {font-size:10px;}
}

/* FORMS */
.form {padding:20px 0;}
.registrazione .form {padding:0 0 10px 0;}
.box-line {background:#EEEEEE; border:1px solid #DDDDDD; padding:15px; margin:10px 0 20px 0;}
.box-line .title {font-size:18px; text-transform:none; font-weight:400; margin-bottom:5px;}
.box-line .line {padding:8px 0;}
.box-line:after, .box-line .line:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}


fieldset, #IE8#HACK {padding:0; margin:0;}
legend, #IE8#HACK {margin:0; padding:0;}
.error, .alert, .notice, .success, .info {padding:5px;margin-bottom:5px;border:2px solid #DDD;}
.error, .alert {background:#F0F0F0; border: 1px solid #D1CFCA; margin: 10px 0;  padding: 10px; color:#8a1f11;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}

input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #DDDDDD; margin:0;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {font:12px; color:#777; font-family:"Roboto", Arial, Helvetica, sans-serif;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#01236A;}
input[type=submit] {border:none; padding:0; margin:0; font-size:12px; cursor:pointer; background: #B30036; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; width:100%;}

textarea {width:100%;height:70px;}
label {font-weight:400; display: block; color:#333333; font-size: 13px;}

.form input, .form select {width: 100%; height: 25px;}
.form input[type=checkbox], .form input[type=radio]  {width: auto; height: auto; float:left; border:1px solid #DDDDDD;}
input[type=text] {width: 97%; padding-left:2%;}
.form input[type=submit] {width:50%; max-width:100px; padding:4px 10px; margin:10px auto;}

.defibrillatore label {font-weight:500; display: inline ; color:#333333; font-size: 14px; padding-right:5px;}
.box.login input[type=submit] {float:right;}