/*
Theme Name: Safh v2
Description: Layout original da Safh.
Version: 1.0
Author: Tiago Sá
*/

/* common parts */
body{
	margin:0;
  	color:#000;
	font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif, Verdana;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#000;
}
a:hover{text-decoration:underline;}

ul{margin-left:5px}

h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", Verdana, Arial;
	padding:0 0 0 30px;
}

h2 {
	border-bottom: 1px dotted #ccc;
	letter-spacing: 0.2em;
	padding-bottom: 2px;
	color:#333333;
}

h3 {
    color:#333333;
	font-size:16px;
}
h4 {
    color:#333333;
	font-size:14px;
	margin-bottom:-15px;
}
h5 {
    color:#666666;
	font-size:10px;
	margin-top:-15px;
	margin-bottom: 0;
	font-weight:normal;
}
/* page */
#page{
	margin:0 auto;
	width:968px;
	padding:19px 0 0;
}
/* page container */
#container{
	background:url(images/page.jpg);
	width:914px;
	height:527px;
	float:left;
	overflow:hidden;
	margin:0 0 0 27px;
	display:inline;
	position:relative;
}
/* logo */
.logo{
	margin:0;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo.gif);
	width:199px;
	height:33px;
	left:31px;
	top:461px;
}
.logo a{
	display:block;
	height:100%;
}
/* content */
.content{
	padding:22px 0 0 0;
	width:914px;
	height:416px;
	overflow:hidden;
}
.content-hold{
	padding:0 0 0 0;
	width:914px;
	height:416px;
	overflow:auto;
}
.content-home{
	padding:0 0 0 30px;
	width:855px;
	height:416px;
	overflow:auto;
}
.content-img{
	float:right;
	padding:0 30px 0 5px;
	width:280px;
	overflow:hidden;
}
.content-hold p{
	padding:0 350px 0 30px;
}
.content img{display:block;}
/* navigation */
.navigation{
	padding:20px 0 0 312px;
	width:600px;
}
.navigation ul{
	padding:0;
/*	margin:0 -20px 0 0;*/
	margin:0 0 0 -30px;
	width:620px;
	list-style:none;
	font:16px/18px Arial, Verdana, sans-serif;
}
.navigation li{
/*	float:left;*/
	float:right;
	padding:0 20px 0 0;
}
.navigation a{
	color:#999;
	height:18px;
	float:left;
}
/* (estas propriedades foram removidas para  header.php)
.navigation .active a,
.navigation a:hover{
	color:#4a003b;
	text-decoration:none;
}
*/
.navigation .active li a{color:#999;}
/* (estas propriedades foram removidas para  header.php)
.navigation .active li a:hover{color:#4a003b;}
*/
.navigation li ul{
	position:absolute;
	left:0;
	top:18px;
	display:none;
	margin:0;
	width:200px;
	padding:0 0 0;
	/*padding:4px 0 0;*/
	font:10px/11px Arial, Verdana, sans-serif;
	/*font:10px/12px Arial, Verdana, sans-serif;*/
}
.navigation li:hover,
.navigation li.hover{position:relative;}
.navigation li:hover ul,
.navigation li.hover ul{display:block;}
.navigation li li{
	float:none;
	padding:0;
}
.navigation li li a{
	float:none;
	height:auto;
}
/* flags */

#flag{
	float:right;
	width:27px;
	overflow:hidden;
	background:url(images/flags-bg.jpg);
	height:56px;
	margin:21px 0 0 0;
}
#flag ul{
	padding:3px 0 0 4px;
	margin:0;
	list-style:none;
}
#flag li{
	padding:4px 0 0;
	overflow:hidden;
	width:18px;
	height:12px;
}
/* footer */
#footer{
	width:941px;
	overflow:hidden;
	clear:both;
	color:#aaa;
	padding:0 0 20px;
}
#footer ul{
	text-align:right;
	padding:5px 20px 0 0;
	margin:0;
	list-style:none;
	font:13px/16px Arial, Verdana, sans-serif;
}
#footer li{
	display:inline;
	padding:0 11px;
}
#footer a{color:#aaa;}
#footer a.no-dec{text-decoration:underline;}
#footer a.no-dec:hover{text-decoration:none;}