/* project: internet market
   design: luka cvrk (www.solucija.com) 
   framework: Concept Nova (www.conceptnova.com) */
   
body { 
padding: 0; 
margin: 0; 
font: 0.8em Arial, sans-serif; 
line-height: 1.5em; 
background:#F4F4F4;
color: #000000; 
text-align:center; /* hack para o IE */
background: url(bgblue.gif) center repeat-y;
/*background-image: url(solo_bg1.gif);*/
/*	background: #014E54 url(background.jpg) repeat-x;*/
}
a { color: #0E4D8B; background: inherit;  text-decoration: none;}
a:hover { color: #987241; background: inherit; text-decoration: none;}
a.title { color: #B41A1A; background: #FFF; }


h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #FFF; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }

h3 { 
font: 90% Arial, Sans-Serif;
font-weight: bold;
margin: 10px 0 10px 0;
padding: 4px; 
color: #CC3300;
background: url(titulo.gif);
border: 1px solid #F9FBFD;
 }
 
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }
input.search { width: 199px; border: none; background: #FFF url(input.gif); padding: 4px; color: #808080; }
input.submit { height: 24px; font-weight: bold; width: 53px; border: none; background: #D96855 url(button.gif); padding: 3px; color: #FFF; }
/*Articulos resumen
  ----------------*/
  
  .articulos
  {
  	background-color: #fff;
	padding: 10px;
	border: 0.1em dashed #6AD0DC;
	margin-bottom: 15px;
  }


/* layout
   ------ */

.content { 
	margin: 0px auto;
	width: 766px;
	background:#fff url(bgray2.jpg) repeat-x;
	color: #454545;
	text-align:left; /* "remédio" para o hack do IE */
	border:1px solid #DFE0E5;
	
}

.logo {	padding: 18px 0 0 0px; }

/* header */
.header_top {color: #FFF; height: 10px; }
.header { padding: 0px 0px 0px 0px;
background-image: url(banner.jpg); 
height: 128px;
}

.header_bottom 
{
 background:#0043CF url(bgray2.jpg) repeat-x;
/* clear: both;  */
 color: #FFF; 
 height: 25px; 
}
    
/* navigation */
#nav { width:100%; float:left; }
#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 7px 20px 4px 10px; background: #C43219 url(nav.gif) no-repeat 100% 0px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; background: #C43219 url(nav.gif) no-repeat 0px 0px; margin:0; padding:0 0 0 9px; }
#nav #current { background: #1995C2 url(nav.gif) no-repeat 0 -41px; color: #FFF; }
#nav #current a { background: #1995C2 url(nav.gif) no-repeat 100% -41px; padding:7px 20px 4px 11px; color:#FFF; }
#nav a:hover { color:#BFE1ED; background: #C43219 url(nav.gif) no-repeat 100% 0px; }   


.sf_left {
	/*float: left;*/
	width: 719px;
	height: 120px;
	background: #5BB2D1 url(bn6.jpg) repeat-x; 
	color: #FFF;
	padding: 0px 0 0px 0px;
}

.sf_right {
	width: 537px;
	float: right;
}

.sf_search {
	clear: both;
	background: #CA090D url(searchbg.gif) repeat-x bottom left; 
	color: #FFE4E0;
	border-top: 1px solid #AA1717;
	border-bottom: 1px solid #000;
	padding: 18px 0 17px 15px;
	margin-top: -2px;
}
	
.subheader {
	padding: px;
	background: url(bars.gif);
	color: #0E4D8B;
	border-top: 1px solid #878787;
		border-bottom: 1px solid #878787;
}

/* left side
   --------- */

.leftart {
	float: left;
	width: 750px;
	margin: 0 0 10px 0;

}

.left {
	float: left;
	width: 595px;
	margin: 0 0 10px 0;
}

	.box_top {
		background: #F0F0F0 url(leftboxtop.gif) no-repeat;
		color: #808080;
		height: 40px;
		width: 159px;
	}
	
	.box_top h2 {
		font-size:1.3em;
		font-weight: bold; 
		color: #0E4D8B;
		background: inherit;
		padding: 7px 0 0 5px;
		margin: 0;
		font-weight:600;
	}
	
	.box {
		border-left: 2px solid #B6E5EB;
		border-right: 2px solid #B6E5EB;
		padding: 0;
		margin: 0;
		width: 155px;
		color: #595959;
		background: #F8F8F8;
		
	}
	
	.box_bottom {
		background: #FFF url(leftboxbottom.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 160px;
		margin: 0 0 7px 0;
	}
	
		/* left and central column */
		.left_side { float: left; width: 159px; padding: 0px 5px 8px 8px; }
		.right_side { float: right; width: 405px; margin: 0 5px 0 0; text-align: justify; }
		.right_sideart { float: right; width:730px;text-align: justify; }
		.right_sidefrm{ float: right; width:570px;text-align: justify; }
		.article { padding: 10px 10px 10px 10px; margin-bottom: 20px;
		background-color: #F9FBFD;
		border: 1px solid #B6E5EB; 
		min-height	: 400px; /* non è interpetata da Internet Explorer */
		height		: auto !important; /* serve per Opera, Mozilla e gli altri browser per sovrascrivere la terza dichiarazione che vincolerebbe in ogni caso l'altezza del box (cosa non prevista da min-height). Internet Explorer non dà peso alla direttiva !important */
		height		: 400px; 
		}
		
		.article h2{
			color:#CC3300;
		}
		
		.article ul{
			list-style-image: url(bullet.gif);	
			margin-left: 20px;	
		}
		
		
	.grey_top { clear: both; width: 382px; background: #EDEDED url(grey_top.gif) no-repeat; color: #000; height: 3px; padding: 0; margin: 0px 0 0 6px; }
	.grey { width: 362px; margin: 0 0 0 6px; padding: 10px; background: #EDEDED url(grey_bottom.gif) no-repeat bottom left; color: #808080;	}
		
	.grey a {
		color: #C83C3C;
		background: inherit;
		font-weight: bold;
	}
	
	.grey a:hover {
		color: #000;
		background: #EDEDED;
	}
	
	.highlight {
		padding: 5px 3px 5px 3px;
		margin: 0 0 3px 0;
		border-bottom: 1px solid #ccc;
	}
	
		
/* right side
   ---------- */
		
.right { float: right; width: 169px; margin: 0 0 10px 0; }
		


/* footer
   ------ */

.footer {
	clear: both;
	text-align: center;
	color: #0E4D8B;
	background: url(bars.gif);
	padding: 0px 0 0px 0;
	border-top: 0px solid #AEAEAE;
	border-bottom: 1px solid #AEAEAE;
	font-weight: bold;
}
.footer p {	line-height: 1.5em; }
.footer a {	color: #4F4F4F; background: #f0f0f0; border-bottom: 1px dotted #808080; text-decoration: none; } 



	
	.autor{
	font-size: 12px;
	background: #FAFAF1;
	padding: 10px 20px 10px 20px;
	margin: 30px 40px 10px 40px; 
	width: 30%;
	border:1px solid #8BA8C1;
	   }
		
		.star{
	list-style-image: url(star.gif);
	font-weight:bold;
	color:#0E4D8B;	
		}
	
	.new{

		list-style-image: url(new7.gif);	
		padding-left: 10px;	
	}

	.lista li{
	padding-left: 10px;
	padding-bottom: 5px;
	}
	.lista {
	list-style-image: url(old.gif);		
	margin-left: 20px;
	padding-left: 5px;
	}
	
	
	.nada{
	list-style-image: url(.gif);		
	margin-left: 20px;
	}
	.news{
	list-style-image: url(news.gif);			
	margin-left: 20px;
	}
	
	.link{
	list-style-image: url(earth.jpg);			
	margin-left: 20px;
	}

/*----------css para el menu ---------------*/

dl, dt, dd ,ul, li{
margin: 0 0 0 0px;
padding: 0;
list-style-type: none;
}



#menu {
/*position: absolute;*/
top: 0;
left: 0;
margin-left: 5px;
}
dl#menu {
width: 10em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
/*border: 1px solid #B6E5EB;*/
background:url(modbgx.gif) center center repeat-x;
/*background: #ccc;*/
}
dl#menu dd {
border: 1px solid #B6E5EB;
}
dl#menu li {
text-align: center;
background: #fff;
}
dl#menu li a, dl#menu dt a {
color: #0E4D8B;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #F8F8F8;
/*border-bottom: 1px solid #B6E5EB;
border-top: 1px solid #B6E5EB;*/

}

/*-----------------fin css para el menu --------*/

/*------Estilos de Contenido------*/	
.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{	border: 1px solid #ff9933;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New';
	text-indent: -20px;
	background-color: #ff9933;
}

.Frase{
	font-size: 11px;
	font-style: italic;
	background-color: #FFFED6;
	padding: 10px;
}

.Cuadro{
	border: 1px solid #000000;
	font-size: 11px;
	padding: 10px;
	margin: 3px;
}
.Resaltar{
	font-size: 1.5em;
	text-align: center;
	color: #FF3F01;
	font-style: oblique;
}

.Referencias{
	font-size: 11px;
	
}

/***formulario*********/

.boton{
	width: 50px;
	border: 1px solid #B6E5EB;
	background-color: #F9FBFD;
	margin: 20px;
		margin-left: 270px;
	color:#0E4D8B;
}

fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding:30px 0 0  20px ;
	margin:25px;
	border: 1px solid #B6E5EB;
	background-color: #F9FBFD;
	width: 80%	;
	
}

legend {
	padding: 2px 5px;
	color: #CC3300;
	text-transform: uppercase;
}

/* .label is typically used on a span or p tag to label a radio or checkbox group */
label  {
	display: -moz-inline-box;
	display: inline-block;	
	/*width: expression('6em'); /* Min-width for IE6 */*/
	width: 20%;
	min-width: 9em;
	padding: 0 2px;
	margin: 0.3em 4px 0 0;
	color: #0E4D8B;
	/*border-bottom: 1px dotted #aaa;*/
}
.label { display: block; width: auto; }

textarea {
		padding: 0;
		vertical-align: top;
		margin: 2px 0 1px 0;
		border: 1px solid #CCCCCC;
		width: 50%
}

input {
	border: 1px solid #CCCCCC;
	
}