@charset "utf-8";
/* 
	CSS Document 
	Project: Domínio Público - Clip Guapas Turismo
	Author: Bruno Augusto <brunoaugusto.com@gmail.com>
*/

/************************************** 
General Proprieties 
**************************************/

*{
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

html, body{
	height:100%;
}

body{
	background:#ce181e url(../Imgs/Bgs/Body.jpg) repeat;
}

.Clear{
	clear:both;
}

/* Formularios */
legend, fieldset{color:#FFFFFF;}
#radioTipo tr td{padding:3px;}
.formulario{line-height:22px;}
.filtro{background:#9FAF8E;
	border:1px solid #FFFFFF;
	margin:20px 0 0 0;
	padding:10px;}
.campoTexto{padding:3px; border:1px solid #FFFFFF; color:#525252; background-color:#c8d4bb}
.ItemAmigo{background:#24cffa;
	border:1px solid #FFFFFF;
	margin:20px 0 0 0;
	padding:10px;}
.Contribuir{padding:3px; border:1px solid #FFFFFF; color:#525252; background-color:#c8d4bb; display:inline-block; color:#000000 !important}
.DadosAmigo{background-color:#c8d4bb; margin:3px; border:solid 1px #d1dbc6; color:#000000; padding:5px;}
.DadosAmigo h1{color:#333333 !important;}
.imgNoticia{margin:5px; border:5px solid #FFFFFF !important}
.imgNoticiaInterna{margin:0px 10px 10px 0px; border:5px solid #FFFFFF !important; max-width:300px;}
.noticia{margin-bottom:10px; border-bottom:1px dotted #CCCCCC; padding-bottom:10px; }
.noticia p{line-height:normal !important; padding:0px 0px 3px 0px !important;}
.noticia .descricao{line-height:20px !important; margin-top:5px;}
.NoticiaPaginacao{background-color:#c8d4bb; border:solid 1px #d1dbc6; color:#000000; padding:5px; text-align:center; font-size:12px}
.noticiaInterna{ margin:10px 0px 10px 0px;}
.DivNoticia h4{font-size:10px; color:#FFFFFF; font-weight:normal}
.dadosUsuario{margin:3px; color:#000000; padding:5px;}

/************************************** 
Containers 
**************************************/

/* Wrapper */
#Page-Wrapper{
	background:#ce181e;
	margin:0 auto;
	width:1000px;
}

#Page{
	margin:0 20px;
}

/* Nav-top */
#Nav-top{
	background:url(../Imgs/Bgs/NavTop.gif) repeat-y 20px top;
	padding:5px 0;
	text-align:right;
}

#Nav-top a{
	background:url(../Imgs/Bgs/NavTopLink.gif) no-repeat left center;
	color:#FFFFFF;
	padding:0 12px;	
	text-decoration:none;
}

#Nav-top a:hover{
	text-decoration:underline;
}

/* Top */
#Top{
	margin:0 0 -2px 0;
}

#Brand{
	background:url(../Imgs/Bgs/Brand.gif) no-repeat;
	padding:16px 10px;
	width:296px;
	float:left;
}

#Top #Featured{
	float:left;
}

/* Great-area */
#Great-area{
}

/* Nav */
#Nav{
	background:#fbd43a url(../Imgs/Bgs/Nav.jpg) no-repeat -1px bottom;
	float:left;
	margin:0 0 0 20px;
	_margin:0 0 0 10px;
	padding:0 0 15px 0;
	width:274px;
}

#Nav ul li{
	list-style:none;
	background:#E8BB34;
	margin:0 7px 1px 7px;
	padding:5px 0 5px 15px;
}

#Nav ul li:hover{
	background:#fbd43a;
}

#Nav ul li a{
	font-weight:bold;
	color:#231f20;
	text-decoration:none;
}

#Nav ul li a:hover{
	text-decoration:underline;
}

/* Content */
#Content-Wrapper{
	background-image:url(../Imgs/Bgs/ContentWrapper.gif);
	background-repeat:repeat-y;
	float:left;
	margin:0 0 0 20px;
	width:623px;
}

#Content{
	background:url(../Imgs/Bgs/Content.gif) no-repeat bottom left;
	padding:20px;
}

.Pastel{
	background-color:#c3892a;
}

.Green{
	background-color:#79aa42;
}

.Blue{
	background-color:#00aeda;
}

.Red{
	background-color:#d75139;
}

#Content h1{
	color:#fbd439;
	font-size:16px;
}

#Content p{
	color:#FFFFFF;
	line-height:20px;
	padding:20px 0 0 0;
}

#Content li{
	color:#FFFFFF;
	list-style:inside;
	padding:5px 0;
}

#Content .ContentFeatured,
#Content .Featured li{
	background:#9FAF8E;
	border:1px solid #FFFFFF;
	list-style:none;
	margin:20px 0 0 0;
	padding:10px;
}

#Content a{
	color:#FFFFFF;
	text-decoration:none;
}

#Content a:hover{
	color:#f5f5f5;
	text-decoration:underline;
}

#Content .ContentFeatured p{
	margin:5px 0;
	padding:0;
}

#Content .ContentFeatured h4{
	color:#FFFFFF;
	font-size:14px;
}

/* Footer */
#Footer{
	clear:both;
	padding:10px 0 10px 40px;
}

#Footer address{
	color:#FFFFFF;
	font-style:normal;
	font-size:11px;	
}

.roxo{background-color:#96819b}


/************************************** 
Index
**************************************/
.Index{
	height:100%;
}

#Left-index{
	width:316px;
	float:left;
}

#Right-index{
	float:left;
}