ÿþ/*----------fana  ic-------------*/



/* =CLEAR DESIGN

----------------------------------*/



*{margin: 0;

	padding: 0;

}

body{

	background: #fff;

	height: 100%;

	font: 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	position : relative;

}

/*a:link, a:visited, a:focus, a:hover, a:active

	{text-decoration: underline;

	color: #00f;}*/

img{

	border: 0;

}

.hide{

	display: none;

}

/* =MAIN

-----------------------*/

h1, h2, h3, h4{

	font-family : Georgia, serif;

	font-weight: normal;

}

p {

	font-family : Arial, sans-serif;

	font-size : 1.2em;

	/*text-indent : 20px;*/

	clear : both;

}



/* =DESIGN

--------------------------*/

body {

	background : #010632 url(../dsgn/body.jpg);

}

#back{

	background : #010422 url(../dsgn/body_up.jpg) repeat-x;

	width : 100%;

	height : 269px;

}

#wrap {

	background: #fff url(../img/up.jpg) repeat-x;

	margin : -269px auto;

	width : 656px;

	position : relative;

	top: 30px;

}

#reclama1{

	background : #010632 url(../dsgn/body.jpg);;

	text-align : center;

}

#header {

	background: #664300 url(../dsgn/head.jpg) repeat-x;

	width : 656px;

	height : 343px;

}

#header h1{

	position : relative;

	width : 499px;

	height : 166px;

	top : 152px;

	left : 34px;

	font-family : Georgia, serif;

	font-size : 7.1em;

	z-index : 1;

}

#header h1 span{

	background: url(../dsgn/head_logo.jpg);

	position : absolute;

	width : 100%;

	height : 100%

}

#header h2{

	position : relative;

	width : 520px;

	top : 105px;

	left : 37px;

	color : #fff;

	font-family : Georgia, serif;

	font-size : 1.4em;

	font-weight : lighter;

	text-transform : uppercase;

}

/*

#header p{

	position : relative;

	width : 431px;

	top : 122px;

	left : 37px;

	color : #fff;

	font-family : Arial, sans-serif;

	font-size : 1.3em;

	font-weight : lighter;

}

*/

#header MARQUEE{

	position : relative;

	width : 431px;

	top : 122px;

	left : 37px;

	color : #fff;

	font-family : Arial, sans-serif;

	font-size : 9pt;

	font-weight : lighter;

}

/*-------------------------------------------------------------------------*/

#content {

	background: #fff url(../dsgn/content_gracos.gif) no-repeat top right;

}

#content img {

	background: #fff;

	float : left;

	padding : 5px;

	margin: 10px 10px 10px 10px;

	display : block;

	border : 1px solid black;

	position : relative;

}

.clear{

	clear: both;

}

#content h3{

	background: url(../dsgn/headliner.gif) no-repeat top left;

	position : relative;

	width : 480px;

	padding: 25px 0 50px 35px;

	color : #020530;

	font-size : 3em;

}

#content h4{

	position : relative;

	width : 468px;

	padding: 30px 0 0 45px;

	color : #020530;

	font-size : 2em;

}

#content p{

	padding : 15px 0 0 0;

	position : relative;

	width : 468px;

	left : 45px;

	font-size : 1.3em;

	text-align : justify;

}

#content table{

	padding : 15px 0 0 0;

	position : relative;

	width : 630px;/*468px;*/

	left : 10px;/*45px; */

	font-size : 1.3em;

/*	text-align : justify;*/

}

#content a{

	color : #00f;

	text-decoration: underline;

}

#content a:hover{

	background: #010632;

	color: #fff;

	text-decoration : none;

}

#content ol {

	padding : 20px 0 0 0 !important;   /* GB>1K CAB@0=8BL 8AG57=>25=85 =C<5@0F88 2 IE 87-70 =5=>@<0;L=>9 @01>BK A 2=CB@. ?>;O<8 A?8A:0 */

	padding : 20px 0 0 25px;

	width : 550px;

	position : relative;

	left : 80px;

	font-family : Arial, sans-serif;

	font-size : 1.2em;

	text-align : justify;

	list-style-type: decimal;

}



#tab1{

	/*padding : 15px 0 0 0;*/

	position : relative;

	/*width : 468px;*/

	left : 45px;

	font-size : 0.9em;

	text-align : justify;

}

/*-------------------------------------------------------------------------*/

#footer {

	background : #fff;

	width: 100%;

}

#line{

	background : #000 url(../dsgn/footer_gracos.gif) no-repeat top right;

	position : relative;

	margin : 30px 0 0 4px;

	padding: 0 0 0 40px;

	width : 608px;

	height : 18px;

	color : #d2c600;

}



#f1, #f2{

	background : #fff;

	margin : 0 0 0 45px;

	float : left;

	display : inline;            /*IE double-margin bug fix*/

	font-size : 1em;

}



#f3{

	position : relative;

	margin : 0 auto;

	width : 333px;

	height : 73px;

	top : 0px;

	left : 4px;

	clear : both;

}

#f3 span {

	background: url(../dsgn/pastila.gif);

	position : absolute;

	width : 100%;

	height : 100%

}

#f4 {

	background : #010632 url(../dsgn/body.jpg);;

	position : relative;

	top : 10px;

	width : 100%;

	height : 20px;

}

/* =NAVIGATION

------------------------------------*/

#navigation ul{

	background : url(../dsgn/mn.gif);

	position : absolute;

	top : 30px;

	left : 520px;

	list-style : none;

	width : 120px;

	font-family : Georgia, serif;

	font-size : 1.6em;

	z-index : 2;

}

#navigation>#nav, #navigation>#nav>li>ul {

	background : url(../dsgn/menu_opacity.png);              /* GB>1K =>@<0;L=K5 1@0C75@K 2848;8 PNG */

}

#navigation ul li {

	position : relative;

}

#navigation ul li a{

	display : block;

	height: 100%;

	text-decoration : none;

	color : #fff;

	padding : 1px 0 0 5px;

}

#navigation ul li a:hover {

	color: #000;

	background : #c3bc57;

	height: 100%;

}

#navigation ul li ul{

	position: absolute;

	left: -119px;

	top : 0px;

	display: none;

	list-style-type: none;

	color : #fff;

	font-size : 0.8em;

}

#navigation ul li ul li a {

}

#navigation ul li ul li a:hover {

	color: #000;

	height: 100%;

	background: #c3bc57;

}

/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; }

* html ul li a { height: 1%; }

/* End */



#navigation li:hover ul, #navigation li.over ul, #navigation li.hover ul{		/* 389 ?C=:B - 'B>1K <5=N 2K20;820;>AL 2 IE */

	display: block;

}

body.now #nav a#now,

body.albom #nav a#albom,

body.home #nav a#home,

body.prog #nav a#prog,

body.reg #nav a#reg,

body.part #nav a#part,

body.lake #nav a#lake,

body.cont #nav a#cont,

body.we #nav a#we,

body.arch #nav a#arch{

	color : #d2c600;

}

body.now #nav a:hover#now,

body.albom #nav a:hover#albom,

body.home #nav a:hover#home,

body.prog #nav a:hover#prog,

body.reg #nav a:hover#reg,

body.part #nav a:hover#part,

body.lake #nav a:hover#lake,

body.cont #nav a:hover#cont,

body.we #nav a:hover#we,

body.arch #nav a:hover#arch{

	color : #000;

}