#home
{
	float:				left;
	width:				700px;
	height:				470px;

	background:			url(../images/index.jpg) no-repeat top left;
}

#col-left
{
	float:				left;
	width:				160px;
	height:				470px;

	text-align:			left;
}

#col-left .logo
{
	margin-top:			20px;
	margin-left:		20px;
	margin-bottom:		20px;
}

#col-left .title-link, .title-no-link
{
	width:				135px;

	margin:				0px 0px 15px 25px;

	color:				#fb2;
	font-size:			.85em;
	font-weight:		bold;
}

.col-right
{
	float:				left;

	width:				500px;
	height:				470px;

	margin-left:		20px;

	text-align:			left;
}

.col-right ul
{
	margin-top:			10px;
	margin-left:		20px;

	list-style:			disc;
}

.col-right ul ul
{
	list-style:			circle;
}

.col-right li
{
	margin-top:			5px;
}

.ajax-loading
{
	background-image:	url("/tpl/default/site/images/ajax-loader.gif");
	background-position:	center center;
	background-repeat:	no-repeat;
}


/* ----------------------------- start article ----------------------------- */
#article_wrapper
{
	float:				left;

	width:				470px;
	height:				380px;

	margin-top:			90px;
	font-size:			1.2em;
}

strong
{
	font-weight:		bold;
}

em
{
	font-style:			italic;
}

#article_wrapper img
{
	float:				left;

	border:				#fff 2px solid;

	margin:				5px 5px 1px 5px;
	padding-bottom:		11px;
	background:			#fff url(../images/aumentar.png) no-repeat bottom right;
}
/*#article_wrapper p
{
	float:				left;

	margin-bottom:		15px;
}*/

/* ------------------------------- scroll bar ------------------------------ */
.article
{
	overflow:			hidden;

	width:				460px;
	height:				300px;

	margin-top:			15px;
	line-height:		1.2em
}

.track
{
	position:			relative;
	float:				left;

	height:				290px;
	width:				2px;

	margin-top:			125px;
	margin-left:		15px;

	/*background-color:	#fff;*/
}

.thumb
{
	position:			absolute;
	top:				0px;
	left:				-2px;

	height:				30px;
	width:				4px;

	background-color:	#fff;
}


/* form elements ------------------------------------------------------------ */
form
{
	width:				300px;

	/*margin-left:		105px;*/
	margin-top:			30px;
	margin-left:		80px;
}

input, select, textarea
{
	font-size:			1.1em;
	font-family:		Arial, sans-serif;
}

label
{
	display:			block;

	margin:				6px 0px 2px;

	font-size:			.9em;
}

input.box, textarea
{
	width:				300px;

	padding:			1px 2px;

	border:				#F8C100 1px solid;

	color:				#666;
	background-color:	#fff;
}

input.box
{
	height:				15px;
}

textarea
{
	display:			block;

	height:				80px;

	margin-bottom:		10px !important;
	margin-bottom:		5px;

	overflow:			auto;
}

.send
{
	width:				100%;
	height:				18px;

	margin-top:			20px;
	/*margin-left:		125px;*/

	color:				#fb2;
	font-weight:		bold;
	text-align:			left;
}

.reset
{
	width:				50px;
	height:				18px;

	margin-top:			20px;
	margin-left:		75px;

	color:				#fb2;
	font-weight:		bold;
}