/**
 * Styles for Merka's site
 * @author Luis Pirir <luispirir@gmail.com, lpirir@solucionweb.com>
 **/
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
}
	#www-merka-com {
		text-align: center;
		background: url(images/bg_site.gif) repeat-x;
		font-family: 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
	}
	
/** LAYOUT **/
#container {
	background: url(images/bg_line.gif) repeat-x;	
	padding-top: 4px;
}
#wrapper {	
	width: 793px;	
	margin: 0 auto;
	border-right: solid 1px #85B3D5;
	border-left: 1px solid #85B3D5;	
}
	#header {
		background: url(images/bg_header.gif) no-repeat;
		width: 793px;
		height: 191px;
		text-align: left;
		position: relative;
	}
		#header h1 {
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			background: url(images/logo_merka.gif) no-repeat;
			width: 204px;
			height: 181px;
		}
			#login_form {
				position: absolute;
				right: 0;
				top: 0;
				width: 270px;
				background-color: #b6b6b6;
				font-size: 1.2em;
			}
				#login_form p {
					clear: left;
					height: 21px;
				}
					#login_form label {
						float: left;
						width: 73px;
						color: #fff;
						line-height: 21px;
						text-align: right;
						margin-right: 5px;
					}
				#login_form p.submit {
					position: absolute;
					right: 5px;
					top: 34px;
				}
					#login_form p.submit input {
						border: none;
						background-color: #0061a8;
						color: #fff;
						font: 1.0em 'Lucida Sans Unicode', Tahoma, sans-serif;
					}
		#header #aux_menu {
			position: absolute;
			width:200px;
			right: 5px;
			top: 80px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			list-style: none;
		}
			#aux_menu li {
				float: left;
				margin-right: 5px;
			}
				#aux_menu li a {
					font: 1.2em/1.4 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
					text-decoration:none;
					
				}
					#aux_menu li a:hover {
						text-decoration: underline;
					}
					#aux_menu li a.normal {
						color: #0061a8;
					}
					#aux_menu li a.active {
						color: #999;
					}
	#menu {
		text-align: left;
		position: absolute;
		bottom: -5px;
	}
		#menu ul {
			overflow: hidden;
			list-style: none;
			margin: 0 0 0 30px;
			padding: 0;
			font-size: 1.2em;
		}
			#menu ul li {
				float: left;
				margin-right: 2px;
			}					
				#menu ul li a {
					height: 29px;
					line-height: 29px;				
					text-decoration: none;
					color: #fff;
					padding: 0 5px;
				}
					* #menu ul li a {
						padding: 5px;
					}
					#menu ul li a.normal {					
						background: #0061a8 url(images/bg_menu.gif) no-repeat;					
					}
					#menu ul li a.active {
						background-color: #b6b6b6;
					}
	#middle {
		margin-top: 1em;
	}
	#menu_side {
		background-color: #98b93d;
		width: 151px;
		float: left;
		margin-left: 30px;
		margin-right: 10px;
		margin-bottom: 2em;
		padding-top: 1em;
	}
		* html #menu_side {
			margin-left: 20px;
		}
		#menu_side ul {
			margin: 0 auto 1em auto;
			padding: 0;
			list-style: none;
			width: 116px;
			text-align: left;
			font-size: 1.2em;
		}
			#menu_side ul li {
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #0061a8;
				position: relative;
			}
			#menu_side ul li ul {
				position: absolute;
				display: none;
				background-color: #98b93d;
				top: 0;
				left: 100%;
				width: 150px;
				padding: 5px;
				font-size: 1.0em;
			}
				#menu_side ul li:hover ul {
					display: block;
				}
			#menu_side ul li a {
				color: #fff;
				text-decoration: none;
				display: block;
				padding: 3px 0;
			}
				#menu_side ul li a:hover {
					background-color: #cc0;
				}			
	#content_text {
		float: left;
		width: 570px;
		text-align: left;
		overflow: hidden;
	}
		* html #content_text {
			width: 580px;
		}
		#content_text a {}
		#content_text a:hover {
			text-decoration: none;
		}
		#content_text #breadcrumb {
			margin-top: 0;
			color: #0061a8;
			font-size: 1.2em;
		}
			#content_text #breadcrumb a {
				color: #999;
			}
		#text {
			float: left;
			width: 360px;
			margin-right: 5px;
			font: 1.2em/1.4 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
		}
			#text form {
				width: 90%;
				margin: auto;
			}
				#text form p {
					clear: left;
				}
					#text form p label {
						width: 10em;
						float: left;
					}
					#text form p input, #text form p textarea {
						width: 150px;
						border: 1px solid #0061a8;					
						font: 1.0em/1.4 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
						color: #999;
					}
						#text form p input:hover, #text form p textarea:hover, #text form p input:focus, #text form p textarea:focus {
							background-color: #999;
							color: #fff;
						}
					#text form p textarea {
						height: 100px;
					}
				#text form p.right {
					float: none;
					text-align: right;
				}
					#text form p.right input {
						width: 100px;
						background-color: #0061a8;
						color: #fff;
						font: 1.2em/1.4 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
						border: none;
					}
		#image {
			float: left;
			width: 204px;
		}
	#footer {
		background-color: #0061a8;
		height: 23px;
		font-size: 1.1em;
		margin-top: 2em;
		clear: both;
	}
		#footer address {
			font-style: normal;
			color: #fff;
		}
			#footer address p {
				height: 23px;
				line-height: 23px;
			}
				#footer address p a {
					color: #fff;					
				}
					#footer address p a:hover {
						text-decoration: none;
					}