/* CSS Document version$ 1.1 Ever Ascencio - Designer (info@everascencio.com)*/
img {behavior: url(js/iepngfix.htc);}

/*BODY "Trebuchet MS",Arial,sans-serif;*/
html{height:100%}
body {margin-bottom:60px;margin-top:20px; background-position:top; background-repeat:repeat-x;}
body, table, tr, td	{font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight:normal}
/*--------------------------------------------------------------------------*/

p {
	font-size: 1em; /* 14px */
	line-height: 1.357em;
	margin: 0 0 1.357em 0;
	color: #2C2C2C;
}

p.duble {
	font-size: 14px; 
	line-height: 1.357em;
	margin: 0 0 1.357em 0;
	color: #2C2C2C;
}

p.small {
	font-size: 0.786em;
	line-height: 1.727em;
	margin-bottom: 1.727em;
	color: #999;
}
.double {font-size: 14px;font-family:Arial, Helvetica, sans-serif;}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h1.titles {
	font-size: 2.462em; 
	line-height: 1.19em;
	margin: 3px;
	letter-spacing: -0.03em;
	color: #525252;
}
h1.ads {
	font-size: 2.462em; 
	line-height: 1.19em;
	margin: 3px;
	letter-spacing: -0.03em;
	color: #FFFFFF;
}
h1 {
	color: #afb4b4;
	font-size: 2.0em; 
	margin: 22px 0 0 0;
	line-height: 100%;
	letter-spacing:-1px;
	font-family:Arial;
}
h2 {
	font-size: 1.286em; 
	line-height: 1.056em; 
	padding: 9px 0 10px 0; 
	color: #0c3261;
}
h2 .arrw  {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font: 1px monospace;
    background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
    margin: 2px 2px 2px 0;
}

h3.section {
	padding: 10px;
	line-height: 100%;
	background-color: #e5f7fd;
	border-bottom:solid 1px #7fd7f7;
	float:none;
}
h3, h4, h5, h6  {
	font-size: 1em; 
	line-height: 1.357em;
	margin: 0;
	color: black;
}

.footnote {background-color: #FAFAFA; border:solid 1px #cccccc; padding:5px;}
.search {background-position:0px 0px; background-repeat:no-repeat; height:93px;width:280px;padding:10px;}
.heading {font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666666}
form, input, textarea, submit, select	{font-size: 11px; margin-top:3px;margin-bottom:3px;font-family: Tahoma, Arial, Verdana;}

.submit {font-family: Arial, sans-serif; 
	font-size: 12px;
	font-weight:bold; color:#000000;
	
}
.submit,
.submit-disabled {
	background: #fefefe url(../images/sub.gif) repeat-x;
	border: 3px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.submit:hover,
.submit:focus {
	font-weight:bold;
	border: 3px double;
	border-color: #aedf9a #94da78 #6ab94b #94da78;
	color:#144600;
}
body>input.submit-disabled, 
body>input.submit-disabled:hover, 
body>input.submit-disabled:focus {
	color: #8A8E92;
	background-color: #f2f2f2; 
	border: 3px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.submit:visited {
	color: #2b333c;
}
/*--------------------------------------------------------------------------*/

/*ul {list-style: none outside;margin: 0; padding: 0 0 1em 0;}*/
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
/*li {padding-bottom: .3em;}*/
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}

/*----------------------------------LINKS-----------------------------------*/

a {color:#004784;text-decoration:none;font-family:Arial, Helvetica, sans-serif}
  a:hover {color: #ff3c00;text-decoration:underline; background-color:#eefaff;}
  
.notify{border:#FF0000 1px solid; padding:5px; margin:3px; color:#FF0000;}
.custom-title { font-weight: bold; margin: 0; color: #FFFFFF; padding: 8px 8px 4px; background: #c12c2c; width:200px;}
.pic-text { padding: 5px; background: #fafafa; width:auto; border:solid 1px #cccccc}
.custom-text {padding: 4px 8px 8px;background: #01327f;color: #FFFFFF; }

div.messages{
	z-index:998;
	position:absolute;
	left:auto;
	top:auto;
	width:300px;
	background-color: #FFFFFF;
	border: solid 1px #cccccc;
	padding:10px;
	margin:5px;
	text-align:left;
}
div.menus{
	z-index:9999;
	position:absolute;
	right:2px;
	top:2px;
	width:350px;
	background-color: #61b615;
	padding:10px;
	border:solid 1px #326109;	
}

ul.listas{
	margin:0px; list-style: none outside; padding: 0 0 0 0;
	overflow:hidden;
	}
	ul.listas li{
		float:left; width:200px; font-family:Arial, Helvetica, sans-serif;
		}
	ul.listas li.listText {float:left;border-left:1px solid #e4e4e4; padding:8px; height:180px; width:180px;}
	ul.listas li.listText p {margin:2px;}
	ul.listas li.listBann {float:left; padding:0px; height:200px; width:800px;}

ul.itemlist {margin:0px; list-style: none outside; padding: 0 0 1em 0; overflow:hidden;border:none;}
	ul.itemlist li{width:95px; height:auto; margin:0px; padding:0px; float:left; border:none}
	ul.itemlist li a {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal}

.menu {margin:0 0 15px 0;  width:90%}
	.menu h5 {font-size:11px;border-top:solid 2px #0065a0;border-bottom:dotted 1px #b5b9ba;line-height:18px;margin:2px 0px 1px;padding:0px 6px 0px 8px;}
	.menu h2 {font-size:15px;line-height:24px;margin:0 0 6px 0;padding:0 0 0 2px;border-top:2px solid #0065a0;}
	.menu ul {margin:0;padding:0px 0px 8px 13px;list-style-position:outside; list-style: none}
	.menu li {margin:0;padding-left:5px;padding-top:3px;padding-bottom:3px;list-style-image:none;} 
	.menu li img {border:0px;}
	.menu li a {font-size:12px;}
	.menu li:hover, .menu li a:hover {background-color:#eaf1f7;}


	div#slider {color:#333333;float:left; width:280px;padding:5px 7px 10px 7px;background-color:#eaf1f7; height:200px} 
	div#slider h3 {font-size:16px; color:#076fae;margin:6px 0 6px 0;padding:0 0 0 2px; font-family:Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:-0.03em}


.articles {margin:0 0 15px 0;  width:100%}
	.articles ul {margin:0;padding:0px;list-style-position:outside; list-style: none; overflow:hidden}
	.articles li {margin-left:2px;margin-bottom:2px;padding:5px;list-style-image:none; float:left; width:200px; height:300px; border:solid 1px #FFF; background-color:#eaf1f7} 
	.articles li span {color:#2a3136}
	.articles li a {font-size:13px;font-weight:bold;}
	.articles li a img{margin-top:5px;margin-bottom:5px;}
	.articles li:hover{border:1px solid #cdeeff; background-color:#f0f7fd}
	.articles li.pages {margin-left:2px;margin-bottom:2px;padding:5px;list-style-image:none; float:left; width:629px; height:20px; color:#FFF; background-color:#0065a0}
	.articles li.pages a, .articles li.pages a:hover {color:#FFF;background:none;}

div#container {margin:auto;padding: 0px;width: 1000px;overflow: hidden; height:auto}
	div#container div{float:left; height:auto;}
	.header {width:100%;background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:left top;}
	div#container div.header div#smain{float:right; width: 660px; text-align:right; height:auto;}
	.cmain {border-top:solid 7px #01327f} 
	#main{float: left; width: 660px; margin:0px;}
	.rmain {border-top:solid 1px #e5e5e5;}
	#rmain{float: left; width: 333px; margin:0px; padding-left:5px; background-repeat:no-repeat; }

	#navigation {margin:-3px 0 0 0;padding:0px;height:36px; background-color:#01327f; clear:both; width:660px}
	/*IE6*/ html>body #navigation {margin-top: 0px;}
	/*IE7*/*:first-child+html #navigation {margin-top: -3px;}
	#navigation ul {margin:0px;padding:0px;}
	#navigation li {list-style-type: none;margin: 0px;padding: 0px;float: left; }
	#navigation li a {line-height:30px;padding: 0px;margin:0px;}
	#navigation li a:hover img{background-color:#809abf;}
	#navigation li ul li:hover{background-color:#01327f;}
	#navigation li.selected img{background-color:#809abf;}
	#navigation li a img{border:0px;}
	/*IE6*/ html>body #navigation li a {line-height:33px;text-decoration:none}
	
	/*GLOBAL IMAGES*/
	a.pic img{border:1px solid #ccc;margin-right:6px;padding:3px;background:#fff;}
	a.pic:hover img{border-color:#00ccff;}
			
	/*NEWS IN MAIN*/
	div#container div#bodie div#main ul {margin:0px; list-style: none outside; padding: 0 0 1em 0; overflow:hidden}
	div#container div#bodie div#main ul li{width:410px; height:120px;border-bottom:solid 1px #dcdcdc; padding:5px;}
	div#container div#bodie div#main ul li a, .lnk{font-size:12px; font-weight:bold}
	div#container div#bodie div#main ul li img, div#container div#bodie div#main ul li a img{border:1px solid #ccc;margin-right:6px;padding:3px;background:#fff;}
	div#container div#bodie div#main ul li a:hover img{border-color:#19af00;}
	div#container div#bodie div#main ul li.box {width:425px; height:195px;border:none; padding:0px; margin:0px; background-position:top; background-repeat:repeat-x}

	 
/*AJAX*/
#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:269px;	/* Width of box */
		width: expression('271px'); 
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #666666;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:11px;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:3px;
		cursor:pointer;
		font-size:11px;
	}
	#ajax_listOfOptions div span{color:#666666}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#004096;
		color:#FFF;
	}
	#ajax_listOfOptions .optionDivSelected span{color:#FFF}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
/*BOOKMARKS*/
.bms  {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font: 1px monospace;
    background-image: url(../images/bm_matrix.png);
    margin: 2px 2px 2px 0;
}

/* experimental img version */
img.bms {
    display: inline;
    float: none;
    width: 18px;
    height: 18px;
    font: 1px monospace;
    background-image: url(../images/bm_matrix.png);
    margin: 0;    
}

.bms.DEL { background-position:0px -1px; }
.bms.MYS { background-position:-18px -1px; }
.bms.LIV { background-position:-36px -1px; }
.bms.FAC { background-position:-54px -1px; }

#menus li {position: relative;}

#menus ul ul li {
background-color:#809abf; width:150px; text-align:left; padding-left:5px;
}

#menus ul ul {
position: absolute;
z-index: 500;
}

#menus ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menus ul ul,
div#menus ul li:hover ul ul,
div#menus ul ul li:hover ul ul
{display: none;}

div#menus ul li:hover ul,
div#menus ul ul li:hover ul,
div#menus ul ul ul li:hover ul
{display: block;}