/*Theme Name: Template Geral EntidadesTheme URI: http://unidades.ist.utl.ptDescription: Template Geral Entidades - Design 2012Version: 1.0Author: Tiago PratasAuthor URI: http://nme.ist.utl.pt*//*..........................................................................................................Guia de Estilo do Instituto Superior Técnico........................Tiago Pratas @ NME ---------------------------------- Núcleo de Multimédia e e-Learning||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||Screen CSS...............................................................||||||||||||||||||||||||||||||........................................................... Outubro de 2012.....................................................................................*//********||||||  Generic Identifiers ******//* HTML5 tags */header, section, footer, aside, nav, article, figure { display: block; }html { overflow-y: scroll; background-color: #333333; }/* maxvoltar.com/archive/-webkit-font-smoothing */html { -webkit-font-smoothing: antialiased; }/* hand cursor on clickable input elements */label, input[type=button], input[type=submit], button { cursor: pointer; }input[type=button], input[type=submit], button { cursor: pointer; }a, a:hover, a:active, input { outline: none; }/* bicubic resizing for non-native sized IMG:code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */.ie7 img { -ms-interpolation-mode: bicubic; }/********||||||  Font-Face ||||||******/@font-face {    font-family: 'latobold';    src: url('//static.tecnico.ulisboa.pt/fonts/lato/lato-bold-webfont.eot');    src: url('//static.tecnico.ulisboa.pt/fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('//static.tecnico.ulisboa.pt/fonts/lato/lato-bold-webfont.woff') format('woff'),         url('//static.tecnico.ulisboa.pt/fonts/lato/lato-bold-webfont.ttf') format('truetype'),         url('//static.tecnico.ulisboa.pt/fonts/lato/lato-bold-webfont.svg#latobold') format('svg');    font-weight: normal;    font-style: normal;}@font-face {	font-family: 'KlavikaBold';	src: url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikaboldbold-webfont.eot');	src: local('☺'), url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikaboldbold-webfont.woff') format('woff'), url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikaboldbold-webfont.ttf') format('truetype'), url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikaboldbold-webfont.svg#webfontBUN34PZS') format('svg');	font-weight: bold;	font-style: normal;	}@font-face {	font-family: 'KlavikaRegularPlain';	src: url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikaregular-plain-webfont.eot');	src: local('☺'), url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikaregular-plain-webfont.woff') format('woff'), url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikaregular-plain-webfont.ttf') format('truetype'), url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikaregular-plain-webfont.svg#webfontDvaJrdUe') format('svg');	font-weight: normal;	font-style: normal;	}@font-face {	font-family: 'KlavikaLightPlain';	src: url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikalight-plain-webfont.eot');	src: local('☺'), url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikalight-plain-webfont.woff') format('woff'), url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikalight-plain-webfont.ttf') format('truetype'), url('//static.tecnico.ulisboa.pt/fonts/klavika/klavikalight-plain-webfont.svg#webfontpalXHmZY') format('svg');	font-weight: normal;	font-style: normal;	}/********||||||  Design Identifiers ******/body {	color: #444;	font: 13px/21px Arial, 'Liberation Sans', FreeSans, sans-serif;	background: url("../geral/img/bg.png") repeat scroll top left;	}#container {	max-width: 960px;	margin: 0 auto;	padding: 0 20px;	}#footercontainer {	max-width: 960px;	margin: 0 auto;	padding: 0 20px;	}header {	height: 182px;	}/********||||||  footer ******/.sub_navigation_menu_container_footer,.content_wrapper {	margin: 30px auto;	width: 100%;	}.fullwidth {	background-color: #4B555B;	width: 100%;	height: 236px;	}#info {	color: white;	font-family: KlavikaBold, sans-serif;	font-size: 12px;	padding-top: 20px;	}/********||||||  footer ******/#social_media {	float:right;	width: 84px;	padding: 20px 0 0 0;	}#social_media li {	float:left;	margin: 0 0 0 2px;	}#social_media li a {	text-indent: -9999px;	display:block;	width: 26px;	height: 26px;	background-image: url(img/footer.png);	background-repeat: no-repeat;	}.fb a {	background-position: 0 0;	}.tw a {	background-position: -28px 0;	}.rss a {	background-position:-56px 0;	}.fb a:hover {	background-position: 0 -28px;	}.tw a:hover {	background-position: -28px -28px;	}.rss a:hover {	background-position: -56px -28px;	}#social_media a {    color: #43515C;    padding: 1px 0px;    text-decoration: none;	}#footercontainer {	max-width: 960px;	margin: 0 auto;	padding: 0 20px;	}.fullwidth {	background-color: #333333;	width: 100%;	z-index:2;	}#footer {	width: 100%;	margin: 0;	background: #333;	}#footer a:visited {	color:#CCC;	}#footer a:link {	color: #CCC;	text-decoration: none;	}#footer ul {	list-style: none !important;	}#footer ul li a {	float:left;	font-size: 12px;	line-height: 120%;	/*padding-bottom: 20px;*/	}#footer_quick_links ul {	width: 960px;	margin: 0 auto;	}#footer_quick_links ul li {	float: left;	margin: 0;	}#footer ul.clearfix li a {	color: white;	font-family: 'latoregular' sans-serif;	font-size: 13px;	}#footer ul.clearfix li a:hover {	color: #009DDF;	}#footer_info_location_wrapper {	width: 960px;	margin: 0 auto;	}#contacts {	float: left;	width:176px;	padding-bottom: 2.6em;	}#location {	float: left;	margin: 34px 0 34px 65px;	padding: 0;	}#footer_nav {	width: 100%;	border-top: 1px dotted #666;	}#footer_nav_wrapper {	margin:0 auto;	color:#999;	}.copyright {	float: left;	width: 260px;	font-family: 'KlavikaLightPlain';	font-size: 13;	font-weight: normal;	color: #999;	padding: 27px 0;	margin: 0;	line-height: 100%;	}.copyright a {	color: #666 !important;	}.copyright a:hover {	color: #009DDF !important;	}#contacts {	float:left;	width: 176px;	padding-bottom: 2.6em;	}#contacts h2 {	float: left;	padding-bottom: 41px;	}#contacts h2 a {	background: url("img/footer.png") -84px 0 no-repeat;	display: block;	text-indent: -9999px;	margin: 48px 0 0;	height:34px;	width: 176px;	float:left;	}#contacts h2 a:hover { 	background-position: -84px -36px;	}#contacts p {	float:left;	width: 176px;	border-top: 1px dotted #666;	color: #ECECEC;	padding: 15px 0;	margin: 0;	font-size: 11px;	line-height: 150%;	}#contacts p strong {	color: #009DDF !important;	}#contacts p a {	color: #ECECEC !important;	padding-bottom: 1.2em 0;	margin: 0;	font-size: 11px;	line-height: 150%;	}#location {	float: right;	margin: 15px 0 34px 65px;	padding: 0;	}#location ul {	float: right;	width: 247px;	background: url("img/distance.png") -17px 5px no-repeat;	margin-top: 45px;	}#location ul li {	float: left;	padding-left: 103px;	padding-top: 21px;	margin-left: 10px;	}#location ul li a:hover {	color: #999;	}#location ul li a:hover strong {	color: #009DDF;	}#location ul li a strong {	font-weight: 700;	}#location ul li:first-child {	padding-top: 0;	}.alignleft {	margin-top: 20px;	font-family: 'KlavikaRegularPlain' sans-serif;	}.alignright {	font-family: 'KlavikaRegularPlain' sans-serif;	}strong {	font-family: 'latobold';	}/********||||||  Essentials  ******/.clear {	clear: both;	}article {	padding-top: 42px;	}.sub_navigation_menu_container,.content_wrapper {	margin: 30px auto;	width: 100%;	height: 100%;	}.content_wrapper {	background: url(../geral/img/bg_wrapper.png) repeat-y top right;	border-top: 17px solid #EBECED;	margin-top: 0;    }.homepage_intro img {	width: 100%;	}.homepage_intro_container {	width: 100%;	}.global_navigation {	float: right;	margin-top: 65px;	width: 600px;	width: 70%;	text-align: right;	}.homepage_intro {	width: 100%;	float: left;	}.homepage_intro:first-child {	margin-right: 5%;	}.sub_navigation_menu {	width: 31.3%;	float: left;	margin-right: 2%;	margin-bottom: 40px;	}.sub_navigation_menu:nth-child(5) {	margin-right: 0;	}.sub_navigation_menu h4 a {	margin-left: -3px;	}.breadcrumbs {	border-top: 1px dotted #afafaf;	border-bottom: 1px dotted #afafaf;	}.contextual_navigation {	width: 260px;	float: right;	padding-top: 47px;	}.content_container {	width: 66%;	float: left;	}time {	border-top: 1px dotted #bcbcbc;	display: block;	color: #bcbcbc;	}.contextual_open_top,.contextual_open_bottom,.contextual_close_top,.contextual_close_bottom {	display: none;	}/********||||||  Lists  ******/dt {	margin-top: 12px;	}dd {	padding-bottom: 2px;	}.global_navigation ul li {	display: inline;	padding-left: 4%;	}.global_navigation ul li:first-child {	display: none;	}.contextual_navigation dl {	margin: 0 24px;	border-top: 1px solid #EBECED;	}.contextual_navigation dd {	border-bottom: 1px solid #EBECED;	padding: 4px 0;	}.breadcrumbs ul {	padding: 5px 0 3px 0;	}.breadcrumbs ul li {	display: inline;	font-size: 10px;	padding-left: 12px;	margin-right: 4px;	background: transparent url("../geral/img/breadcrumbs_trail.png") no-repeat scroll 0 0;	}.breadcrumbs ul li.first {	padding-left: 0;	margin-right: 4px;	background: none;	}.bullet li {	padding: 0 0 8px 20px;	background: transparent url("../geral/img/default_bullet.png") no-repeat scroll 0 8px;	}.months_news_list li {	float:left;	width: auto;	background-image: none !important;	margin-left: -29px;	}.months_news_list li a {	float:left;	padding-right: 15px;	}/********||||||  Anchors  ******/a {    color: #43515C;    padding: 1px 3px;    text-decoration: none;	}a:hover {	text-decoration: none;	color: #009DDF;	}dd a {	color: #33434E;	font-family: KlavikaRegularPlain, sans-serif;	text-decoration: none;	margin-left: -3px;	}.contextual_navigation dd a {	color: #33434E;	font-family: KlavikaBold, sans-serif;	font-weight: bold;	text-decoration: none;	text-transform: uppercase;	width: 100%;	display: block;	}.contextual_navigation dd a:hover,.global_navigation ul li a:hover {	color: #009DDF;	text-decoration: none;	}.global_navigation ul li a,.global_navigation ul li span {	color: #33434E;	font-weight: bold;	text-decoration: none;	vertical-align: -8px;	background: none;	padding: 0;	text-transform: uppercase;	}.global_navigation ul li.active a,.contextual_navigation dd.active a {	color: #009DDF;	background: none;	}.homepage_intro a {	color: #6d6d6d;	background: none;	text-decoration: underline;	padding: 0;	}h2 a {	color: #009DDF;	background: none;	padding: 0;	text-decoration: none;	}h2 a:hover {	text-decoration: none;	}.breadcrumbs ul li a {	color: #000;	text-decoration: none;	background: none;	padding: 0;	}/********||||||  Tipography  ******/.global_navigation a,.global_navigation span {	font-family: KlavikaBold, sans-serif;	}.homepage_intro {	font-family: KlavikaLightPlain, sans-serif;	font-size: 14px;	color: #6d6d6d;	}nav p {	color: #6d6d6d;	margin: 10px 0 5px 0;	font-family: Arial, sans-serif;	padding-bottom: 10px;	}h2 {	font-family: KlavikaRegularPlain, sans-serif;    font-size: 20px;	}article h2 {	font-family: KlavikaRegularPlain, sans-serif;    font-size: 25px;    text-transform: uppercase;	border-bottom: none;	color: #009DDF;	}h2.section_identifier {	display: none;	}.homepage_intro_container h2 {	font-family: KlavikaRegularPlain, sans-serif;    font-size: 13px;    text-transform: none;	border-bottom: none;	text-align: center;	padding-bottom: 20px;	display: none;	}h3 {	font-family: KlavikaRegularPlain, sans-serif;    font-size: 21px; 	margin: 20px 0 10px 0; 	color: #000; 	} h4 {	font-family: KlavikaRegularPlain, sans-serif;    font-size: 16px; 	margin: 20px 0 10px 0; 	color: #000; 	}dt {	font-family: KlavikaRegularPlain, sans-serif;	font-size: 14px;	}.breadcrumbs li, .breadcrumbs li a {	text-transform: uppercase;	}p {	margin-bottom: 6px;	}/************* | | | style | | | ********************/.content_container article ul {	margin-bottom: 10px;	}.content_container article ul li {	padding: 2px 0 2px 12px;	background: transparent url("img/content_list_item.png") no-repeat scroll 0 9px;	zoom: 1; /* graphic bullets not showing in IE7 */	}.content_container article ul li.pdf {	padding-left: 22px;	background: transparent url("img/content_list_pdf_item.gif") no-repeat scroll 0 2px;	zoom: 1; /* graphic bullets not showing in IE7 */	}.content_container article ul li.excel {	padding-left: 22px;	background: transparent url("img/content_list_excel_item.gif") no-repeat scroll 0 2px;	zoom: 1; /* graphic bullets not showing in IE7 */	}.content_container article ul li.word {	padding-left: 22px;	background: transparent url("img/content_list_word_item.gif") no-repeat scroll 2px 2px;	zoom: 1; /* graphic bullets not showing in IE7 */	}.content_container article ul li.pps {	padding-left: 22px;	background: transparent url("img/content_list_powerpoint_item.png") no-repeat scroll 0 2px;	zoom: 1; /* graphic bullets not showing in IE7 */	}.content_container article ul li.html {	padding-left: 22px;	background: transparent url("img/content_list_html_item.gif") no-repeat scroll 0 2px;	zoom: 1; /* graphic bullets not showing in IE7 */	}.back_to_top a {	font-size: 12px;	padding: 6px 0 6px 0;	text-align: right;	display: block;	}.content_container a{	color: #179cd8;	text-decoration: none;	}.content_container a:hover {	color: #7bc2e0;	}.content_container a, a:link, a:visited {	color: #179cd8;	text-decoration: none;	}.content_container h5 {	font-family: KlavikaRegularPlain, sans-serif;	margin: 15px 0 5px 0;	color: #000;	font-size: 14px;	}.content_container h6 {	font-family: KlavikaLightPlain, sans-serif;	margin: 15px 0 5px 0;	color: #000;	font-size: 14px;	}.content_container ol {    padding-left: 38px;	}.content_container ul {	list-style: none;	padding-left: 15px;	}.highlight_box {	background: #EBEBEB;	border: 1px solid #C3E3FF;	margin: 20px 0;	padding: 15px 20px 15px 20px;	}.break {	clear: left;	display: block;	}table {	font-size: 12px;	border: 1px solid #ddd;	margin-bottom: 10px;	width: 85%;	}th, thead td {	padding: 4px 8px;	border: 1px solid #ddd;	background: #f5f5f5;	font-weight: bold;	font-size: 13px;	}td {	padding:  4px 8px;	border: 1px solid #ddd;	font-size: 13px;	}tr.odd { background: #F5F5F5; }.sub_navigation_menu h4 {	margin-top: 7px;	}.document_date {	font-family: KlavikaLightPlain, sans-serif;	padding-left: 10px;	font-size: 12px;	color: #000;	}nav p { 	padding-bottom: 0px; 	}.start_event_date {	font-family: KlavikaLightPlain, sans-serif;	padding-left: 10px;	font-size: 12px;	color: #000;	padding-left: 0px;	padding-right: 1px;	}.end_event_date {	font-family: KlavikaLightPlain, sans-serif;	padding-left: 10px;	font-size: 12px;	color: #000;	padding-left: 2px;	}.news_date {	font-family: KlavikaLightPlain, sans-serif;	padding-left: 10px;	font-size: 12px;	color: #000;	padding-left: 0px;	}p.ne_date {	margin-top: -5px;	margin-left: 0;	}article.noticias {	padding-top: 1px;	}article.noticias p {	margin-left: 3px;	margin-bottom: 5px;	}.date p {	margin-left: 3px;	padding-bottom: 0px;	margin-bottom: 12px;	font-family: KlavikaLightPlain, sans-serif;	font-size: 12px;	color: #000;	}article.noticias p a {	margin-left: -2px;	}article ul li {	list-style: none;}.grandchild {	margin-left: 13px;	font-family: KlavikaRegularPlain, sans-serif;	font-size: 11px;}strong {	font-weight: bold;	}ol.ol_alpha_statutes li:before {  content: counter(item, lower-alpha) ") ";  counter-increment: item;  display: marker;  width: 2em;  padding-right:5px;}ol.ol_alpha_statutes {    counter-reset: item;    list-style-type: none;    margin-left: -22px;}.qtrans_language_chooser li.active{display:none;}.qtranxs_language_chooser li.active{display:none;}/* 16/03/2015 - Miguel Morais *//*#location-chooser,.qtrans_widget_end {	display: none;}*/#location-chooser {	list-style-type: none;	float: right;}div.lang {	display: block;	width: 100%;	height: 30px;	padding-top: 20px;}