/*Web warper*/
#wrap
{
    width : 800px;
    text-align : left;
    margin : 0 auto;
    position : relative;
	background-color: #FFFFFF;
}

/*bunner */
#bunner
{
    position : relative;
    height : 80px;
    width : auto;
    text-align : left;
    margin : 0 auto;
    background-image : url("../images/Top.jpg");
    background-repeat : no-repeat;
    background-position : center;
}

/*heade - includes the menu*/
.header
{
    position : relative;
    height :254px;
	background-color : white;
}

/*========================= TOP OF THE MENU CASCADE =========================*/
.menu {
	position:relative;        /* establish a menu-relative positioning context */
	z-index : 50;
	float:left;                                     /* play nicely with others */
	height:19px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	color:white;
	font-size:12px;         /* this (and also below) sets the menu's font size */
    font-weight : bold;	
	top : 235px; /* header height - line-height*/	
}

.menu ul {
	margin:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin: 0px 10px 0px 5px;
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                   /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	height:16px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	position:absolute;
	clear : left;
	z-index : 100;
	display:block;
	margin:0;
	top:18px;              	/* place us just up underneath the top-level images */
	left:-5px;       		/* left-align our drop-down to the previous button border */
	height:auto;      		/* the drop-down height will be determiend by line count */
	width:13.5em;
	color:black;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective "border" color */
}


.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	height:auto;
	color:white;               /* this sets the unselected drop-down text color */
	background:black;       /* this sets the drop-down menu background color */
	width:13.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color: #EBC51C;
	background: black;
} 



/* content warperheade - includes the menu*/
#content
{
    clear : both;
    width : 800px;
    height : auto;
    margin : 0 auto;
    position : relative;
	background-color : #FFFFFF;
	float: left;
}

*:first-child+html #content			/* only for IE7 */
{
	z-index: -1;
}

.imgMenu3x1
{
	position:relative;
    margin : 5px 0px 5px 5px;
	width : 260px;
	height : 160px;
    float : left;
    text-align : center; 
}
.imgMenu
{
 	position:relative;
    margin : 5px 0px 5px 5px;
	width : 193px;
	height : 120px;
    float : left;
    text-align : center;  
}

.imgMenu img, .imgMenu3x1 img
{	
	position:absolute;
	left:0px;
	top:0px;
    display : inline;
    margin-top: 5px;
	float : left;
	border : 0;
}

.imgMenu:hover, .imgMenu3x1:hover, imgMenu:hover img, imgMenu3x1:hover img
{
	cursor:pointer;
}

.imgMenu img
{
	height: 90px;
	/*width: 96px;*/
}

.imgMenu:hover img
{
	height: 112px;
	/*width: 120px;*/
}

.imgMenu3x1 img
{
	height:120px;
	/*width:128px;*/
}

.imgMenu3x1:hover img
{
	height:150px;
	/*width:160px;*/
}
.imgMenu h2, .imgMenu3x1 h2
{
    display : inline;
	text-align : left;
	float : right;
	width : 50%;
	margin-left : 0;
}
/*--------------------------------------------------------*/
.PDFMenu
{
    margin : 5px 0px 5px 5px;
	width : 193px;
	height : 35px;
    float : left;
    text-align : center;
}
.PDFMenu img
{	
	position:absolute;
	left:0px;
	top:0px;
    display : inline;
    margin-top: 5px;
	float : left;
	border : 0;
}
.PDFMenu img
{
	height: 24px;
}
.PDFMenu a:hover img
{
	height: 32px;
}

.PDFMenu h2
{
    display : inline;
	text-align : left;
	float : left;
	margin-left : 34px;
	margin-top : 10px;
	color : black;
}

.PDFMenu a:hover h2
{
	color: #EBC51C;
	cursor: pointer;
}

.PDFBox
{
	clear : both;
    width : 99%;
    height : 35px;
	position : relative;
    margin : 0;
	float : left;
}

/*-------------------------------------------------------*/
.BlackBox
{
	clear : both;
    width : 99%;
    height : 14px;
	position : relative;
    margin : 0;
	float : left;
	background-color: #808080;
}

a:hover .BlackBox 
{
	background-color: #000000;
}

.TextBlock
{
    float: right;
	width: 50%;
}
.desc
{
    text-align : justify;
    margin : 5px 10px 5px 10px;
    color: Black;
    width:50%;
    height:100%;
}

.topicMenu
{
	clear : both;
    width : auto;
    margin : 0 auto;
    border-top : 3px solid black;
}

.topicMenuitem
{
	float: left;
	width:149px;
	margin : 5px;
	position : relative; 
	text-align : left;
}

.topicMenuitem li
{
	line-height:15px;
	list-style-type:none;
}

.topicMenuitem ul
{
	margin: 3px 0px 5px 0px;
}

.topicMenuitem a
{
	color: #000000;
}
.topicMenuitem a:hover, a:focus, a:active
{
    color : #EBC51C;
}


.ObjTopic
{
    margin : 5px;
	width : 790px;
    float : left; 
}
.ObjTopic h2
{
	width : 790px;
	text-align : left;
	background-color: #000000;
	color: #FFFFFF;
}
.ObjPos
{
	display : inline;
    margin : 5px;
	float : left;
}

.RefTopic
{
    margin : 5px;
	width : 790px;
    float : left; 
}
.RefTopic h2
{
	width : 790px;
	text-align : left;
	background-color: #000000;
	color: #FFFFFF;
}
.RefPos
{
	display : inline;
    margin : 5px;
	float : right;
}

.SingleBlock
{
	text-align : justify;
	width : 790px;
    margin : 0px 0px 0px 5px;
    float : left;
}
.SingleBlock li
{
    list-style : disc; 
	margin-left : 15px;
}
.SingleBlock img
{
	display : inline;
    margin : 10px;
	float : right;
	border : 0;
}

.SingleBlock h2
{
	background-color: #000000;
	color: #FFFFFF;
	margin : 0px 5px 5px 0px;
}
.SingleBlock a
{
	color: blue;
	text-decoration : none;
    outline : 0;
    direction : ltr;
}
.SingleBlock a:hover, .SingleBlock a:focus
{
    color : #EBC51C;
}
.SingleBlock a:active
{
    text-decoration : underline;
    color : #EBC51C;
}

.ContactoIco
{
	clear : both;

    float: left;
	height: 24px;
	width : 24px;
	margin-left: 0;
	background-color: white;
}
.ContactoIco img
{
	margin: 0;
	display : inline;
	float : left;
	border : 0;
	height: 24px;
}
.ContactoText
{
	padding-left:30px
}


.LeftBlock
{
	text-align : justify;
    margin : 0px 0px 0px 5px;
    float : left; 
}
.LeftBlock h2
{
	background-color: #000000;
	color: #FFFFFF;
	margin : 0px 5px 5px 0px;
}
.RightBlock
{
    margin : 0px 5px 0px 5px;
    float : right;
}

.LSize50{width : 392px;}
.RSize50{width : 392px;}

.LSize20{width : 620px;}
.RSize20{width : 165px;}
	
/* footer  warper*/
#footer
{
    /*clear : both;*/
    /*width : 800px;*/
    height : 50px;
    margin : 0 auto;
    padding-top : 10px;
    border-top : 2px solid black;
	background-color: #EbE5D3;
}
#footer p, #footer a
{
    position : relative;
    margin : 2px;
    line-height : normal;
    font-size: 9px;
	color: black;
}
#legal
{
	padding-left : 5px;
    float : left;
}
#links
{
	padding-right : 5px;
    float : right;
}