/*
Theme Name: Técnico Saúde
Theme URI: http://groups.ist.utl.pt/unidades
Description: Template Técnico Saúde Serviços
Version: 1.0
Author: NME - Núcleo de Multimédia e e-learning
Author URI: http://nme.ist.utl.pt
Template: geral
*/


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

NME -------------------------------------------------- Núcleo de Multimédia e e-Learning

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

Screen CSS...............................................................|||||||||||||||

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

/********||||||  960 Grid System "http://960.gs/" ******/

@import url("../geral/style.css");

@font-face {
    font-family: 'latobold';
    src: url('type/lato-bold-webfont.eot');
    src: url('type/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/lato-bold-webfont.woff') format('woff'),
         url('type/lato-bold-webfont.ttf') format('truetype'),
         url('type/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('type/lato-regular.eot');
    src: url('type/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('type/lato-regular.woff') format('woff'),
         url('type/lato-regular.ttf') format('truetype'),
         url('type/lato-regular.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}


h1 a {
	background: url("img/logo_tecnico_saude.png") no-repeat 0 0;
	display: block;
	width: 142px;
	height: 60px;
	text-indent: -9999999px; 
	
	}
h1 {
	padding: 46px 0 0 0;
	display: inline-block;
	}
.content_wrapper h2 {
 margin-bottom: 20px;
 }
.positionlogo {
	margin-top: 16px;
}

html {
	background-color: #333333;
}		

/********||||||  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';
	}

/************** botton ******************/	

.css3button  button{
		font-family: 'KlavikaMediumPlain', Arial, sans-serif;
	font-size: 12px;
	color: #009DDF;
	padding: 8px 8px;
	background: -moz-linear-gradient(
		top,
		white 0%,
		#ebebeb);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(white),
		to(#ebebeb));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 2px;
	margin-top: 20px;
	border: 1px solid #999;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
	/*text-shadow:
		0px -1px 0px rgba(255,255,255,0.7),
		0px 1px 0px rgba(000,000,000,0.3);*/
}

.css3button  button:hover  {
	font-family: 'KlavikaMediumPlain', Arial, sans-serif;
	font-size: 12px;
	color: #33434E;
	padding: 8px 8px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 2px;
	-moz-box-shadow:
		inset 0px 0px 5px rgba(0,0,0, 0.5);
	-webkit-box-shadow:
		inset 0px 0px 5px rgba(0,0,0, 0.5);
	box-shadow:
		inset 0px 0px 5px rgba(0,0,0, 0.5);
	
	}


.contextual_navigation dl dd:last-child {
	margin-bottom: 47px;
}

.wp-image-345 {
	margin-bottom: 20px;
	width: 100%;	
}

#footercontainer {
	margin-top: 70px;
}