@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold|Molengo);

* {
	margin:0;
	padding:0;
	border:0;
}

html {}

body {
	margin:0;
	padding:0;
	width:100%; height:100%;
	font-family: arial, serif;
	font-size:14px;
	color:#68696b;
	background:#7c99b7 url(images/back_01.jpg) top center no-repeat;
	/*background:#322738 url(images/back_02.jpg) top center no-repeat;*/
	/*background:#e1cd84 url(images/back_03.jpg) top center no-repeat;*/
}

/* --- genreric --------------------------------------------- */
.boxh1 {background:#CCC; padding:1%; width:98%; height:20px; -moz-border-radius:4px; border-radius:4px;}

.tit0 {font-size:30px; font-weight:bold; color:#ed6723; font-family: 'Yanone Kaffeesatz', arial, serif;}

h1, .tit1, .tit1:hover {font-size:18px; font-weight:bold; color:#666; font-family: 'Yanone Kaffeesatz', arial, serif;}
h2, .tit2, .tit2:hover {font-size:24px; font-weight:bold; color:#2dacb1; font-family: 'Yanone Kaffeesatz', arial, serif;}
h3, .tit3, .tit3:hover {font-size:14px; font-weight:bold; color:#2dacb1;}
p {margin:6px 0px; font-size:12px; line-height:18px; text-align:justify; color:#68696b; font-family: arial, serif;}

a 		{font-size:12px; color:#eb6622; text-decoration:none; font-family: arial, serif;}
a:hover {font-size:12px; color:#eb6622; text-decoration:underline; font-family: arial, serif;}

ul, li {margin:10px 0 0 10px; padding:0; list-style:square;}

.msg {
	padding:10px; 
	border:0px #FF0 solid; 
	background-color:#ffffd6; 
	-moz-border-bottom-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
		
	-moz-box-shadow:inset 0px 0px 10px #CBCCCE; 
	-webkit-box-shadow:inset 0px 0px 10px #CBCCCE; 
	box-shadow:inset 0px 0px 10px #CBCCCE;
}

.exemplo {font-size:12px;}

.tit2mini, .tit2mini:hover {font-size:20px; font-weight:bold; color:#2dacb1; font-family: 'Yanone Kaffeesatz', arial, serif;}

/* --- forms --------------------------------------------- */
label {float:left; clear:left; width:120px; text-align:right; margin-right:10px;}
.edit,select {height:20px; width:300px; font-size:12px; color:#000; border:1px #788d86 solid; background:#f1f1f1;}
.editNoWidth {height:20px; font-size:12px; color:#000000; border:1px #788d86 solid; background:#f1f1f1;}
textarea {height:200px; width:300px; font-size:12px; color:#000; border:1px #788d86 solid; background:#f1f1f1;}
.edit:focus, .editNoWidth:focus, select:focus, textarea:focus {background-color:#f1f1f1;}

.botao, .btNoWidth {
	font-size:14px; 
	font-weight:normal; 
	padding:4px; 
	color:#fff; 
	background:#FC6; 
	cursor:pointer; 
	cursor:hand;
	-moz-border-radius:4px;
	border-radius:4px;
}
.botao:hover, .btNoWidth:hover {
	font-size:14px; 
	font-weight:normal; 
	padding:4px; 
	color:#fff; 
	background:#ed6723; 
	cursor:pointer; 
	cursor:hand;
	-moz-border-radius:4px;
	border-radius:4px;
}

/* --- forms --------------------------------------------- */

.imgLeft	{float:left; margin-right:10px;}
.imgRight	{float:right; margin-left:10px;}
#space		{clear:both; height:22px; width:22px;}
#spaceP		{clear:both; height:11px; width:11px;}
.borda1 	{background:#fff; padding:8px; border:1px #6cb2f2 solid;}

#lineAzul {float:left; margin:22px 0; width:100%; height:2px; background:url(images/line_azul.png) repeat-x;}
#lineLaranja {float:left; margin:22px 0; width:100%; height:2px; background:url(images/line_laranja.png) repeat-x;}

/* --- top --------------------------------------------- */
#barraTop				{margin:0 auto 0; width:100%; height:auto; clear:both;}
#barraTop #area			{margin:0 auto 0; width:960px; height:118px; border:0px red solid;}

#floater 	{position:relative; top:0; left:0; width:0px; height:0px; border:0px red solid; z-index:10;}

#floater #logo {position:absolute; top:3px; left:10px; width:300px; height:130px; z-index:20;}

#floater #pics {position:absolute; top:108px; left:-60px; width:590px; height:406px; z-index:21;}

#floater #login {
	position:absolute; 
	top:0px; 
	left:350px; 
	width:380px; 
	height:22px;
	padding-top:4px;
	z-index:20; 
	text-align:center;
	background:#fcfcf8; 
	-moz-border-bottom-left-radius:6px;
	-moz-border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	box-shadow:2px 2px 6px #666;
}
#floater #flag 	{
	position:absolute; 
	top:0px; 
	left:800px; 
	width:100px; 
	height:26px; 
	z-index:20; 
	text-align:center; 
	background:#fcfcf8; 
	-moz-border-bottom-left-radius:6px;
	-moz-border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	box-shadow:2px 2px 6px #666;
}

#floater #menu 	{
	position:absolute; 
	top:391px; 
	left:0px; 
	width:928px; 
	height:40px;
	padding:13px 30px 0 0; 
	z-index:20; 
	background:#fcfcf8; 
	border:1px #d5d7c6 solid;
	-moz-border-radius:6px;
	border-radius:6px;
	box-shadow:2px 2px 6px #666;
	text-align:right;
}

.itemMenu						{font-family: 'Yanone Kaffeesatz', arial, serif; font-size:23px; color:#eb6622; text-decoration:none; padding:0 10px;}
.itemMenu:hover, .itemMenuOn, .itemMenuOn:hover	{font-family: 'Yanone Kaffeesatz', arial, serif; font-size:23px; color:#eb6622; text-decoration:underline; padding:0 10px;}

.sub								{font-size:14px; margin-top:11px; padding:4px;}
.sub:hover, .subOn, .subOn:hover	{font-size:14px; margin-top:11px; padding:4px; color:#FFF; background:#eb6622; -moz-border-radius:4px; border-radius:4px;}


#content 		{margin:350px auto 0; width:960px; height:auto;}
#content #esq 	{float:right; width:300px; margin-left:10px;}
#content #dir 	{float:left; width:650px; }

.blocoEsq {
	float:left;
	width:278px; 
	height:auto;
	padding:10px; 
	background:#fcfcf8; 
	border:1px #d5d7c6 solid;
	-moz-border-radius:6px;
	border-radius:6px;
	box-shadow:2px 2px 6px #666;
	text-align:left;
}
.blocoDir {
	float:left;
	width:628px; 
	height:auto;
	padding:10px; 
	background:#fcfcf8; 
	border:1px #d5d7c6 solid;
	-moz-border-radius:6px;
	border-radius:6px;
	box-shadow:2px 2px 6px #666;
	text-align:left;
}


#comentario {float:left; margin-top:12px; padding:10px; width:608px; background:#f1f1f1;}
#comentario #img {float:left; width:120px;}
#comentario #txt {float:right; width:468px; padding:0 10px;}
#comentario #txt p {margin:3px 0 0 0; padding:0; font-size:12px; line-height:18px; color:#68696b; font-family: arial, serif;}

#boxUsuario {float:left; margin:15px 15px 0 0; padding:10px; width:100px;}
#boxUsuario #img {width:100px; height:80px;}
#boxUsuario #txt {width:100px; height:50px; text-align:center;}

.classificado {padding:10px; background-color:#f3f3e0; border:1px #dfe1e2 solid;}
.classif {float:left; width:150px; height:200px; margin:10px 15px; padding:10px; background:#f1f1f1; border:1px #dfe1e2 solid;}


#bot	{
		margin:0 auto 0; 
		width:960px; height:auto; padding-top:7px; 
		text-align:center; 
		font-family: arial, serif; font-size:12px; color:#eb6622;
		background:#fcfcf8; 
		border:1px #d5d7c6 solid;
		-moz-border-radius:6px;
		border-radius:6px;
		box-shadow:2px 2px 6px #666;
}

    	
/* --- modal window --------------------------------------------- */
#modal_container {
	margin:0;
	padding:10px;
	border:1px red solid;
	background:#fff;
	overflow:auto;
}

#modal_overlay {background:#f1f1f1;}