/*!
 * Bootstrap v2.0.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 *
 * Website platform and interface designed for INESC-ID Lisboa by FPreto.com.
 * © INESC-ID Lisboa
 * 
 *
 */

.breadcrumb {
  margin: 0 0 5px;
}

p {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  line-height: 140%;
}

a {
	color: #555;
	text-decoration: none;
}
 
a:hover {
  color: #005580;
  text-decoration: underline;
}
 
body {
	position: relative;
	padding-top: 60px;
	padding-bottom: 40px;
	background-color: #fff;
	background-image: url(../img/inescid-img/iidl-bckg-contents.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: 0 40px;
}

.footer {
	float:left;
	clear:both;
	width:100%;
	margin-top: 50px;
	font-size: 80%;
}
.container { width:940px;}

.inescid-color1 { color: #036; }
.inescid-color2 { color: #85BC39; }

.inescid-img {
	margin:0px 10px 30px 0px;
}

.inescid-bck-main {
	 background:url(../img/inescid-img/iidl-bckg-main.png) no-repeat center 1px;
	 height:147px;
}

.inescid-bck-content {
	/*margin: 20px 0 0 0;*/
	margin: 5px 0 0 0;
	padding: 0px 20px;
	background-color:#FFF;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

.margintop10 {
	margin-top:10px;
}

.margintop20 {
	margin-top:20px;
}

.logo {
	width: 260px;
	height:147px;
	margin-left:30px;
	float:left;
}

.id-main {
	position:relative;
	top:-20px;
/*z-index:-1;*/}



/* Jumbotron
-------------------------------------------------- */
.jumbotron {
  position: relative;
}


/* Specific jumbotrons
------------------------- */
/* supporting docs pages */
.subhead {
	padding-bottom: 0;
	/*margin-bottom: 30px;*/
	margin-bottom: 10px;
}
.subhead h1 {
  font-size: 24px;
}

/* Subnav */
.subnav {
	position:absolute;
	left:300px;
	top:-26px;
	width:auto;
	background-color: #ccc; /* Old browsers */
	/*background-color: #00FF00;*/
	background-repeat: repeat-x; /* Repeat the gradient */
	background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
	background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
	background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 );*/ /* IE6-9 */
	background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
	border: px solid #e5e5e5;
	-webkit-border-radius: 6px 6px 0px 0px;
	   -moz-border-radius: 6px 6px 0px 0px;
	        border-radius: 6px 6px 0px 0px;
}

.subnav .nav > li > a {
  margin: 0 2px 0 0;
  padding: 4px;;
  background-color:#fff;
  /*background-color:#eae7e4;*/
  /*background-color:#C0C0C0;*/
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #e5e5e5;
  -webkit-border-radius: 6px 6px 0px 0px;
     -moz-border-radius: 6px 6px 0px 0px;
          border-radius: 6px 6px 0px 0px;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
  padding-left: 13px;
  color: #777;
  background-color: #e9e9e9;
  border-right-color: #ddd;
  border-left: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
          box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
  border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
  border-left: 0;
  padding-left: 12px;
}
.subnav .nav > li:last-child > a {
  border-right: 0;
  padding-left: 12px;
}
.subnav .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}


/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {
  .subnav-fixed {
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    border-color: #d5d5d5;
    border-width: 0 0 1px; /* drop the border on the fixed edges */
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
       -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/ /* IE6-9 */
  }
  .subnav-fixed .nav {
    width: 920px;
    margin: 0 auto;
    padding: 0 1px;
  }
  .subnav .nav > li:first-child > a,
  .subnav .nav > li:first-child > a:hover {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
  }
}

.navbar .brand {
	padding: 8px 0px 1px;
	margin-left: 0px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #036;
	float:left;
	text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
	-webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
            transition: all .2s linear;
}

.navbar-fixed-top .brand:hover {
  text-decoration: none;
}

.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

 
.navbar-inner {
	height: 15px;
	padding-right: 0px;
	padding-left: 0px;
	background:url(../img/inescid-img/iidl-bckg-top.png) repeat-x top;
	background-color: #EAEAEB;
 }
 
.nav-collapse { width: 370px; text-align: right; }

.navbar .nav > li > a {
	padding: 7px 10px 5px;
	font-size: 12px;
	line-height: 14px;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
	color: #555;
}

.navbar .nav .menu1 > li > a { background-color: #093;} 

.navbar .nav > li > a:hover {color: #444;}

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #000;
  background-color: #222222;
}

/* Third Level Menu */
.nav li.dropdown ul.dropdown-menu li:HOVER ul {
	display:block; 
	position:absolute; 
	left:100%;
	-webkit-border-radius: 0 6px 6px 0;
	   -moz-border-radius: 0 6px 6px 0;
	        border-radius: 0 6px 6px 0;
}
.nav li.dropdown ul.dropdown-menu ul {
	display: none;
	float:right;
	position: relative;
	top: auto;
	margin-top: -30px;
}

/* Right Arrow */
.nav li.dropdown ul.dropdown-menu .dropdown-menu::before {
    content: '';
    display: inline-block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; 
    border-right:7px solid #CCC;
    border-right-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 9px;
    left: -14px;
}

.nav li.dropdown ul.dropdown-menu .dropdown-menu::after {
    content: '';
    display: inline-block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent; 
    border-right:6px solid white;
    position: absolute;
    top: 10px;
    left: -12px;
}

/* /// */


input.span4,
textarea.span4,
.uneditable-input.span4 {
	width: 144px;
}

.hero-unit {
	float:left;
	width: 700px;
	padding: 0px;
	margin:20px 0px;
	background-color:#fff;
	background-image:url(../img/inescid-img/iidl-bckg-slides.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.carousel-caption {
	right: 85px;
	top: 0;
	width: 380px;
	padding: 18px 15px 5px;
	background: #FFF;
	background: rgba(255, 255, 255, 0.8);
	text-align: right;
}

.carousel .active {
  left: 44px;
}

.iidl-sidebar {
	margin-top:20px;
	width: 200px;
 }

.iidl-sidebar a,
.iidl-sidebar a:visited { 
	color:#85BC39;
	text-transform:uppercase;
}

.iidl-sidebar a:hover,
.iidl-sidebar a:visited:hover { 
	color:#005580;
	text-decoration:none;
}

.iidl-sidebar h5 {
	padding:4px 0 0 40px;
}

.well-small {
	padding: 8px 1px 8px 12px;
	margin-bottom: 6px;
	width: 180px;
	background-color: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

[class^="iidl-home-icons-"],
[class*=" iidl-home-icons-"] {
  display: inline-block;
  float:left;
  width: 33px;
  height: 33px;
  *margin-right: .3em;
  line-height: 33px;
  vertical-align: text-top;
  background-image: url("../img/inescid-img/iidl-home-icons.png");
  background-repeat: no-repeat;
  background-position: 14px 14px;  
}


.iidl-home-icons-news {
  background-position:	0 0;
}

.iidl-home-icons-calls {
  background-position:	0 -46px;
}

.iidl-home-icons-seminars {
  background-position:	0 -92px;
}

.iidl-home-icons-positions {
  background-position:	0 -136px;
}

.iidl-home-icons-newsletter {
  background-position:	0 -181px;
}
