@charset "utf-8";
/*
EXTREMADURA ENTIENDE
http://www.extremaduraentiende.org
LMMS @ Aluego 2009

Versión: 1.0

 - CSS realizada y testeada para IE 6/7, Firefox 2.0.17/3.03, Opera 9.27/9.52 y Safari 3.1.2
 - Hacks y código específico para IE en la CSS: screenIE.css
*/


/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */

/* Eric Meyer's Reset incluido en el archivo reset.css */

@font-face {
	font-family: 'ArialRoundedMTBoldRegular';
	src: url('/css/fonts/ARLRDBD.eot');
	src: local('Arial Rounded MT Bold Regular'), local('ArialRoundedMTBold'), url('/css/fonts/ARLRDBD.ttf') format('truetype'), url('/css/fonts/ARLRDBD.svg#ArialRoundedMTBold') format('svg');
}

html,
body {
	height:100%;
}
html {
	font-size:125%;
}
body {
	background:#F0F0F0;
	font:normal 50%/140% Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	border-top:5px solid #FA873D;
}

a{
	color:#4A266E;
	text-decoration:none;
}
a:hover {
	color:#F8853D;
	border-bottom:1px solid #F8853D;
}

hr {
	display:none;
	visibility:hidden;
}
	hr.separator {
		display:block;
		visibility:visible;
		border:0pt none;
		width:100%;
		margin:0;
		padding:0;
		height:1px;
		color:#DDD;
		background-color:#DDD;
	}

table { 
	margin:0em auto;
	border-collapse:collapse; 
	border-spacing:0; 
}
	th {
		background-color:#ebebeb;
		font:bold 1em Arial, Helvetica, sans-serif;
	}
	th,td {
		padding:0.25em;
		vertical-align:top;
		font:normal 1em Arial, Helvetica, sans-serif;
	}
	caption, th {
		text-align:center;
	}
	

/* PÁGINA (#page)
--------------------------------------------- */
#page {
	width:996px;
	margin:0 auto;
	text-align:center;
	background:transparent url(/img/bgPage.png) left top repeat-y;
}
	#pageInner {
		background:#FFF url(../img/bgHeader.gif) 98% 0% no-repeat;
		width:980px;
		margin:0 auto;
	}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	width:980px;
	height:110px;
	position:relative;
	text-align:left;
}
	#utilsNav {
		display:none;
		visibility:hidden;
	}
	h1 {
		position:absolute;
		width:460px;
		height:90px;
		left:20px;
		top:10px;
	}
		 h1 a {
			display:block;
			width:460px;
			height:90px;
			background:transparent url(../img/logoEE.png) no-repeat;
			overflow:hidden;
			text-indent:-9999px;
		}
		h1 a:hover {
			border-bottom:none;
		}
		.home h1 a {
			cursor:default !important;
		}

	#topNav {
		position:absolute;
		right:10px;
		top:5px;
		color:#FA873D;
		font:normal 1.1em/150% Tahoma, Arial, Helvetica, sans-serif;
		width:200px;
		height:30px;
		display:block;
		zoom:1;
		text-align:right;
	}
		#topNav a {
			font-weight:bold;
		}

/* NAVEGACIÓN (#nav, #mainNav, #secondaryNav)
--------------------------------------------- */
#nav {
	margin:0 auto;
	margin-left:-8px;
	width:996px;
	clear:both;
}
	#mainNav {
		background:transparent url(/img/bgMainNav.png) no-repeat;
		height:34px;
		}
		#mainNav li {
			float:left;
			display:block;
		}
			#mainNav li a {
				float:left;
				display:block;
			}
				#mainNav li a span {
					font:normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
				}
			#mainNav li a:hover,
			#mainNav li a.selected,
			#mainNav li a:hover.selected {
				background:#2E6485 url(../img/bgNavOn.jpg) left bottom repeat-x;
				color:#FFF;
				text-decoration:none;
				border-bottom:none;
			}
				#mainNav li a strong {
					display:block;
					font:bold 1.6em Arial, Helvetica, sans-serif;
					text-shadow:0px 1px #FFF;
				}
				#mainNav li a:hover strong {
				}


/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	width:980px;
	text-align:left;
	clear:both;
}
	#contentInner {
		padding:5px 10px;
		clear:both;
	}
#main {
  min-height:540px;
  height:auto !important;
  height:540px;
}
		
	#content h2 {
		font:normal 20px/140% "ArialRoundedMTBoldRegular", Arial, Helvetica, sans-serif;
		color:#555;
		margin:15px 0 5px;
		letter-spacing:-1px;
	}
	#content h3 {
		font:normal 18px/110% Arial, Helvetica, sans-serif;
		color:#F8853D;
		margin:15px 0 5px;
	}
	#content p {
		margin:10px 0;
		font:normal 1.2em/140% Arial, Helvetica, sans-serif;
	}
	#main .box {
		border:1px solid #BCCB07;
		background:#F5F7DA;
		padding:0 10px;
		margin:10px 0;
	}
		#main .box p {
			margin:10px 0;
			font:normal 1.3em/130% Arial, Helvetica, sans-serif;
		}
	#content ol,
	#content ul {
		margin:0.5em 0;
		padding-left:3em; 
	}
	#content ul li,
	#content ol li {
		font:normal 1.3em/140% Arial, Helvetica, sans-serif;
		margin-top:0em;
	}
	#content ol {
		list-style:decimal;
	}
	#content ul {
		list-style: disc;
	}
	#content ol ul,
	#content ul ul {
		list-style:circle;
	}
	#content ol ol,
	#content ul ul,
	#content ol ul,
	#content ul ol  {
		margin-top:0;
		margin-bottom:0;
	}
	#content ol li ol li,
	#content ul li ul li,
	#content ol li ul li,
	#content ul li ol li{
		font:normal 1em/140% Arial, Helvetica, sans-serif;
		margin-top:0.3em;
	}

	#content a {
		font-weight:bold;
	}
	#main .noticiasHome {
		background:transparent url(../img/newsSeparator.png) center 30px no-repeat;
	}
		#main .noticiasHome p {
			font:normal 11px/140% Arial, Helvetica, sans-serif;
		}
		#main .noticiasHome p.newTitle {
			font:normal 12px/130% Arial, Helvetica, sans-serif;
		}
			#main .noticiasHome p .newDate {
				color:#878787;
				font-weight:bold;
			}
		
	#main .noticiasHome .col22em {
		width:20em;
		padding:0 1em;
	}
	
	
/* BARRA LATERAL (#sidebar)
--------------------------------------------- */
#sidebar {
}
	#sidebar  h2 {
	}
	

/* PIE (#footer)
--------------------------------------------- */
#footer {
	width:996px;
	margin:0 -8px;
	clear:both;
	text-align:left;
	padding-bottom:20px;
	background:transparent url(/img/bgFooter.png) center bottom no-repeat;
}
	#footerInner {
		width:940px;
		height:70px;
		margin:0 auto;
		padding:15px 20px 5px;
		position:relative;
		border-top:1px solid #DDD;
		border-bottom:3px solid #BCCB07;
	}
	#footer p {
		font:normal 1.1em/130% Arial, Helvetica, sans-serif;
		color:#DDD;
		margin-left:130px;
	}
	#footer #address {
		margin:10px 0 10px 130px;
		font:bold 1.1em/130% Arial, Helvetica, sans-serif;
		color:#666;
	}
		#footer p a {
			font-weight:bold;
			border-bottom:1px solid #4A266E;
		}	
		#footer p a:hover {
			color:#F8853D;
			border-bottom:1px solid #F8853D;
		}
	
	#chicasLeyendo {
		width:114px;
		height:172px;
		position:absolute;
		right:15px;
		bottom:18px;
		display:block;
		background:transparent url(/img/chicasLeyendo.png) no-repeat;
	}
	
	#imex {
		height:60px;
		padding:0;
		width:110px;
		position:absolute;
		left:10px;
		top:5px;
	}


/* ESTILOS/CLASES AUXILIARES
--------------------------------------------- */
.center {
	margin-left:auto;
	margin-right:auto;
}
.block {
	display:block;
}
.inline {
	display:inline;
}
.inlineBlock {
	display:block;
}
.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center;
}
.alignJustify {
	text-align:justify;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.margin {
	margin:1em;
}
.marginLeft {
	margin-left:1em;
}
.marginRight {
	margin-right:1em;
}
.marginBottom {
	margin-bottom:1em;
}
.marginTop {
	margin-top:1em;
}
.padding {
	padding:1em;
}
.paddingLeft {
	padding-left:1em;
}
.paddingRight {
	padding-right:1em;
}
.paddingBottom {
	padding-bottom:1em;
}
.paddingTop {
	padding-top:1em;
}

/* Columnas - Sobre una retícula de 960px (96em) incluyendos los espacios, glutter, entre columnas */

.col22em { /* 1/4 */
	width:22em;
}
.col46em { /* 2/4 */
	width:46em;
}
.col70em { /* 3/4 */
	width:70em;
}
.col30em { /* 1/3 */
	width:30em;
}
.col62em { /* 2/3 */
	width:62em;
}
.col14em { /* 1/6 */
	width:14em;
}
.col78em { /* 5/6 */
	width:78em;
}

.smallText {
	font:1em/130% Arial, Helvetica, sans-serif;
}
.upperCase {
	text-transform:uppercase;
}
.bold {
	font-weight:bold;
}
.noDisplay {
	display:none;
	visibility:hidden;
}
.img {
	padding:4px;
	border:1px solid #DEDEDE;
}
.externalLink {
	background: url(../img/icoExternalLink.gif) center right no-repeat;
	padding-right: 13px;
}
.clearAll {
	clear:both;
}
/* "Easy Clearing Hack" */
.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix {
	display:inline-block;
}
.clearFix {
	display:block;
}
* html .clearFix {
	height:1px;
}