/***************** GENERAL *****************/

.hidden
{
	display:			none;
}

.center
{
	text-align:			center;
}

.spacer
{	
	height:				40px;
}

.valignmiddle
{
	vertical-align:		middle;
}

.thumb
{
	padding:			7px;
	border:				1px solid #ddd;
	float:				left;
	margin-right:		10px;
	margin-bottom:		15px;
	text-align:			center;
}	

.caption
{
	font-size:			0.9em;
	padding-top:		0.2em;
}

h4
{
	font-weight:		bold;
	font-style:			italic;
	text-decoration:	underline;
	font-size:			13px;
}

h3
{
	color:				#339999;
	font-weight:		bold;
	font-size:			16px;
	margin-bottom:		0;
}

h2
{
	font-size:			18px;
}

h1
{
	color:				#339999;
	font-size:			20px;
	text-align:			center;
}

a, a img
{
	color:				#277F7F;
	text-decoration: 	none;
	border:				0px;
}

a:hover
{
	color:				#FF0000;
	text-decoration: 	underline overline;
}

a img:hover
{
	text-decoration: 	none;
}


/***************** CALENDAR *****************/

#calendar_backward
{
	background:			url(images/calendar_backward.png);
	width:				20px;
	height:				20px;
	border:				0px;
}

#calendar_backward:hover
{
	background:			url(images/calendar_backward_h.png);
	width:				20px;
	height:				20px;
	border:				0px;
}

#calendar_now
{
	background:			url(images/calendar_now.png);
	width:				100px;
	height:				20px;
	border:				0px;
}

#calendar_now:hover
{
	background:			url(images/calendar_now_h.png);
	width:				100px;
	height:				20px;
	border:				0px;
}

#calendar_forward
{
	background:			url(images/calendar_forward.png);
	width:				20px;
	height:				20px;
	border:				0px;
}

#calendar_forward:hover
{
	background:			url(images/calendar_forward_h.png);
	width:				20px;
	height:				20px;
	border:				0px;
}

#this_calendar table
{
font-size: 13px !important;
}

/***************** CONTAINER *****************/

body
{
	background: 		#339999;
	margin:				0px auto;
	font-family:		Calibri, "Lucida Grande", "Lucida Sans", Arial, Verdana, Times, serif;
	text-align:			center;
	font-size:			13px;
	width:				1024px;
}

div#container
{
	background: 		#339999 url(images/bg_container.png) repeat-y;
	margin:				0px auto;
	text-align:			left;
	width:				1024px;
}

/***************** LEFT COLUMN *****************/

div#column_left
{
	width:				215px;
	float:				left;
	text-align:			center;
}

div#header
{
	height:				20px;
	background: 		#FFFFFF url(images/bg_header.png) no-repeat top left;
	text-align:			center;
	color:				white;
	font-size:			16px;
}

div#menu_logo
{
	height:				130px;
	background: 		white url(images/bg_menu_logo.png) no-repeat top left;
}

div#menu_top
{
	height:				74px;
	background: 		white url(images/bg_menu_top.png) no-repeat top left;
}

div#menu_content
{
	background: 		white url(images/bg_menu_content.png) repeat-y top left;
}

div#menu_bottom
{
	height:				116px;
	background: 		white url(images/bg_menu_bottom.png) top left;
}

/***************** CENTER COLUMN *****************/

div#column_center
{
	width:				795px;
	float:				left;
}

div#header_menu
{
	height:				80px;
	background: 		white url(images/bg_header_menu.png) no-repeat top left;
}

div#header_menu_top
{
	width:				795px;
	height:				17px;
}

div#header_menu_left
{
	width:				45px;
	height:				55px;
	float:				left;
}

div#header_menu_center
{
	width:				600px;
	height:				55px;
	float:				left;
}

div#header_menu_right
{
	width:				150px;
	height:				55px;
	float:				left;
}

div#content
{
	background: 		white url(images/bg_content.png) no-repeat top left;
	padding:			25px 20px 25px 20px;
	text-align:			justify;
}

/***************** HEADER_MENU *****************/

div#menu01 a, div#menu02 a, div#menu03 a, div#menu04 a, div#menu05 a
{
	float:				left;	
	width:				120px;
	height:				55px;
}

div#menu01 a:hover
{
	background:			url(images/menu01_h.png) no-repeat top left;
}

div#menu02 a:hover
{
	background:			url(images/menu02_h.png) no-repeat top left;
}

div#menu03 a:hover
{
	background:			url(images/menu03_h.png) no-repeat top left;
}

div#menu04 a:hover
{
	background:			url(images/menu04_h.png) no-repeat top left;
}

div#menu05 a:hover
{
	background:			url(images/menu05_h.png) no-repeat top left;
}

/***************** LEFT_MENU *****************/

div#oferta_menu01 a, div#oferta_menu02 a, div#oferta_menu03 a, div#oferta_menu07 a, div#oferta_menu08 a, div#oferta_menu09 a, div#firma_menu01 a, div#firma_menu02 a
{
	float:				left;	
	width:				215px;
	height:				40px;
}

div#oferta_menu01 a:hover
{
	background:			url(images/oferta_menu01_h.png) no-repeat top left;
}

div#oferta_menu02 a:hover
{
	background:			url(images/oferta_menu02_h.png) no-repeat top left;
}

div#oferta_menu03 a:hover
{
	background:			url(images/oferta_menu03_h.png) no-repeat top left;
}

div#oferta_menu07 a:hover
{
	background:			url(images/oferta_menu07_h.png) no-repeat top left;
}

div#oferta_menu08 a:hover
{
	background:			url(images/oferta_menu08_h.png) no-repeat top left;
}

div#oferta_menu09 a:hover
{
	background:			url(images/oferta_menu09_h.png) no-repeat top left;
}

div#firma_menu01 a:hover
{
	background:			url(images/firma_menu01_h.png) no-repeat top left;
}

div#firma_menu02 a:hover
{
	background:			url(images/firma_menu02_h.png) no-repeat top left;
}

/***************** RIGHT COLUMN *****************/

div#column_right
{
	width:				14px;
	float:				left;
	height:				184px;
	background: 		url(images/bg_column_right.png) no-repeat top left;
}

/***************** FOOTER *****************/

div#footer
{
	background: 		#339999 url(images/bg_footer.png) no-repeat bottom left;
	height:				55px;
	width:				1024px;
	clear:				both;
}

div#footer_left
{
	float:				left;
	width:				215px;
	text-align:			center;
	padding-top:		20px;
}

div#footer_right
{
	float:				right;
	width:				785px;
	padding-right:		20px;
	text-align:			center;
	color:				#339999;
}

div#footer_right a
{
	font-weight:		bold;
	color:				#339999;
	text-decoration:	none;
}