/*********************
**   MEDIA QUERIES  **
**********************/

@media (min-width: 768px) {
 .navbar-fixed-top{display:none;}
 .tn{float:left;}
 .table-responsive{width:80%}
}

@media (max-width: 768px) {
 .header-outer{margin-top:55px;}
 .bignav{display:none;}
 .tn{float:right;}
 .table-responsive{width:100%}
}

.tn{visibility:hidden;}

/**************
**   FONTS   **
**************/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500|Pacifico);

/******************
**  01. GLOBALS  **
*******************/

span.tab { padding: 0 15px; /* Or desired space*/}
body { font-size: 16px;}
a { text-decoration: none; outline: 0 none; cursor: pointer; color: #254f75;}
a:hover { text-decoration: none; color: #474646;}


/*****************
**  02. HEADER  **
******************/

.header-outer{
    background: linear-gradient(135deg, rgba(37, 79, 117, 0.9) 0%, rgba(78, 129, 182, 0.9) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-top:25px;
    padding-bottom:5px;
}

.headline{ color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); text-align:center; padding-bottom:30px;}
.headline h1 { font-size: 42px; margin-top:1px}
.info{ margin-top:30px; font-size: 17px;}
.info a {color: #fff; border: 1px solid transparent; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}

/** BIG NAV **/
.nav-pills li a{ font-size:18px; text-shadow: inherit; margin-left:2px; margin-right:2px;}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
.nav-pills > li > a:hover, .nav-pills > li > a:focus{
    background: none repeat scroll 0 0 #fff;
    text-shadow: inherit;
    border-radius: 5px;
    color: #254f75;
}

/** NAVBAR **/
.navbar-default {background-color: transparent; border:none;}

.nav li a, .nav li:first-child a.active {
    color: #fff;
    padding: 6px 10px;
    border: 1px solid transparent;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.navbar-default .navbar-nav > li > a:hover{
    background: none repeat scroll 0 0 #fff;
    text-shadow: inherit;
    border-radius: 5px;
    color: #254f75;
}

.navbar-default .navbar-nav > li > a{
    color: #fff;
    text-shadow: inherit; 
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background: none repeat scroll 0 0 #fff;
    text-shadow: inherit;
    border-radius: 5px;
    color: #254f75;
}

/** MOBILE MENU **/

.navbar-toggle {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
}


/** NAV MOBILE **/
.navbar-fixed-top{ background-color: #254f75; padding-bottom:5px;}
.topnav li a { color: #fff; font-size: 16px; margin-right:2px; margin-left:2px;}
.navbar-toggle {margin-top:11px;}
.navbar-right{padding-top: 10px;}

.topnav{padding-right:12px;}

/******************
**  02. CONTENT  **
*******************/

.mainmatter { font-size: 16px;}
.mainmatter blockquote p{ font-size: 16px;}
.mainmatter blockquote footer cite{ font-size: 16px;}
.mainmatter p {line-height: 24px}
.mainmatter h2{font-size:34px; padding:0 0 0 0; margin:40px 0 0 0;}
.mainmatter h3{font-size:22px; padding:0 0 0 0; margin:10px 0 20px 0; color: #254f75; font-weight: bold;}
.mainmatter h5{font-size:20px; padding:0 0 0 0; margin:0 0 10px 0; color: #254f75; font-weight: bold;}

.mainmatter blockquote {font-size: 15px;}

.people-pic{float:left; margin-right:20px;}
.people-descr h4{margin-top:0; font-size:24px;}
.people-descr p{margin:0}
.people-link {text-decoration: none; color: inherit; cursor:pointer}

.panel-primary{border-color: #ddd;}
.panel-primary > .panel-heading { background-color: #89ba91; border-color: #ddd; }
.panel-default > .panel-heading { background-color: #89ba91; color:#fff }
/*.panel-default > .panel-heading { background-color: #edad54; color:#fff } /*scuro: #254f75, chiaro: #4e81b6*/

.proj-pic { margin-right:20px;}
.short-list { list-style:circle inside; }
.panel-proj {padding-top:6px; padding-bottom:6px; width:250px;}

/***  02.1 News  ***/
.news{padding-top:30px}

/***  02.2 Carousel  ***/
#carousel-vips{margin-top:30px}
.carousel-caption { padding-bottom: 5px; }
.carousel-caption h3{font-size:22px; font-weight: bold; color: #fff}
.carousel-indicators{bottom:5px}


/******************
**  03. FOOTER  **
*******************/

.footer-outer{ background: #254f75; padding-top:15px; padding-bottom:10px;}
.footer{ color:#fff; font-size:14px;}
.last-modify{ float:left;}
.univr-logo{ float:right;}












.drop-whole, .drop-whole:hover{
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.drop-whole{border:1px solid transparent;border-radius:6px; margin-left:2px; margin-right:2px; display:inline}
.drop-whole:hover{border:1px solid #fff;}
.drop-whole > li > a{border:none; margin-left:0px; margin-right:0px;}
.drop-whole > li.li-drop-left > a:hover, .drop-whole > li.li-drop-left > a:focus{
    border-radius: 5px 0 0 5px; /* top-left top-right bottom-right bottom-left. */
}
.drop-whole > li.li-drop-right > a:hover, .drop-whole > li.li-drop-right > a:focus{
    border-radius: 0 5px 5px 0; /* top-left top-right bottom-right bottom-left. */
}
.dropdown{font-size:14px;}
.drop-whole > li.li-drop-right > ul.dropdown-menu{ margin-right:-1px; }
.drop-whole > li.li-drop-right > ul.dropdown-menu > li > a{
  color:#333;
  text-shadow: none;
  font-size:14px;
}

.drop-whole-active{ border:1px solid #fff;}
.drop-left-active > a.drop-left{
    border-radius: 5px 0 0 5px; /* top-left top-right bottom-right bottom-left. */
    background: #fff;
    text-shadow: inherit;
    color: #254f75;
}


.drop-whole > li.li-drop-left > a.a-active{
    border-radius: 5px 0 0 5px; /* top-left top-right bottom-right bottom-left. */
    background: none repeat scroll 0 0 #fff;
    text-shadow: inherit;
    color: #254f75;
}


#vips-nav-collapse > ul.topnav > li.dropdown > a.dropdown-toggle:focus {border-radius: 5px;}
#vips-nav-collapse > ul.topnav > li.dropdown{font-size:14px;}
#vips-nav-collapse > ul.topnav > li.dropdown > ul.dropdown-menu{border-radius: 5px;padding:2px 0 2px 0; background:#fff; margin:0 2px 0 3px}
#vips-nav-collapse > ul.topnav > li.dropdown > ul.dropdown-menu > li > a{
  color:#333;
  text-shadow: none;
  font-size:14px;
}
#vips-nav-collapse > ul.topnav > li.dropdown > ul.dropdown-menu > li.divider{
  margin:2px 0 2px 0;
}

/* INIZIO DAVIDE */
.panel-project { border-color: #ddd; }
.panel-project > .panel-heading { background-color: #f5f5f5; color:rgba(0,0,0,0.3); border-color: #ddd;} 
.hiddendiv {
    display: none;
    font-family: monospace;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 10px;
}
.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}
.anchor {
padding-top: 60px; 
margin-top: -60px;
}
/* FINE DAVIDE */




/***  02.1 News  ***/
.news{padding-top:30px}

.panel-primary{border-color: #ddd;}
.panel-primary > .panel-heading { background-color: #89ba91; border-color: #ddd; }
.panel-news > .panel-heading { background-color: #edad54; color:#fff } /*scuro: #254f75, chiaro: #4e81b6*/