/* --
Beeone
diseņo: - 
construccion: Humberto Muņoz Evangelisti
fecha: 24/09/08
mod1: -
-- */

body {
	background-color: #3F4751;
	font-size: 12px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container {
	background: #ffc424 url(bitmaps/bkg_beeone.gif) left top no-repeat;
	margin: 0 auto;
	position: relative;
	width: 1024px;
	height: 665px;
}

	#logo {
		position: absolute;
		left: 62px;
		top: 70px;
	}
	
	#sidemenu {
		background: url(bitmaps/bkg_cajas.png) left top repeat;
		border: 1px solid #8f8f87;
		width: 173px;
		height: 173px;
		position: absolute;
		left: 88px;
		top: 290px;
	}
	
		#sidemenu ul {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 15px;
			padding-top: 25px;
			font-weight: bold;
		}
		
			#sidemenu ul li {
				margin: 0px 0px 15px 48px;
			}
			
		#sidemenu a {
			text-decoration: none;
			color: #fff;
		}
		
		#sidemenu a:hover, #sidemenu a.selected {
			background: url(bitmaps/bullet_menu.gif) left 7px no-repeat;
			padding-left: 10px;
			color: #ffba00;
		}
		
		#sidemenu a:hover {
			color: #fff;
		}
		
		#sidemenu a.selected {
			color: #ffba00;
		}
	
	#content {
		background: url(bitmaps/bkg_cajas.png) left top repeat;
		border: 1px solid #8f8f87;
		width: 318px;
		height: 366px;
		position: absolute;
		left: 268px;
		top: 61px;
		padding: 36px 10px 0px 18px;
	}
	
	#content.caja_ancha {
		background: url(bitmaps/bkg_cajas.png) left top repeat;
		border: 1px solid #8f8f87;
		width: 560px;
		height: 366px;
		position: absolute;
		left: 268px;
		top: 61px;
		padding: 36px 10px 0px 18px;
	}
	
		#content h1, #content h2 {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			padding: 0px 18px;
			margin-bottom: 15px;
			font-weight: bold;
		}
		
			#content h1 {
				font-size: 22px;
				background: url(bitmaps/bullet_titulo.gif) left 6px no-repeat;
			}
			
			#content h2 {
				font-size: 16px;
			}
			
				#content h2 .destacado {
					color: #ffba00;
				}
		
		#content p {
			font-size: 11px;
			margin-bottom: 15px;
			padding: 0px 18px;
		}
		
		#content .strong {
			font-weight: bold;
			color: #ffba00;
		}
	
	#auxiliar {
		width: 740px;
		position: absolute;
		left: 88px;
		top: 481px;
		text-align:center;
	}
		
		#auxiliar ul {
			font-size: 10px;
			color: #333;
			/*width: 450px;
			margin: 0 auto;*/
		}
		#auxiliar ul li {
		
			display: inline;
			padding: 5px;
		}
		
	#footer {
		position: absolute;
		left: 360px;
		top: 547px;
	}
	
	#footer ul {
		font-size: 10px;
		color: #333;
	}
	
	#footer ul li {
		float: left;
		padding: 5px;
		line-height: 28px;
	}
	
.borderless {
	border: 0!important;
}

.marginless  {
	margin: 0!important;
}

