html, body {
	font-size: 14px;
	font-family: 'Comfortaa', cursive, "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
	background: url("http://scmpoiares.pt/data/uploads/pagina/scmp1.png") no-repeat center 210px;
	background-attachement: scrool;
	background-size: contain;
   	margin: 0px;
	padding: 0px;
	height: 100%; }
 
.page {
	width: 1280px;
	margin: 0px auto;
    }
 
/* hack para IE6 que trata height como min-height */
* html .page { height: 100%; }

/* ---------------------------------------------------------------------------- Complementos */
a:link { color: #336699; }
 
a:visited { color: #336699; }
 
a:hover {color: #7D7D5B;
	text-decoration: none; }
 
a:active { color: #336699; }
 
p {margin: 0px;
	line-height: 1.6em; }
 
h1 {font-family: 'Archivo Narrow', sans-serif;
	line-height: 1.1;
	font-size: 1.6em;
	color: #000080;
	padding:0px; 
    margin:0;
    }
 
h2 {font-family: 'Sanchez', Garamond, serif;
	font-size: 1.5em;
	color: #00007E;
	font-weight: 600;}

h3 {font-family: 'Sanchez', Garamond, serif;
	font-size: 1.5em;
	color: #7D7D5B;
	font-weight: 600;}
 
h4 {font-family: 'Sanchez', Garamond, serif;
	font-size: 14px;}
 
h5 {font-family: 'Sanchez', Garamond, serif;
	font-size: 1.1em; 
   color: #336699;}
 
h6 {font-family: 'Sanchez', Garamond, serif;
	font-size: 1em; }
 
.clear { clear: both; }
 
.bold { font-weight: bold; }
 
/* ---------------------------------------------------------------------------- HEADER  */
.header {
	height:115px;
	top: 0px; 
    text-align:center;
    padding:10px 0 0 0;
    }
 
a#logo
{
	font-family: 'Archivo Narrow', sans-serif;
	float: center;
<!--		margin:0 0 0 150px ;
	margin: 2% 0 ; -->
	letter-spacing: .05em;
	line-height: 115%;
    font-size:32px;
    color:#00007E;
	font-weight:bold;
    text-decoration:none;
}
a:hover#logo
{
    opacity:0.7;
	filter: alpha(opacity=70);
 	-webkit-transition: opacity 0.3s linear;
}

.tagLine
{	
	float: left;
    margin:0 0 0 220px ;
<!--     position:relative; -->
    color:#7D7D5B;
    font-size:19px;
}

/* ---------------------------------------------------------------------------- MENU  */

.preMenu
{
    background:url('../images/preMenu.png') no-repeat left;
    margin: 50 0 0 -50px;
    width: 50px;
	height: 76px;
    float:left;
}
.posMenu
{
    background:url('../images/posMenu.png') no-repeat left;
    margin:0 -50px 0 0;
    width: 50px;
	height: 76px;
    float:left;
}

#nav, #nav ul{
    margin:0;
    padding:31px 0 0 0;
    float:left;
    background:url('../images/menu.png') repeat-x;
    height:76px;
    width:900px;
    text-align:center;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:1.5em; 
}

#nav li{
    margin:2px 0 0 0;
    float:left;
    position:relative;
    height:40px;
    min-width:100px;
}

#nav li a{
    display:block;
    padding:0px 5px;
    color:#ffffff;
    text-decoration:none;
	text-transform:uppercase;
 <!--   font-weight:bold; -->
    height:28px;
	width: 120px;
    padding:12px 0 0 0;
}

#nav a:hover{
    background-color:#7D7D5B; <!-- 0FA8BF 0F5FE3-->
    color:#fff;
}

/* SubMenu */
#nav ul {
    position:absolute;
    display:none;
    width:150px;
    top:20px;
    z-index:999;
}

#nav ul li{
    background-color:#336699;
    margin:0;
    width:150px;
    border-bottom:1px solid #444;
}

#nav li ul a{
    width:138px;
    height:30px;
    float:left;
    padding:10px 0 0 5px;
    margin:0 0 0 3px;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:15px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* ---------------------------------------------------------------------------- CONTENT  */
.left
{
    margin:20px 0;
    height:auto;
    float:left;
    width:100%;
}
.bg-left
{
    background:url('../images/left.png') no-repeat top center;
    position:relative;
    height:auto;
    width:100%;
    float:left;
    margin:0px;
}
.content-left
{
    background:url('../images/bg-content.png');
    float:left;
    width:84%;
    margin:0px 0 0 80px;
    padding:20px;
    line-height:35px;
    
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    -moz-box-shadow: 8px 0px 15px #B3CBD0;
    -webkit-box-shadow: 8px 0px 15px #B3CBD0;
    box-shadow: 8px 0px 15px #B3CBD0;
    filter: progid: DXImageTransform.Microsoft.Shadow(strength = 8, direction = 90, color = '#B3CBD0');
    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 8, Direction = 90, Color = '#B3CBD0')";
}

.right
{
    margin:20px 0;
    height:auto;
    float:right;
    width:30%;
    min-width:300px;
}
.bg-right
{
    background:url('../images/right.png') repeat-y top right;
    position:relative;
    height:auto;
    width:100%;
    float:right;
    margin:0px;
}
.content-right
{
    background:url('../images/bg-content.png');
    float:right;
    width:68%;
    margin:0px 80px 0 0;
    padding:20px;
    line-height:35px;
    
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    -moz-box-shadow: -8px 0px 15px #B3CBD0;
    -webkit-box-shadow: -8px 0px 15px #B3CBD0;
    box-shadow: -8px 0px 15px #B3CBD0;
    filter: progid: DXImageTransform.Microsoft.Shadow(strength = -8, direction = 90, color = '#B3CBD0');
    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = -8, Direction = 90, Color = '#B3CBD0')";
}
.content-right ul li
{
    list-style:circle;
}


#content
{
    float:left;
    width:724px;
    z-index:1;
    padding:20px;
    min-height:200px;
    font-size:14px;
}
#content h2
{
    color:#ccc;
}
#content p
{
    color:#999;
}
#content ul
{
    color:#ccc;
    list-style-type:square;
    margin:20px;
}
#content ol
{
    color:#ccc;
    list-style-type:upper-roman;
    margin:20px;
}

/* ---------------------------------------------------------------------------- SIDEBAR */
.sidebar
{
    width:240px;
    line-height:25px;
    list-style-type:circle;
    float:right;
    padding:20px 0 0 10px;
    color:#444;
    border-left:2px dotted #111;
}
.sidebar ul li
{
    margin:0 0 0 15px;
    list-style-type:circle;
}

/* ---------------------------------------------------------------------------- FOOTER  */
.footer
{
	padding:0;
	position: relative;
	bottom: 0;
	width: 100%;
	height: 196px;
	color: #444;
	font-size: 12px;
	z-index:0;
}
.dev
{
	position: absolute;
	font-weight: normal;
    width:100%;
	bottom: 10px;
    left:15px;
    text-align:center;
}
.dev a
{
    color:#444;
}
.dev a img
{
	border:none;
	opacity:0.7;
}
.dev a img:hover
{
	opacity:1;
}