body {font-family:Verdana; color:#000000; background:#dae3e7; background:transparent  url(../images/sfondo.jpg) repeat; font-size:16px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body a {
color: #000000;
text-decoration:none;
}
body a:hover {
color:#004080;
text-decoration:none;
}

/*  Loading */
#loading {
display:none;
position: fixed;
top:0;
left:0;
background:rgb(0,0,0);
background: rgba(0, 0, 0, 0.9);
height:100%;
width:100%;
z-index: 9999;
background: #000000;
opacity: .90;
}
div#verticale {
text-align: center;
color: #ffffff;
width: 150px;
height: 150px;
background: #000000;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}
/*  Fine Loading */


h1 { margin-top:3px; font-family:Verdana; font-weight:800; color:#ffffff; }
h2 { margin-top:3px; font-family:Verdana; font-weight:600; color: 63d8fa; }
h3,h4,h5,h6 { margin:0; padding:0; font-family:Verdana; font-weight:300; color:#63d8fa; }
h7 { margin:0; padding:0;  font-family:Verdana; font-size:16px; color:#000000; }
h7::first-letter{text-transform:capitalize; font-weight:bold; color:blue;}

a.title1 { margin-left:10px; font-family:Verdana; font-weight:500; color:#ffffff; }
a.title2 { margin-left:10px; font-family:Verdana; font-weight:300; color:#ffffff; }

a {color:#000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
a:hover {text-decoration:none; color:#004080;}

.btn,
a.btn {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; font-family:Verdana; padding:6px 6px; font-weight: bold;}
.btn .fa,
a.btn .fa {margin-right: 5px;}
.btn:focus,
a.btn:focus {color: #ffffff;}
a.btn-cta-primary,
.btn-cta-primary {background:#000000; border:1px solid #000000; color:#ffffff; font-weight:600; text-transform:uppercase;}
a.btn-cta-primary:hover,
.btn-cta-primary:hover {background:#004080; border: 1px solid #49ac43; color:#ffffff;}
a.btn-cta-secondary,
.btn-cta-secondary {background:#000000; border:1px solid #479fc8; color:#ffffff; font-weight:600; text-transform:uppercase;}
a.btn-cta-secondary:hover,
.btn-cta-secondary:hover {background: #004080; border:1px solid #3893bd; color:#ffffff;}
.text-highlight {color:#32383e;}
.label-theme {background:#3aaa64; font-size:12px;}
a.dotted-link {border-bottom:1px dotted #778492; color:#778492;}
a.dotted-link:hover {text-decoration: none; color:#49515a;}

.pulsante,
a.pulsante {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; font-family:Verdana; padding:2px 2px; font-size:12px; font-weight: bold;}
.pulsante:focus,
a.pulsante:focus {color:#ffffff;}
a.pulsante-cta-primary,
.pulsante-cta-primary {background:#000000; border:0px solid #000000; color:#ffffff; font-weight:100; text-transform:uppercase;}
a.pulsante-cta-primary:hover,
.pulsante-cta-primary:hover {background:#000080; border:0px solid #000000; color:#ffffff;}
.text-highlight {color:#32383e;}


.barrapagine {
width:100%; text-align:left; width:100%; padding:5px; font-size: .90em; padding-left:1%; background:#ffffff; border:3px solid #000000;
}
.barrapagine a {
color: #ffffff;
text-decoration:none;
}
.barrapagine a:hover {
color: #ffff00;
text-decoration:none;
}
.barrapagine span {
color: #000000;
}

.barraordina {
width:100%; text-align:right; width:100%; padding:5px; font-size: .90em; padding-right: 4%; background:#000000   url(../images/freccia-ordina.gif) no-repeat 0% 0%;
}
.barraordina a {
color: #ffffff;
text-decoration:none;
}
.barraordina a:hover {
color: #ffff00;
text-decoration:none;
}
.barraordina span {
color: #ffff00;
}

.frecciadx{
margin-left: 10px;
padding-left: 30px;
background: url(../images/freccia.gif) no-repeat left center;
}

.frecciadx1{
margin-left: 10px;
padding-left: 20px;
background: url(../images/freccia1.gif) no-repeat left center;
}

.frecciadx2{
margin-left: 10px;
padding-left: 40px;
background: url(../images/freccia2.gif) no-repeat left center;
}


/* ======= INIZIO SLIDE ======= */

/* ======= FINE SLIDE ======= */


/* ======= INIZIO BOX AUTOCOMPLETAMENTO ======= */
.center-block {
 float: none;
 margin-left: auto;
 margin-right: auto;
}
.icon-addon {
 position: relative;
 color: #b79798;
 display: block;
}
.icon-addon:after,
.icon-addon:before {
 display: table;
 content: " ";
}
.icon-addon:after {
 clear: both;
}
.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
 position: absolute;
 z-index: 2;
 left: 10px;
 font-size: 14px;
 width: 20px;
 margin-left: -2.5px;
 text-align: center;
 padding: 10px 0;
 top: 1px
}
.icon-addon.addon-lg .form-control {
 line-height: 1.33;
 height: 46px;
 font-size: 18px;
 padding: 10px 16px 10px 40px;
}
.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
 font-size: 18px;
 margin-left: 0;
 left: 11px;
 top: 4px;
}
.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
 color: #2580db;
}
#box-lista { list-style:none; margin-top:0px; padding-left:0px; position:absolute; }
#box-lista li { width:100%; font-size:12px; font-weight: bold; padding:0px; }
#box-lista li:hover { width:100%; background:#ffff80; cursor:pointer; }
@media(max-width: 500px){
.Visibile1{display:none;}
}
@media(min-width: 500px){
.Visibile2{display:none;}
}
/* ======= FINE BOX AUTOCOMPLETAMENTO ======= */


/* ======= Header ======= */
#header	{float:left; padding:10px 10px 10px 10px; background:#000000;} 
#main    {float:left; padding:10px 0px 0px 0px; background:#ffffff;}
#menu	  {float:left; background:#004080;}

#site-title a {font-family:Verdana; font-weight:400; font-size:30px; text-transform:uppercase; float: left; color:#fff;}
#site-title a:hover	{background:none;}

/*** Menu ***/
#menu  	 {margin:0px 0px 0px 0px; float:left; width:100%; list-style:none;}
#menu b {float:left; margin:0px 0px 0px 0px; position:relative;}
#menu a {color:#ffffff; display:block; font-weight:400; font-weight:bold; padding:12px 10px; font-family:Segoe UI Black; text-transform:uppercase;}
#menu a:hover {background:#000000;}

/* Menu Responsive */
/* @media(min-width:300px){ */
/* .menu-mobile{display:none;} */
/* } */
/* .menu-mobile{float:left; width:100%; padding:15px; cursor:pointer; margin:0px 0px 0 0; color:#ffffff; background:#004080;} */
/* .menu-mobile a {color:#ffffff; font-family:Segoe UI Black; text-transform:uppercase;} */
/* .icon-bar {display:block; width:18px; height:2px; margin:5px; background-color:#ffffff;} */
/* .show{display:block!important} */


/* Crea colonna al 100% per 1 colonne sul desktop */
.colonnaintera {
float:left;
width:100%;
padding:5px;
text-align:center;
}
.colonnaintera { font-size:13px; }
.colonnaintera  a { color:#778492; }
.colonnaintera  a:hover { color:#400000; }
.row:after {
content: "";
display:table;
clear:both;
}
/* Colonna Intera Responsive */
@media screen and (max-width:450px) {
.colonnaintera {
width:100%;
}
}
/* FINE colonna intera */

/* Crea colonna al 50% per 2 colonne sul desktop */
.colonna50 {
float:left;
width:50%;
padding:5px;
text-align:center;
}
.colonna50 { font-size:13px; }
.colonna50  a { color:#778492; }
.colonna50  a:hover { color:#400000; }
.row:after {
content: "";
display:table;
clear:both;
}
/* colonna50 Responsive */
@media screen and (max-width: 480px) {
.colonna50 {
width:100%;
}
}
/* FINE colonna al 50% */

/* Crea colonna al 33% per 3 colonne sul desktop */
.colonna33 {
float:left;
width:32.5%;
padding:5px;
text-align:center; 
}
.colonna33 { font-size:13px; }
.colonna33  a { color:#778492; }
.colonna33  a:hover { color:#400000; }
.row:after {
content: "";
display:table;
clear:both;
}
/* colonna33 Responsive */
@media screen and (max-width:500px) {
.colonna33 {
width:100%;
}
}
/* FINE colonna al 33% */

/* Crea colonna al 25% per 3 colonne sul desktop */
.colonna25 {
float:left;
width:25%;
padding:5px;
text-align:center; 
}
.colonna25 { font-size:13px; }
.colonna25  a { color:#778492; }
.colonna25  a:hover { color:#400000; }
.row:after {
content: "";
display:table;
clear:both;
}
/* colonna25 Responsive */
@media screen and (max-width:610px) {
.colonna25 {
width:100%;
}
}
/* FINE colonna al 25% */


/* ======= Sections======= */
.sections-wrapper {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 60px;
  padding-bottom: 5px;
}
.section {
	text-align:justify;
  margin-bottom:0px;
}
.section .section-inner {
  padding: 10px;
}
.section .heading {
  margin-top: 0;
  margin-bottom: 0px;
  color: #545e69;
  font-size: 18px;
	text-align:center;
}
.section .utente {
  margin-top: 0;
  margin-bottom: 30px;
  color: #c65159;
  font-size: 20px;
}
.section .content .more-link .fa {
  margin-right: 5px;
  font-size: 14px;
  text-align:justify;
}

/* Latest Section */
.latest .item {
  text-align:justify;
  margin-bottom: 5x;
}
.latest .item .title {
  font-size: 18px;
  margin-top: 0;
}
.latest .item .title .label {
  margin-left: 5px;
  font-size: 12px;
}
.latest .item .title a {
  color: #778492;
}
.latest .item .title a:hover {
  color: #5f6b77;
}
.latest .item .project-image:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.latest .divider {
  margin-bottom: 60px;
}
.latest .featured {
  margin-bottom: 60px;
}
.latest .featured .title {
  margin-bottom: 5px;
  font-size: 20px;
}
.latest .featured .summary {
  margin-bottom: 30px;
  color: #778492;
}
.latest .featured img {
  margin-bottom: 30px;
}
.latest .featured .desc {
  margin-bottom: 30px;
}
.latest .featured-image {
  position: relative;
}
.latest .featured-image .text {
  background: #3aaa64;
  color: #fff;
}
.latest .featured-image .ribbon {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 110px;
  height: 110px;
  overflow: hidden;
}
.latest .featured-image .ribbon .text {
  font-family:Verdana;
  position: relative;
  left: -8px;
  top: 18px;
  width: 158px;
  padding: 10px 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #000000;
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  -moz-transform: rotate(45deg) translate3d(0, 0, 0);
  -ms-transform: rotate(45deg) translate3d(0, 0, 0);
  -o-transform: rotate(45deg) translate3d(0, 0, 0);
}
.latest .featured-image .ribbon .text:before,
.latest .featured-image .ribbon .text:after {
  content: '';
  position: absolute;
  bottom: -5px;
  border-top: 5px solid #276582;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.latest .featured-image .ribbon .text:before {
  left: 0;
}
.latest .featured-image .ribbon .text:after {
  right: 0;
}


.latest .featured-image .ribbon .testo {
	font-family:Verdana; 
  position:relative;
  left:-6px;
  top:18px;
  width:150px;
  padding:10px 10px;
  font-size:10px;
  text-align:center;
  text-transform:uppercase;
  color:#000000;
  background-color:#d6f8f8;
  -webkit-transform:rotate(45deg) translate3d(0, 0, 0);
  -moz-transform:rotate(45deg) translate3d(0, 0, 0);
  -ms-transform:rotate(45deg) translate3d(0, 0, 0);
  -o-transform:rotate(45deg) translate3d(0, 0, 0);
}



/* Projects Section */
.projects .item {
  margin-bottom: 30px;
}
.projects .item .title {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
  line-height: 1.5;
}
.projects .item .title a {
  color: #778492;
}
.projects .item .title a:hover {
  color: #5f6b77;
}

/* Work Section */
.experience .item {
  margin-bottom: 30px;
}
.experience .item .title {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
  line-height: 1.5;
}
.experience .item .title .place {
  color: #999999;
  font-weight: normal;
}
.experience .item .title .place a {
  color: #999999;
}
.experience .item .title .place a:hover {
  color: #666666;
}
.experience .item .title .year {
  color: #999999;
  font-weight: normal;
}

/* Info Section */
.info .fa {
  margin-right: 15px;
  color: #ccd1d6;
}
.info .fa.fa-envelope-o {
  font-size: 14px;
}
.info ul {
  margin-bottom: 0;
}
.info li {
  margin-bottom: 15px;
}
.info li:last-child {
  margin-bottom: 0;
}

/* Skills Section */
.skills .intro {
  margin-bottom: 30px;
}
.skills .skillset .item {
  margin-bottom: 30px;
}
.skills .skillset .level-title {
  font-size: 14px;
  position: relative;
  margin-top: 0;
  margin-bottom: 10;
}
.skills .skillset .level-title .level-label {
  color: #ccd1d6;
  font-size: 14px;
  font-weight: 400;
  font-family:Verdana;
  position: absolute;
  right: 0;
  top: 0;
}
.skills .skillset .level-bar {
  height: 15px;
  background: #e8e8e8;
}
.skills .skillset .level-bar-inner {
  height: 15px;
  background: #66cb8c;
}

/* Testimonials section */
.testimonials .item {
  margin-bottom: 30px;
}
.testimonials .item:last-child {
  margin-bottom: 0;
}
.testimonials .item .quote {
  color: #666666;
  font-size: 16px;
  border-left-color: #004080;
  margin-bottom: 15px;
}
.testimonials .item .quote .fa {
  color: #79d19a;
  margin-right: 15px;
}
.testimonials .item .source {
  font-size: 14px;
  padding-left: 30px;
  font-weight: 500;
}
.testimonials .item .source .name {
  color: #939ea9;
  font-weight: 600;
}
.testimonials .item .source .title {
  color: #999999;
}

/* Education section */
.education .item {
  margin-bottom: 30px;
}
.education .item:last-child {
  margin-bottom: 0;
}
.education .item .title {
  font-size: 16px;
  margin-top: 0;
}
.education .item .university {
  font-family:Verdana;
  font-size: 13px;
  color: #999999;
  font-weight: 600;
  padding-left: 25px;
}
.education .item .university .year {
  color: #b0b7bf;
  font-weight: 500;
}
.education .item .fa {
  color: #79d19a;
}

/* Credits */
.credits ul li {
  margin-bottom: 10px;
}
.credits ul li .fa {
  margin-right: 5px;
}
.credits ul li a {
  color: #778492;
}
.credits ul li a:hover {
  color: #49515a;
}
.credits .btn {
  margin-bottom: 15px;
}




/* ======= Inizio Share ======= */
.condividi-stampa {
  float: right;
  margin-top:0.4em;
  margin-right:15px;
}
.condividi-stampa a i {
width: 32px;
height: 32px;
background:#02B875   url(../images/img-sprite1.png) no-repeat 0px 0px;
display: inline-block;
margin:0 0.2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
border-radius: 16px;
}
.condividi-stampa i.stampa {
background-position: 0px 0px;
}
.condividi-stampa i.stampa:hover {
background: #c65159    url(../images/img-sprite1.png) no-repeat 0px 0px;
}
.condividi-stampa i.facebook {
background-position: -32px 0px;
}
.condividi-stampa i.facebook:hover {
background: #c65159    url(../images/img-sprite1.png) no-repeat -32px 0px;
}
.condividi-stampa i.wa {
background-position: -64px 0px;
}
.condividi-stampa i.wa:hover {
background: #c65159    url(../images/img-sprite1.png) no-repeat -64px 0px;
}
.condividi-stampa i.preferiti {
background-position: -96px 0px;
}
.condividi-stampa i.preferiti:hover {
background: #c65159    url(../images/img-sprite1.png) no-repeat -96px 0px;
}
.condividi-stampa i.segnala {
background-position: -128px 0px;
}
.condividi-stampa i.segnala:hover {
background: #c65159    url(../images/img-sprite1.png) no-repeat -128px 0px;
}
.condividi-stampa i.invia {
background-position: -160px 0px;
}
.condividi-stampa i.invia:hover {
background: #c65159    url(../images/img-sprite1.png) no-repeat -160px 0px;
}
/* ======= Fine Share ======= */




/* ======= Footer ======= */
.footer {
/*  position: fixed; */
   bottom: 0; 
  width: 100%; 
	text-align: center;
  background: #000000;
  color: #fff;
  padding: 10px 0;
}
.footer .copyright {
  line-height: 1.6;
  color: #d3edf5;
  font-size: 14px;
}
.footer a {
  color: #fff;
}
.footer .fa-heart {
  color: #fb866a;
}