/**
 * Stylesheet for the epe's site
 * @author Luis Pirir <lpirir@solucionweb.com, luispirir@gmail.com>
 */
body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background: url(images/bg_site.png) repeat-x;
	font-size: 62.5%;
}
/** LAYOUT **/
#wrapper {
	width: 868px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	margin: 0 auto;
	background-color: #bad323;
}
	#header {
		height: 117px;
		background: url(images/header.png) -1px no-repeat;
		position: relative;	
	}
		#header #form_login {
			position: absolute;
			right: 5px;
			width: 234px;
			height: 79px;
			background: url(images/bg_login.png) no-repeat;
		}
			#header #form_login p {
				margin: 0;
				padding: 3px;
				clear: left;
				height: 21px;
			}
				* html #header #form_login p {
					padding: 0;
					margin: 3px 0;
				}
				#header #form_login p label {
					float: left;
					width: 5em;					
					font: 1.1em/21px Arial, Tahoma, sans-serif;
					color: #fff;
					text-align: right;
				}	
				#header #form_login p input {
					border: 0;
					background: transparent url(images/bg_input_login.png) no-repeat;
					height: 21px;
					width: 141px;					
					padding: 3px 5px;
					font: 1.1em/21px Arial, Tahoma, sans-serif;
				}	
					/* IE7 only*/
					*+html #header #form_login p input {
						padding: 0 5px !important;
						height: 21px !important;
					}			
					/* IE6 and below */
					* html #form_login p input {
						padding: 0 5px !important;
					}
					/* Opera 9 only */
					html:first-child #form_login p input {
						padding: 0 5px !important;
					}
					/* Konqueror and Browser based in webkit */
					body:last-child:not(:root:root) #form_login p input {
						padding: 0 5px !important;
					}
					/* Sarafi for windows only */
					/*\*/
					html*#form_login p input {
						padding: 0 5px !important;
					}
					#form_login p input.submit {
						background: transparent none !important;
						color: #fff;
						text-transform: uppercase;
					}
					#form_login p.user {
						margin: 0;
						padding: 0;
						height: 55px;
						font: 1.4em/55px Tahoma, Arial, sans-serif;
						color: #fff;
					}
					#form_login p.logout {
						margin: 0;
						padding: 0;
						height: 15px !important;
						width: 96%;
						text-transform: uppercase;
						position: absolute;
						bottom: 0;
					}
						* html #form_login p.logout {
							left: 0;
						}
						*+html #form_login p.logout {
							left: 0;
						}
						#form_login p.logout a {
							color: #fff;
							text-decoration: none;
							font: 1.2em/15px Tahoma, Arial, sans-serif;
						}
							#form_login p.logout a:hover {
								text-decoration: underline;						
							}
		/** TOP MENU **/
		#header #aux_topMenu {
			position: absolute;
			bottom: 5px;
			right: 5px;
			overflow: hidden;
			margin: 0;
			padding: 3px;
			width: 68%;
			list-style: none;
		}
			#aux_topMenu li {
				float: left;
				color: #868686;
				font: 1.1em/20px Arial, Tahoma, sans-serif;
				margin: 0;
				padding: 0;
			}
				#aux_topMenu li form {
					height: 20px;
					line-height: 20px;
					margin: 0;
					padding: 0;
					overflow: hidden;
				}
					#aux_topMenu li form label {
						float: left;
						width: 4em;
						line-height: 20px;
						margin-left: 3px;
						margin-right: 3px;
						font-size: 1.1em;
					}
					#aux_topMenu li form input {
						height: 20px;
						background: url(images/bg_input_search.png) no-repeat;
						width: 145px;						
						padding: 3px 5px;
						border: none;
						float: left;
						margin-left: 3px;
						font: 1.0em/20px Arial, Tahoma, sans-serif;
					}
					*+html #aux_topMenu li form input {
						padding: 0 5px;
					}
					* html #aux_topMenu li form input {
						padding: 0 5px;
					}
					html:first-child #aux_topMenu li form input {
						padding: 0 5px;
					}
					/*\*/
					html*#aux_topMenu li form input {
						padding: 0 5px;
					}
				#aux_topMenu li a {
					color: #868686;
					text-decoration: none;
					font: 1.1em/20px Arial, Tahoma, sans-serif;
					display: block;
					padding: 0 3px;
					border-right: 1px solid #868686;
				}
					#aux_topMenu li a.activeLang {
						background-color: #efefef;
						color: #868686;
					}
					#aux_topMenu li a:hover {
						background-color: #868686;
						color: #fff;
						text-decoration: underline;
					}
		/** TOP MENU **/
	/** MAIN MENU **/
	#menu {
		height: 40px;
	}
		#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;			
			width: 90%; 
			float: left;
			margin-left: 5%;
		}
			#menu ul li {
				float: left;
				margin: 0;
				padding: 0;
				position: relative;
			}
				#menu ul li a {
					text-decoration: none;
					color: #3096ba;
					font: 1.2em/40px Arial, Tahoma, sans-serif;
					border-right: 1px solid #3096ba;
					padding: 0 3px;
				}
				#menu ul li ul {
					position: absolute;
					background-color: #f9cc00;
					top: 30px;
					left: 0;
					margin: 0;
					padding: 0;
					width: 160px;
					text-align: left;
					display: none;					
					z-index: 100;
				}
					#menu ul li:hover ul, #menu ul li.subHover ul {
						display: block;
						float: none;
					}
					#menu ul li:hover, #menu ul li.subHover {
						background-color: #f9cc00;
					}
					#menu ul li ul li {
						float: none;
					}
						#menu ul li ul li a {
							color: #747474;
							border-right: none;
							border-bottom: 1px solid #f9cc00;
							font: 1.1em/1.4 Arial, Tahoma, sans-serif;
							display: block;
							width: 154px;
							margin-top: -1px;
							padding: 3px; 
						}
							* #menu ul li ul li a {
								height: 1%;
							}
							#menu ul li ul li a:hover {
								border-bottom: 1px solid #fff;
							}
	/** MAIN MENU **/
	#showcase {
		height: 158px;		
		margin-bottom: 12px;		
		clear: both;
		overflow: hidden;
	}
		#showcase #animation {
			float: left;
			width: 463px;
		}
		#showcase #video {
			float: right;
			width: 399px;
			background: url(images/video.png) no-repeat;
			height: 157px;
			padding-top: 1px;
		}
			#video #flv {
				width: 190px;
				float: left;
				margin-left: 5px;
			}
			#video #text {
				width: 180px;
				padding: 5px 10px;
				float: left;
				color: #fff;
				font: 1.1em Arial, Tahoma, sans-serif;
				height: 145px;
				text-align: left;
				overflow: auto;
				background-color: #333;
			}
	#middle {
		height: 105px;		
		overflow: hidden;
		background-color: #fff;		
		margin-bottom: 13px;
	}
		#middle #estatistics {
			float: left;
			width: 300px;
		}
		#middle #documents {
			float: right;
			background: url(images/bg_documents.png) no-repeat;
			height: 105px;
			width: 559px;
			text-align: left;
		}
			#middle #documents dl {
				margin-top: 2.5em;	
				margin-left: 215px;
				margin-right: 35px;
				font: 1.1em/1.0 Arial, Tahoma, sans-serif;		
			}
				#middle #documents dl dt {
					color: #00589a;
				}
				#middle #documents dl dd {					
					margin-top: 0.5em;
					margin-bottom: 0.5em;
					color: #fff;
				}
				#middle #documents dl a {
					color: #00589a;
				}
					#middle #documents dl a:hover {
						text-decoration: none;
					}
	#down {
		height: 158px;
		background: url(images/bg_down.png) no-repeat;
		float: left;
		width: 100%;
		position: relative;
	}
		#down #news {
			float: left;
			width: 300px;
			height: 158px;
			background: transparent url(images/tab_new.png) center top no-repeat;
			text-align: left;
		}
			#down #news ul {
				margin-top: 2.5em;
				list-style: none;
			}
				#down #news ul li {
					font: 1.1em/1.0 Arial, Tahoma, sans-serif;
					margin-top: 0.5em;
					margin-bottom: 0.5em;
				}
				#down #news ul a {
					color: #00589a;
				}
					#down #news ul a:hover {
						text-decoration: none;
					}
		#down #articles {
			float: right;
			width: 298px;
			height: 158px;
			background: transparent url(images/tab_article.png) center top no-repeat;
			text-align: left;
			padding-right: 10px;
		}
			#down #articles ul {
				margin-top: 2.5em;
				list-style: none;
			}
				#down #articles ul li {
					font: 1.1em/1.0 Arial, Tahoma, sans-serif;
					margin-top: 0.5em;
					margin-bottom: 0.5em;
				}
				#down #articles ul a {
					color: #00589a;
				}
					#down #articles ul a:hover {
						text-decoration: none;
					}
			#down .how {
				margin: 0;
				padding: 0;
				bottom: -2px;
				right: 25px;
				position: absolute;
			}
				#down .how a img {
					border: none;
					outline: none;
				}
	#down_menu {
		height: 22px;
		background: url(images/bg_down_menu.png) no-repeat;
		position: relative;
		clear: both;
	}
		#down_menu #corner_right {
			position: absolute;
			left: -50px;
			top: -50px;
		}
		#down_menu #corner_left {
			position: absolute;
			right: -50px;
			top: -50px;
		}
		#down_menu ul {
			list-style: none;
			margin: 0 auto;
			padding: 0;
			width: 90%;			
		}
			#down_menu ul li {
				float: left;				
			}
				#down_menu ul li a {
					text-decoration: none;
					color: #fff;
					font: 1.1em/22px Arial, Tahoma, sans-serif;
					padding: 0 3px;
					border-right: 1px solid #fff;\
				}
					#down_menu ul li a.active {
						background-color: #fff;
						color: #3096ba;
					}
						#down_menu ul li a:hover {
							text-decoratio: underline;
							background-color: #fff;
							color: #3096ba;
						}
	#footer {
		color: #868686;
		background-color: #fff;
	}
		#footer address {
			font: normal normal 1.1em/1.4 Arial, Tahoma, sans-serif;			
		}
			#footer address p {
				margin: 0;
				padding: 0;
				height: 20px;
				line-height: 20px;
			}
				#footer address p a {
					color: #747474;
				}
					#footer address p a:hover {
						text-decoration: none;
					}
    #modal_container {  
		padding:5px;  
        background-color:#fff;  
        border:1px solid #666;  
        overflow:auto;  
        font-family:"Lucida Grande",Verdana;  
        font-size:12px;  
        color:#333;  
        text-align:left;  
	} 
  
	#modal_overlay {  
		background-color:#000;  
    }