/*
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
*/


/*......................................................................................

....................Template Geral Entidades............................................


Tiago Pratas @ NME ---------------------------------- Núcleo de Multimédia e e-Learning

||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

Responsive CSS...........................................................|||||||||||||||

|||||||||||||||........................................................... Outubro de 2012

.....................................................................................*/


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.content_container {
		width: 63%;
		}
	.global_navigation {
		margin-top: 65px;
		width: 62%;
		}
	.global_navigation ul li {
		padding-left: 2%;
		}
	.contextual_navigation {
		width: 258px;
		}
	.contextual_navigation dl {
		border-top: 1px solid #EBECED;
		margin: 0 24px;
		}
    .contextual_navigation dd {
		border-bottom: 1px solid #EBECED;
		padding: 4px 0;
		}

	}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	header {
		height: auto;
		}
	.content_wrapper {
		border-top: none;
		}
	.position {
		width: 241px;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
		}
	.global_navigation {
		width: 100%;
		margin-top: 0px;
		display: block;
		text-align: center;
		border-bottom: 17px solid #EBECED;
		padding-bottom: 12px
		}
	#homepage .global_navigation {
		border-bottom: none;
		padding-bottom: 0;
		}
	.global_navigation ul li {
		padding-left: 1%;
		}
	.homepage_intro_container {
		margin: 30px auto;
		width: 100%;
		}
	.homepage_intro {
		width: 100%;
		margin-bottom: 14px;
		}
	.sub_navigation_menu_container {
		width: 100%;
		}
	.sub_navigation_menu {
		width: 47.5%;
		margin-right: 5%;
		}
	.sub_navigation_menu:nth-child(2),
	.sub_navigation_menu:nth-child(4) {
		margin-right: 0;
		}
	.content_wrapper .content_container {
		width: 100%;
		}
	.sub_navigation_menu {
		width: 100%;
		text-align: center;
		}
	.content_container {
		width: 100%;
		}
	.contextual_navigation {
		width: 100%;
		border-top: 1px dotted #afafaf;
		border-bottom: 1px dotted #afafaf;
		margin-top: 20px;
		position: relative;
		padding-top: 0;
		}
	.contextual_navigation	h2,
	.contextual_navigation	p,
	.breadcrumbs {
		display: none;
		}
	.contextual_navigation a {
    	color: #4c4c4c;
    	font-size: 13px;
	    text-decoration: none;
	    text-transform: uppercase;
	    background: none;
		}
	.contextual_navigation dl {
		margin-top: 10px;
		padding-top: 0;
		padding-bottom: 10px;
		}
	.contextual_navigation dt {
		font-size: 11px;
	    text-transform: uppercase;
	    color: #000;
	    padding: 0;
	    margin-top: 0;
		}
	.contextual_navigation dd {
		margin-left: 0;
		padding-left: 0;
		text-align: center;
		padding: 4px 0;
		display: none;
		}
	.contextual_navigation dd.active {
		margin-left: 0px;
		padding-left: 0px;
		text-align: center;
		display: block;
		}
	.contextual_close_top a {
		background: transparent url("../img/mobile_navigation_close.png") no-repeat scroll 0 0;
		position: absolute;
		right: 0;
		top: 12px;
		text-indent: -9999px;
		width: 12px;
		height: 8px;
		}
	.contextual_close_bottom a {
		background: transparent url("../img/mobile_navigation_close.png") no-repeat scroll 0 0;
		position: absolute;
		right: 0;
		bottom: 8px;
		text-indent: -9999px;
		width: 12px;
		height: 8px;
		}
	.contextual_open_top a {
		background: transparent url("../img/mobile_navigation_open.png") no-repeat scroll 0 0;
		position: absolute;
		right: 0;
		top: 12px;
		text-indent: -9999px;
		width: 12px;
		height: 8px;
		}
	.contextual_open_bottom a {
		background: transparent url("../img/mobile_navigation_open.png") no-repeat scroll 0 0;
		position: absolute;
		right: 0;
		bottom: 8px;
		text-indent: -9999px;
		width: 12px;
		height: 8px;
		}
	.contextual_breadcrumbs {
		margin-top: -6px;
		}
	.contextual_open_top,
	.contextual_open_bottom,
	.contextual_close_top,
	.contextual_close_bottom {
		display: block;
		}
	.content_wrapper{
		background: inherit;
		}
	.content_wrapper .contextual_navigation {
		background: url(../img/bg_wrapper.png) transparent;
		}
	.closed_contextual_navigation dd {
		display: none;
		}
	.closed_contextual_navigation dd.active {
		display: block;
		}
	.grandchild {
		display: none !important;
		}

	}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	header {
		background: none;
		}
	.global_navigation {
		/*background: transparent url("../img/background_nav_mobile.png") no-repeat scroll center 14px;*/
        margin-top: 0px;
        text-align: center;
		}
	.global_navigation ul.opened_global_navigation {
		width: 130px;
		height: auto;
		border: 1px solid #4DB9E7;
		margin: 30px auto 0 auto;
		padding-bottom: 4px;
		}
	.global_navigation ul.closed_global_navigation {
		width: 130px;
		height: 31px;
		border: 1px solid #4DB9E7;
		margin: 30px auto 0 auto;
		padding-bottom: 4px;
		overflow: hidden;
		}
	.global_navigation ul li {
		border-bottom: 1px solid #4DB9E7;
		margin: 0 6px;
		padding: 0;
		display: block;
		}
	.global_navigation ul li a {
		display: block;
		padding: 10px 0 4px;
	}
	.global_navigation ul li.active a {
		color: #4DB9E7;
		}
	.global_navigation ul li.active a:hover {
		color: #4DB9E7;
		}
	.global_navigation ul li.open a {
		background: transparent url("../img/mobile_navigation_open.png") no-repeat scroll right 14px;
		padding-right: 26px;
		margin-left: 26px;
		}
	.global_navigation ul li.close a {
		background: transparent url("../img/mobile_navigation_close.png") no-repeat scroll right 14px;
		padding-right: 26px;
		margin-left: 26px;
		}
	.global_navigation ul li:first-child {
		border-bottom: 1px solid #4DB9E7;
		padding-bottom: 4px;
		}
	.global_navigation ul.closed_global_navigation li:first-child {
		border-bottom: none;
		}
	.global_navigation ul li.active {
		border: none;
		border-bottom: 1px solid #4DB9E7;
		}
	.global_navigation ul li:last-child {
		border-bottom: none;
		}
	.global_navigation ul li:first-child a {
		color: #000;
		}
    .global_navigation ul li {
		display: none;
		}
	.global_navigation ul li:first-child {
		display: block;
		}
	.sub_navigation_menu {
		width: 100%;
		text-align: center;
		}
	h2.section_identifier {
		font-family: KlavikaBold, sans-serif;
    	font-size: 20px;
    	text-transform: uppercase;
		border-bottom: none;
		display: block;
		text-align: center;
		padding-top: 20px;
		clear: both;
		}
	.homepage_intro_container h2 {
		display: block;
		}
	.content_container {
		width: 100%;
		}
	.contextual_navigation {
		width: 100%;
		border-top: 1px dotted #afafaf;
		border-bottom: 1px dotted #afafaf;
		margin-top: 20px;
		position: relative;

		}
	.contextual_navigation	h2,
	.contextual_navigation	p,
	.breadcrumbs {
		display: none;
		}
	.contextual_navigation a {
    	color: #4c4c4c;
    	font-size: 13px;
	    text-decoration: none;
	    text-transform: uppercase;
	    background: none;
		}
	.contextual_navigation dd.active {
		margin-left: 0px;
		padding-left: 0px;
		text-align: center;
		}
	.contextual_close_top a {
		background: transparent url("../img/mobile_navigation_close.png") no-repeat scroll 0 0;
		position: absolute;
		right: 0;
		top: 22px;
		text-indent: -9999px;
		width: 12px;
		height: 8px;
		}
	.contextual_close_bottom a {
		background: transparent url("../img/mobile_navigation_close.png") no-repeat scroll 0 0;
		position: absolute;
		right: 0;
		bottom: 8px;
		text-indent: -9999px;
		width: 12px;
		height: 8px;
		}
	.contextual_open_top a {
		background: transparent url("../img/mobile_navigation_open.png") no-repeat scroll 0 0;
		position: absolute;
		right: 0;
		top: 22px;
		text-indent: -9999px;
		width: 12px;
		height: 8px;
		}
	.contextual_open_bottom a {
		background: transparent url("../img/mobile_navigation_open.png") no-repeat scroll 0 0;
		position: absolute;
		right: 0;
		bottom: 8px;
		text-indent: -9999px;
		width: 12px;
		height: 8px;
		}
	.opened_global_navigation {
		list-style: none;
	}
	.contextual_close_top,
	.contextual_close_bottom {
		display: block;
		}
    .global_navigation ul li {
    	text-align: center;
		}
	.content_wrapper{
		background: inherit;
		}
	.content_wrapper .contextual_navigation {
		background: url(../img/bg_wrapper.png) transparent;
		}
	.closed_contextual_navigation dd {
		display: none;
		}

	.closed_contextual_navigation dd.active {
		display: block;
		}
	}