body {

	margin: 0;

	padding: 0;

	line-height: 1.5em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #4e4e4e;

	background: #b2ada4;

}



a:link, a:visited { color: #38afc8; text-decoration: none;} 

a:active, a:hover { color: #38afc8; text-decoration: underline}



h1 {

	margin: 0 0 20px 0;

	padding: 5px 0;

	font-size: 25px;

	font-weight: bold;

	color: #fe551e;

}



h3 {

	margin: 0 0 5px 0;

	padding: 2px 0;

	font-size: 16px;

	font-weight: bold;

	color: #000000;

}



h4 {

	margin: 0 0 5px 0;

	padding: 2px 0;

	font-size: 13px;

	font-weight: bold;

	color: #000000;

}



p {

	text-align: justify;

	padding: 0 5px 0 0;

	margin: 0 5px 0 0;

}



.cleaner {

	font-size: 1px;

	height: 1px;

}



/* ----- Form ----- */



form{

	margin: 0px;

	padding: 0px;

	width: 100%;

	text-align: right;

}



frameset {

	margin-bottom: 25px;

}



.form_row{

	margin-bottom: 10px;

}





label {

	margin-right: 10px;

}



input{

	width: 150px;

	height: 18px;

}



.button{

	width: 70px;

	height: 25px;

}

.seleccioncancion{

	width: 220px;

}



select {

	height: 25px;

	width: 150px;

}



/* ----- End of Form ----- */



#container {

	margin: auto;

	width: 910px;

	padding: 0 25px;

	background: #ffffff;

}





#header_panel {

	width: 910px;

	height: 108px;

	background: url(imagenes/header_background1.jpg) no-repeat bottom;

}

#title_section {

	float: left;

	width: 270px;

	height: 50px;

	padding: 50px 0 5px 0;

	font-size: 40px;

	font-weight: bold;

	text-align: center;

	color: #ffffff;

}



#top_right_section {

	float: right;

	text-align: right;

	width: 300px;

	background: url(imagenes/image_top_line.gif) no-repeat top right;

}



#top_right_section ul{

	margin: 0px;

	padding: 5px 0 0 0;

}



#top_right_section ul li{

	display: inline;

	margin-left: 16px;

	font-weight: bold;

}



/* menu and banner panel */

#login_banner_panel {

	display: block;

	width: 910px;

	height: 240px;

	padding: 10px 0px;

}



#login_panel {

	float: left;

	height: 220px;	

	width: 238px;

	background: #e4e4e4;

	border: 1px solid #d2d2d2;

	padding: 20px 30px 0 25px;

}



* html #login_panel {

	margin-right: -2px;

}



#login_panel form{

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #999999;

}





#banner_panel {

	float: left;

	width: 585px;

	height: 240px;

	margin-right: 30px;	

	background: #e1e1e1;

	border-top: 1px solid #d2d2d2;	

	border-bottom: 1px solid #d2d2d2;		

}



/*------------- Menu ------------------*/

#menu {

	display: block;

	width: 910px;

	height: 60px;

	margin-bottom: 25px;

	background: #4c4032 url(imagenes/menu_background.gif) no-repeat;

}



#menu ul {

	padding: 15px 0 0 0;

	margin: 0 0 0 120px;

	list-style: none;

}



#menu ul li{

	display: inline;

}



#menu ul li a{

	float: left;

	padding: 0 20px;

	font-size: 13px;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	color: #FFFFFF;

}



#menu li a:hover, #menu li .current{

	color: #333333;

}



/* end of menu */





/* content */

#content {

	float: left;

	width: 910px;

	margin: 0;

	padding: 0 0 60px 0;

	background: #FFFFFF url(imagenes/footer_background.jpg) bottom center no-repeat;

}



#leftcolumn {

	float: left;

	width: 600px;

	margin: 0 25px 0 0;

	padding: 0;

}



#rightcolumn {

	float: right;

	width: 285px;

	margin: 0px;

	padding: 0px;

}



/* left side two column */

.leftcolumn_twocolumn{

	float: left;

	width: 253px;

	margin: 0 15px 35px 0;

	padding: 15px;

	background: #e4e4e4;

	border: 1px solid #dbdbdb;	

}



* html .leftcolumn_twocolumn{

	margin: 0 10px 35px 0;

}



.leftcolumn_twocolumn img{

	border: 1px solid #000000;

	margin-bottom: 5px;

}



.leftcolumn_twocolumn ul{

	clear: both;

	margin: 20px 0 10px 0;

	padding: 0 0 0 20px;

}



.leftcolumn_twocolumn li{

	font-size: 12px;

	padding-bottom: 10px;

}



.leftcolumn_twocolumn li a{

	font-weight: normal;

}



.leftcolumn_twocolumn a:hover{

	text-decoration: underline;

}



.service_box {

	margin-bottom: 25px;

}



.service_box img{

	float: left;

	margin-top: 3px;

	margin-right: 5px;

}



.service_box p{

	text-align: left;

}



/* end of left side two column */



/* left side full row */



.leftcolumn_fullrow {

	clear: both;

	float: left;

	width: 600px;

	margin: 0 0 10px 0;

}



.leftcolumn_fullrow p{

	clear: both;

	margin-bottom: 15px;

}



.thumb_gallery {

	clear: both;

	float: left;

	position: relative;

	width: 600px;

}



.thumb_box{

	float: left;

	position: relative;

	width: 135px;

	height: 135px;

	margin: 0 10px 0 0;

}



.thumb_box span{

	width: 135px;

	height: 135px;

	display: block;

	position: absolute;

	top: 0px;

	left: 0px;

	background: url(imagenes/thumb_cover.png) no-repeat;

}



.thumb_box img{

	width: 108px;

	height: 108px;

	display: block;

	position: absolute;

	top: 14px;

	left: 13px;

	border: none;

}





/* end of left side full row */



/* search box */



#search_panel{

	width: 248px;

	margin: 0 0 15px 0;

	padding: 15px;

	background: #ffffff;

	border: 1px solid #dbdbdb;

}





#search_panel .search_panel_box {

	padding-bottom: 5px;

	border-bottom: 1px solid #dadada;

	margin-bottom: 15px;

}

/* end of search box */



/* blog panel */

#blog_section {

	width: 248px;

	margin-bottom: 15px;

	padding: 15px;

	background: #e4e4e4;

	border: 1px solid #dbdbdb;	

}



#blog_section .blog_box {

	padding-bottom: 5px;

	margin-bottom: 5px;

	border-bottom: 1px dotted #CCC;

}



#blog_section .datetime{

	font-weight: bold;

}

/* end of blog panel */



/* ----- Footer ----- */



#footer {

	clear: both;

	width: 960px;

	padding: 25px 0;

	margin-left: -25px;

	margin-right: -25px;

	text-align: center;

}



#footer a{

	font-weight: normal;

}