/* ---------------------------------------------------------------------------------
	Hoja de estilos global

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI) 2009
	Contacto: comercial@viavansi.com
	http://www.viavansi.com/
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com
------------------------------------------------------------------------------------ */

/* =Misc
------------------------------------------------------------------------------------ */
/* Import reset styles */
@import url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/css/reset.css);
@import url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/css/utils.css);

/* =Globals
------------------------------------------------------------------------------------ */
body {
	color: #666;
	font: 61.5%/1.5em Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

img {
	display: block;
}

#body h2 img,
#body h3 img,
#body h4 img,
#body h5 img,
#body h6 img {
	display: inline;
}

#header_wrapper, #content_wrapper, #footer_wrapper {
	min-width: 935px;
}

#header, #content, #footer {
	margin: 0 auto;
	width: 935px;
}

/* =Header
------------------------------------------------------------------------------------ */
#header_wrapper {
	background: #005305 url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/header-background.png) repeat-x 0 100%;
}

#header {
	background: url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/header-logo-tagline.png) no-repeat 100% 93px;
	min-height: 212px;
	position: relative;
}

/* Logos */
#header h1 span, #header p.junta-andalucia span {
	display: block;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

#header h1 a, #header p.junta-andalucia a {
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#header h1 {
	height: 155px;
	position: absolute;
	top: 2px;
	width: 233px;
}

	#header h1 span {
		background: url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/header-logo-extenda.png) no-repeat 0 0;
	}

#header p.junta-andalucia {
	height: 89px;
	left: 242px;
	position: absolute;
	top: 63px;
	width: 160px;
}

	#header p.junta-andalucia span {
		background: url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/header-logo-junta.png) no-repeat 0 0;
	}

/* Meta */
#header .meta {
	color: #003300;
	font-size: 1.1em;
	position: absolute;
	right: 0;
	top: 58px;
}

	#header .meta img {
		display: inline;
		vertical-align: middle;
	}

	#header .meta a {
		color: #003300;
		margin: 0 0.25em;
		text-decoration: underline;
		text-transform: uppercase;
	}
	
	#header .meta a:focus, #header .meta a:hover {
		color: #fff;
	}
	
/* Search */
#header .search {
	position: absolute;
	top: 167px;
}

	#header .search input {
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}
	
	#header .search input.text {
		background: #005e18 url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/search-input-text.png) no-repeat 0 0;
		border: 1px solid #000;
		color: #fff;
		font-size: 1em;
		font-weight: bold;
		padding: 0.5em;
		width: 188px;
	}
	
	#header .search input.button {}

/* Main-Menu */
#header .main-menu {
	float: right;
	margin-top: 164px;
	position: relative;
	width: 690px;
	z-index: 999;
}

#header .main-menu .amp {
	font-size: 0.7em;
	line-height: 1em;
}

	#header .main-menu ul {}
	
		#header .main-menu ul li {
			float: left;
			line-height: 1.3em;
			position: relative;
		}
		
			#header .main-menu ul li a {
				background: url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/main-menu-separator.png) no-repeat 100% 0;
				color: #99cc99;
				display: block;
				font-size: 1.4em;
				padding: 0 0.35em 1.6em 0.35em;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
			}
			
			#header .main-menu ul li a span.tooltip {
					background: #008B32;
					border: 1px solid #073C1A;
					display: none;
					color: #fff;
					display: none;
					position: absolute;
					bottom: -3.5em;
					padding: 1em 2em;
					text-align: left;
					text-transform: none;
					width: 200px;
					left: -100px; z-index: 99999;
				}
				
				#header .main-menu ul li a:focus span.tooltip,
				#header .main-menu ul li a:hover span.tooltip {
					display: block;
				}
			
			#header .main-menu ul li a.last {
				background: none;
			}
			
			#header .main-menu ul li a:focus, #header .main-menu ul li a:hover {
				color: #fff;
			}
		
		/* Current tab */
		#header .main-menu ul li.current {
			background: url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/main-menu-marker.png) no-repeat 50% 100%;
			bottom: -1px;
		}
		
			#header .main-menu ul li.current a {
				color: #fff;
			}

/* =Content
------------------------------------------------------------------------------------ */
#content_wrapper {
	background: #fff url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/content-background.jpg) repeat-y 50% 0;
}

/* =Body
------------------------------------------------------------------------------------ */
#body {
	float: right;
	font-size: 1.2em;
	width: 700px;
}

	#body .font-size-small {
		font-size: 0.9em;
		line-height: 1.2em;
	}
	
	#body .font-size-normal {
		font-size: 1em;
	}
	
	#body .font-size-big {
		font-size: 1.2em;
		line-height: 1.3em;
	}
	
	#body .text-align-left {
		text-align: left;
	}
	
	#body .text-align-center {
		text-align: center;
	}
	
	#body .text-align-right {
		text-align: right;
	}
	
	#body .margin-bottom-1 {
		margin-bottom: 1em;
	}
	
	#body .margin-bottom-2 {
		margin-bottom: 2em;
	}
	
	#body .bottom {
		bottom: 0;
	}
	
	#body .relative {
		position: relative;
	}
	
	#body .float-left {
		float: left;
	}
	
	#body .float-right {
		float: right;
	}
	
	#body img.float-left {
		margin-right: 1em;
	}
	
	#body .float-right {
		margin-left: 1em;
	}
	
	#body a {
		color: #444;
	}
	
	#body a:focus,
	#body a:hover {
		color: #000;
	}

	#body p, #body ul, #body ol {
		margin-bottom: 1em;
	}
	
	#body ul.squared, #body ul.disc, #body ol.decimal {
		padding-left: 2em;  /* Carlos: lo he cambiado para las listas de quienes somos en ingles. Antes valia 1 */
	}
	
	#body ul.disc ul {
		margin-left: 1em;
	}
	
	#body ol {}
	
	#body li {
		margin-bottom: 0.25em;
	}
	
	#body .squared li {
		list-style-type: square;
	}
	
	#body .decimal li {
		list-style-type: decimal;
	}
	
	#body .disc li {
		list-style-type: disc;
	}
	
	#body .list-inline {}
	
		#body .list-inline li {
			float: left;
			margin-right: 0.5em;
		}
	
	#body .half li {
		margin-right: 1%;
		float: left;
		width: 48%;
	}
	
	#body h2 {
		color: #000;
		font-size: 2em;
		line-height: 1em;
		margin: 0 0 0.75em 0;
	}
	
	#body h3 {
		color: #000;
		font-size: 1.6em;
		line-height: 1em;
		margin: 0 0 0.75em 0;
	}
	
	#body h4 {
		color: #000;
		font-size: 1.4em;
		line-height: 1em;
		margin: 0 0 1em 0;
	}
	
	#body h5 {
		color: #000;
		font-size: 1.2em;
		line-height: 1.1em;
		font-style: italic;
		margin: 0 0 1em 0;
	}
	
	#body h6 {
		color: #444;
		font-size: 1.2em;
		font-variant: small-caps;
		margin: 0 0 1em 0;
	}
	
	#body table {
		background: #d5e3d9;
		border-top: 3px solid #fff;
		border-left: 3px solid #fff;
		margin-bottom: 1em;
		width: 100%;
	}
	
		#body table td, #body table th {
			border-bottom: 3px solid #fff;
			border-right: 3px solid #fff;
			padding: 1em;
		}
		
		#body table th {
			background: #005312;
			color: #fff;
			font-weight: normal;
			font-size: 1.2em;
		}
		
		#body table .width-5   { width: 5%;  }
		#body table .width-10  { width: 10%; }
		#body table .width-15  { width: 15%; }
		#body table .width-20  { width: 20%; }
		#body table .width-25  { width: 25%; }
		#body table .width-30  { width: 30%; }
		#body table .width-35  { width: 35%; }
		#body table .width-40  { width: 40%; }
		#body table .width-45  { width: 45%; }
		#body table .width-50  { width: 50%; }
		#body table .width-55  { width: 55%; }
		#body table .width-60  { width: 60%; }
		#body table .width-65  { width: 65%; }
		#body table .width-70  { width: 70%; }
		#body table .width-75  { width: 75%; }
		#body table .width-80  { width: 80%; }
		#body table .width-85  { width: 85%; }
		#body table .width-90  { width: 90%; }
		#body table .width-95  { width: 95%; }
		#body table .width-100 { width: 100%;}
		
		#body table td ul {
			margin-left: 1em;
		}
		
		#body table td li {
			margin-bottom: 0.5em;
		}
		
		#body table .width-25 {
			width: 25%;
		}
	
/* Forms */
#body form {}

	#body form input.text, #body form select, #body form textarea {
		background: #fff url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/form-text-background.gif) no-repeat 0 0;
		border: 1px solid #b2b2b2;
		color: #000;
		font-family: Tahoma,Arial,Helvetica,sans-serif;
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 0.5em;
		padding: 0.4em;
		width: 95%;
	}
	
	 #body form select {
		width: 100%;
	}
	
	#body form input.button {}
	
/* Breadcrumb */
#body .breadcrumbs {
	font-size: 0.9em;
	margin: 1em 0 2em 29px;
}

	#body .breadcrumbs a {
		color: #666;
	}
	
	#body .breadcrumbs a:focus, #body .breadcrumbs a:hover {
		color: #000;
	}
	
	#body .breadcrumbs a.current {
		text-decoration: none;
	}

/* =Menu
------------------------------------------------------------------------------------ */
#menu {
	float: left;
	font-size: 1.2em;
	width: 234px;
}

/* Banners */
#menu .banners {}

	#menu .banners ul {}
	
		#menu .banners ul li {
			padding: 1em 0;
		}

/* Content Menu */
#menu .content-menu {
	margin: 2em 1em 2em 0;
}

	#menu .content-menu li {
		margin-bottom: 1em;
	}
	
		#menu .content-menu li.current a {
			font-weight: bold;
		}
		
		#menu .content-menu li a {
			color: #666;
			text-decoration: none;
		}
		
		#menu .content-menu li a:focus,
		#menu .content-menu li a:hover {
			color: #000;
			text-decoration: underline;
		}
		
		#menu .content-menu li ul {
			margin-left: 1em;
			margin-top: 0.5em;
		}
		
			#menu .content-menu li ul li {
				margin-bottom: 0.25em;
			}
			
				#menu .content-menu li.current ul li a {
					font-weight: normal;
				}
				
				#menu .content-menu li.current ul li.current a {
					font-weight: bold;
				}

/* =Footer
------------------------------------------------------------------------------------ */
#footer_wrapper {
	background: #383836 url(http://www.extenda.es/web/export/system/modules/com.junta.extenda.en/resources/images/layout/footer-background.jpg) repeat-y 50% 0;
}

#footer {
	padding-bottom: 2em;
	padding-top: 3em;
}

	#footer h2 {
		color: #dddbd8;
		font-size: 1.8em;
		font-weight: bold;
	}

/* Contact */
#footer .contact {
	color: #858482;
	float: left;
	margin-left: 5px;
	width: 202px;
}

	#footer .contact img {
		margin: 5em 0 3.5em 0;
	}
	
	#footer .contact dl {}
	
		#footer .contact dl dt,
		#footer .contact .fn {
			display: block;
			height: 1px;
			left: -9999px;
			position: absolute;
			text-indent: -9999px;
			top: -9999px;
			width: 1px;
		}
		
		#footer .contact dl dd {}
		
			#footer .contact dl dd a {
				color: #858482;
				text-decoration: none;
			}
			
			#footer .contact dl dd a:focus,
			#footer .contact dl dd a:hover {
				text-decoration: underline;
			}

/* Links */
#footer .links {
	float: right;
	width: 700px;
}

	#footer .links h2 {
		margin-left: 20px;
	}

	#footer .links a {
		color: #dddbd8;
		display: block;
		font-size: 1.2em;
		padding-left: 0.5em;
		text-indent: -0.5em;
		text-decoration: none;
	}
	
	#footer .links a:focus, #footer .links a:hover {
		text-decoration: underline;
	}

	#footer .links h3, #footer .links .highlighted a {
		color: #dddbd8;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
	}
		
	#footer .group {
		margin: 5em 0 0em 20px;
	}
	
		#footer .group ul, #footer .group .highlighted li {
			margin-bottom: 3em;
		}
		
/* Copyright */
#footer .copyright {
	color: #dddbd8;
	font-size: 1.2em;
	position: relative;
}

	#footer .copyright a.wai {
		position: absolute;
		right: 95px;
		top: -1em;
	}

	#footer .copyright p {
		margin: 0 0 0 20px;
		padding: 0 0 2em 0;
	}

	#footer .copyright a {
		font-size: 1em;
		text-decoration: underline;
	}
	
	#footer .copyright a:focus, #footer .copyright a:hover {}