@import url('reset.css');

::-moz-selection{ background-color: #4a9ccb; color: #FFF;}
::selection{ background-color: #4a9ccb; color: #FFF;}

*{-webkit-appearance:none;-webkit-text-size-adjust:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

a {text-decoration: none; color: #1b5480; cursor: pointer;}
a:hover {color: #888;}

a.opacity {
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	border: none;
}

a:hover.opacity {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	border: none;
}

a.opacityinverse {
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out; border:none;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);}
	
a:hover.opacityinverse {
	opacity: 1;
	-moz-opacity: 1;
	border: none;
}


body {
   background-color: #1b5480;
   font-family: 'Open Sans', sans-serif;
   color: #444;
   font-size: 14px;
   line-height: 22px;
   letter-spacing: 0;
   font-weight: normal;
}

h1 {font-size: 34px; line-height: 36px; letter-spacing: -1px; color: #1b5480; margin-bottom: 20px; font-weight: 300;}
h2 {font-size: 24px; line-height: 26px; letter-spacing: -1px; color: #1b5480; margin-bottom: 20px;}
h3 {font-size: 18px; line-height: 20px; letter-spacing: 0; color: #1b5480; margin-bottom: 5px;}

h1.no-uppercase {text-transform: none; letter-spacing: 0;}

.clear{clear: both;}
.left {position: relative; float: left;}
.right {position: relative; float: right;}

.blue {color: #1b5480;}

p {margin-bottom: 10px;}

.iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]) {
  display: none !important;
 }
 
/* --------------------------------------------------------------------------
        CSS BASE
--------------------------------------------------------------------------- */

.only-mobile {display: none;}
.not-mobile {display: block;}


#topbar {position: relative; height: auto; overflow: hidden; background: #1b5480; height: 15px;}
#header {position: relative; height: auto; overflow: hidden; background: white; padding: 30px 0 20px 0;}

.container {position: relative; height: auto; overflow: hidden; width: 1000px; margin: 0 auto;}

#slider {position: relative; height: auto; overflow: hidden; height: 350px;}

#main-content {position: relative; height: auto; overflow: hidden; background: white; padding: 50px 0 55px 0;}

#marquee-container {position: relative; height: auto; overflow: hidden; background: #f8f8f8; padding: 20px 0 15px 0;}
#marquee-label {font-size: 12px; font-weight: 600; text-transform: uppercase; color: #aaa; margin-right: 10px;  margin-top: 23px; letter-spacing: 1px; width: 118px}
#marquee {position: relative; float: right; width: 870px; overflow: hidden;}

#fotogallery {position: relative; height: auto; overflow: hidden; margin-bottom: 20px;}
.fotogallery-pic {position: relative; height: auto; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; border: 6px solid #eee;}

#col-left {width: 650px;}
#col-right {width: 300px;}

#col-left.default-page {width: 668px; border-right: 1px solid #eee; padding-right: 33px;}
#col-right.default-page {width: 256px; }

.team-pic {width: 250px; height: 280px; border: 10px solid #eee;}
.team-pic.left {margin-right: 30px;}
.team-pic.right {margin-left: 30px;height: auto;overflow: hidden;}

.team-pic img {width: 100%; display: block;}

.pic-float {margin: 7px 25px 10px 0; border: 10px solid #f8f8f8 !important;}

p.readmore a {font-size: 11px;}


/* --------------------------------------------------------------------------
        MENU
--------------------------------------------------------------------------- */

#menu {position: relative; height: auto; overflow: hidden; margin-top: 9px;}
#menu ul {position: relative; height: auto; overflow: hidden;}
#menu ul li {position: relative; height: auto; float: left; margin-left: 10px; padding-bottom: 3px;}
#menu ul li a {position: relative; height: auto; overflow: hidden; letter-spacing: -1px; font-size: 15px; padding-bottom: 2px;}
#menu ul li a:hover {border-bottom: 1px solid #999; color: #999;}
#menu ul li.active a {color: #999; border-bottom: 1px solid #999;}


/* --------------------------------------------------------------------------
        FOOTER
--------------------------------------------------------------------------- */

#footer {position: relative; height: auto; overflow: hidden; padding: 40px 0 40px 0; color: white;}
#footer a {color: white;}
#footer a:hover {color: #eee;}
#menu-footer {margin-top: 12px;}
#menu-footer ul li {float: left; margin-left: 20px;}
#menu-footer ul li a {text-transform:uppercase; font-size:13px;}

.footer-testo {width: 810px;}
.footer-container {position: relative; height: auto; overflow: hidden; clear: both; line-height: 18px; font-size: 11px; color: #ccc;}
.footer-container.color-white {color: white;}
.footer-container.second {margin: 18px 0 4px 0;}


/* --------------------------------------------------------------------------
        ARTICOLI
--------------------------------------------------------------------------- */

.article-container {position: relative; height: auto; overflow: hidden; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #CCC; }
.article-container.news-estesa {border-bottom: 0;}
.article-img {position: relative; height: auto; overflow: hidden; width: 220px; height: 150px;}
.article-desc {position: relative; height: auto; overflow: hidden;}
.article-desc p {text-align: justify;}

.article-container.team {margin-bottom: 40px; padding-bottom: 40px;}

.news-breve {font-size: 13px;}

p.data {margin-bottom: 0; color: #808080; font-size: 11px; text-transform:uppercase;}
p.linkedin {margin-top: 10px; display: inline-block;}

.grid-pic img {width: 100%; display: block; border: 10px solid #f8f8f8}
.grid-title, .grid-title h3 {text-align: center; font-size: 14px; margin-top: 10px;}
.col-r-neww {padding-left: 0 !important;}

a.pdflink {     background: #1b5380;
    padding: 10px 20px 3px 20px;
    color: white;
    margin: 0;     min-width: 220px;
    text-align: center; width: 220px;
    display: inline-block; margin-bottom: 10px}
a.pdflink span {    position: relative !important;
    margin: 0;
    top: -3px !important; margin-left: 2px !important;}

    
/* --------------------------------------------------------------------------
        CONTATTI
--------------------------------------------------------------------------- */

#contactform input {position: relative; height: auto; overflow: hidden; width: 230px; border: 0; background: #f1f1f1; font-size: 13px; color: #000; padding: 7px 10px 7px 10px; display: block; margin-bottom: 15px;}
#contactform label {position: relative; height: auto; overflow: hidden; font-size: 14px; line-height: 24px; display: block; margin-bottom: 3px; color: #333; font-weight: 600;}
#contactform textarea {position: relative; height: auto; overflow: hidden; display: block; width: 228px; font-size: 13px; border: 0; background: #f1f1f1; padding: 7px 10px 7px 10px; height: 220px; margin-bottom: 15px;}

#contactform input.submit {background: #1b5480; color: #FFF; cursor: pointer; font-weight: bold; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; padding: 10px 0 10px 0; width: 100%; text-align: center;  -webkit-appearance: none;}
#contactform input.submit:hover {background: #888;}

.form-left input#captcha_code {width: 80px;}
.form-left .left-captcha {margin-left: 10px; top: -3px;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/* --------------------------------------------------------------------------
        Responsive patterns
--------------------------------------------------------------------------- */

.col-r-1 {width: 8.33%;}
.col-r-2 {width: 16.66%;}
.col-r-3 {width: 25%;}
.col-r-4 {width: 33.33%;}
.col-r-5 {width: 41.66%;}
.col-r-6 {width: 50%;}
.col-r-7 {width: 58.33%;}
.col-r-8 {width: 66.66%;}
.col-r-9 {width: 75%;}
.col-r-10 {width: 83.33%;}
.col-r-11 {width: 91.66%;}
.col-r-12 {width: 100%;}

[class*="col-r-"] {float:left; padding: 10px; position: relative; height: auto; overflow: hidden;}
[class*="col-r-"] p img {width: 100% !important; height: auto !important;}
.row::after {content: ""; clear: both; display: block;}


/* --------------------------------------------------------------------------
        RESPONSIVE
--------------------------------------------------------------------------- */


@media screen and (max-width: 800px) {

  .only-mobile {display: block;}
  .not-mobile {display: none;}

  [class*="col-r-"] {float: none; padding: 0 0 15px 0 !important; width: 100%;}
  [class*="col-r-"]:last-child {padding-bottom: 0 !important;}


}