@font-face {
	font-family: 'MistralRegular';
	src: url('mistral-webfont.eot');
	src: local('?'), url('mistral-webfont.woff') format('woff'), url('mistral-webfont.ttf') format('truetype'), url('mistral-webfont.svg#webfontIUmo4wUB') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clear {
	clear: both !important;
	float: none !important;
}

a img {
	border: 0 none;
}

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #6a7763;
	font-size: 62.5%;
	color:#2B2B2B;
	font-family: Georgia;
	background-image: url(../images/bg/body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#page {
	width: 100%;
}

#container {
	margin: auto;
	width: 1022px;
	color: #000;
	font-size: 1.2em;
}

#rotulo {
  position:absolute;
  margin-top:20px;
  margin-left:300px;
}

#rotulo h1{
 font-family: "MistralRegular";
 font-weight: normal;
 font-size: 4.1em;
 margin-bottom:10px;
 clear: both;
 text-align: center;
 color: #fff;
 line-height:90%;
}

#rotulo h1 span{
 font-size: 0.6em;
 line-height:100%;
 display:block;
}

#flags {
		position:absolute;
		margin-top: 10px;
		margin-left:740px;
}

#header {
		position:absolute;
		width: 1012px;
		height: 486px;
		background-image: url(../images/cabecera1.jpg);
  	background-repeat: no-repeat;
  	background-position: center top;
  	top:0;
  	margin-left:5px;
	}
	
	#header a.logo {
			width: 900px;
			height: 90px;
			margin: auto;
			display: block;
			text-indent: -9999px;
			margin-top: 20px;
		}
  
  #header #menu {
			list-style-type: none;
			height: 35px;
			line-height: 35px;
			display: block;
			color: #FFF;
			font-family: "MistralRegular";
			font-size: 2.2em;
			margin-left:65px;
			margin-top:330px;
		}
		
			#header #menu li {
				display: block;
				float: left;
				list-style-type: none;
				margin-right: 40px;
			}
			
			#header #menu li a {
				text-decoration: none;
				color: #FFF;
			}
			
			#header #menu li a:hover,
			#header #menu li:hover a {
				color: Yellow;
			}
			
				#header #menu li ul {
					position: absolute;
					display: none;
					padding-top: 7px;
					z-index:1000;
				}
				
					#header #menu li:hover ul {
						display: block;
					}
				
				#header #menu li ul li {
					display: block;
					float: none;
					margin: 0 0 1px 0;
				}
				
				#header #menu li:hover ul li a {
					display: block;
					width: 100%;
					height: 30px;
					line-height: 30px;
					background-color: #094c09;
					color: #FFF;
					padding: 0 30px;
					font-size: 0.8em;
					text-decoration: none;
				}
				
					#header #menu li:hover ul li a:hover {
						text-decoration: none;
						background-color: #147b14;
					}
					
					#header #menu li ul li ul{
  					position: absolute;
  					display: none !important;
  					margin-left:303px;
  					margin-top:-37px;
  					width:200px;
  				}
  				
  				#header #menu li ul li:hover ul{
  					display: block !important;
  				}
  
	#main {
		background-image: url(../images/bg/fondo-cuerpo.gif);
  	background-repeat: no-repeat;
  	background-position: center top;
		min-height: 600px;
		margin-top:486px;
		margin-left:-10px;
		padding-left:100px;
		padding-right:100px;
		padding-top:40px;
		margin-left:0px;
	}
	
		#main h1, #main h2, #popup h1, #popup h2 {
			font-family: "MistralRegular";
			font-weight: normal;
			font-size: 5em;
			margin-bottom:10px;
			clear: both;
		}
		
		#main h2, #popup h2 {
			font-size: 3em;
		}
		
			#main h1 a, #main h2 a, #popup h1 a, #popup h2 a {
				color: #000;
				text-decoration: none;
			}
	
	#sidebar {
		width: 180px;
		float: left;
	}
	
		p.link a {
			display: block;
			width: 100%;
			height: 60px;
			text-indent: -9999px;
		}
		
		p.email a {
			display: block;
			margin-top: 25px;
			width: 100%;
			height: 20px;
			text-indent: -9999px;
		}
		
		
					
		.news {
			text-align: right;
			margin-top: 40px;
		}
				

#footerContainer {
	background-image: url(../images/bg/footerContainer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 206px;
	font-size: 1.2em;
}

	#footer {
		width: 930px;
		margin: auto;
	}
	
	#footer p.data {
		visibility: hidden;
	}
	
		#footer p.data a {
			display: block;
			visibility: visible;
			position: absolute;
			margin-left:-179px;
			margin-top:18px;
			text-indent: -9999px;
			width: 160px;
		}
	
	#footer a {
		color: #000;
		text-decoration: none;
	}
	
	#contenidoPie {
	  margin-left:430px;
	  padding-top:10px;
	  color:white;
	  font-family: "MistralRegular";
	  font-size: 1.9em;
	  text-align:left;
	}
	
	#visitas {
	  position:absolute;
	  top:15px;
	  left:850px;
	}
	
/* ------------------------------------------ Paging --------------------------------------------------- */
div.paging{color:#ccc;margin-bottom:2em}
div.paging div.disabled{color:#ddd;display:inline}
div.paging span{}
div.paging span.current{color:#000}
div.paging span a{}
