/*  
Theme Name: FEEL
Theme URI: http://www.fundacionlisosomales.es/
Description: Fundación Española de Enfermedades Lisosomales
Version: 1.0
Author: <mono:factory/> ~ The Design Bureau
Author URI: http://monofactory.com/

*/
/* @group Site-Wide Styles 
*****************************************************************************************/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	color: #000;
	background-color: #FFF;
}

body {
	color: #555;
	font: normal 14px "Trebuchet MS", "Verdana", "Arial", sans-serif;
	background: #FFF url("images/bodyBG.png") repeat-x top left;
}

ul, li {
	list-style-type: none;
}

abbr, acronym {
	cursor: help;	
}

a {
	color: #555;
	text-decoration: none;
	outline: none;
}

div#wrapper {
  position: relative;
	width: 950px;
	margin: 0px auto;
}

.hidden {
	display: none;
}
/* @end */
/* @group Header 
*****************************************************************************************/
div#header {
	position: relative;
	height: 433px;
}

div#header h1 {
	z-index: 10;
	position: absolute;
	top: 54px;
	left: 217px;
	font-weight: bold;
	font-size: 20px;
	color: #FFF;
}

div#search {
	z-index: 100;
	width: 207px;
	height: 41px;
	position: absolute;
	top: 70px;
	right:4px;
	background: transparent url("images/searchBG-trans.png") no-repeat top left;
}

div#search input#searchBox {
	width: 153px;
	height: 11px;
	padding: 2px;
	position: absolute;
	top: 9px;
	left: 10px;
	font: normal 10px "Verdana";
	border: 2px inset #555;
}

div#search input#searchButton {
	width: 20px;
	height: 19px;
	position: absolute;
	top: 9px;
	right: 10px;
	cursor: pointer;
}

ul#enlaces {
  position: absolute;
  top: 10px; right: 12px;
}

ul#enlaces li {
  float: left;
  margin-left: 20px;
}

ul#enlaces li a {
  font-size: 12px;
  color: #FFF;
}

ul#enlaces li a:hover {
  border-bottom: 1px dotted #FFF;
}

div#menu {
	z-index: 30;
	width: 219px;
	height: 414px;
	padding-top: 11px;
	overflow: hidden;
}

div#menu a img#logo {
	display: block;
	width: 219px;
	height: 93px;
}

div#menu ul {
	z-index: 40;
	height: 321px;
	background: transparent url("images/menuBG-trans.png") no-repeat top left;
	overflow: hidden;
}

div#menu ul li {
	text-align: center;
	padding: 5px 0px;
	background: transparent url("images/menuItemBG.png") no-repeat bottom center;
}

div#menu ul li a {
	color: #600;
	font-size: 16px;
}

div#menu ul li a:hover {
	color: #CFA300;
}

/*
div#menu ul li ul {
	display: none;
	height: auto;
	background: transparent url("images/menuItemBG.png") no-repeat top center;
}

div#menu ul li:hover ul {
	display: block;
	margin-top: 6px;
	padding-top: 7px;
}
*/

div#menu ul li ul {
	display: block;
	margin-top: 4px;
	padding-top: 5px;
	height: auto;
	background: transparent url("images/menuItemBG.png") no-repeat top center;
}

div#menu ul li ul li {
	background: none;
	padding: 4px 0px; 
}

div#menu ul li ul li a {
	color: #999;
	font-size: 12px;
}

div#banner {
  display:none;
	z-index: 0;
	width: 577px;
	height: 349px;
	position: absolute;
	top: 76px;
	left: 212px;
}

div#banner h2 {
	z-index: 20;
	padding: 5px 10px;
	position: absolute;
	left: 0px;
	font: italic 40px "Georgia", "Times new Roman", serif;
	color: #FFF;
	background: transparent url("images/overlay-trans.png") no-repeat top left;
}

div#banner h2#adv {
  display: none;
	font-size: 32px;
	width: 230px; 
	height: 40px;
	top: 130px;
}


div#banner h2#tagline {
  display:none;
	width: 710px;
	height: 100px; padding-top: 10px;
	top: 210px;
}

div#banner h2 a {
  color: #FFF;
  text-decoration: none;
  text-decoration: underline; /* Premios y Becas FEEL de Investigación 2009 */
  border: none;
}

div#banner h2 a:hover {
  text-decoration: underline;
}

hr#hook {
  position: absolute;
  top: 428px;
  width: 0px;
  height: 0px;
  border: none;
  background: none;
}


/* @end */
/* @group Contents 
*****************************************************************************************/
div#contents {
	margin: 12px 0px 50px 0px;
}

div#sidebars {
  margin-left: 490px;
}

div#professionals {
	width:194px;
	margin-right: 8px;
	padding: 20px;
	float: left;
	background: transparent url("images/professionalsBG.png") no-repeat top center;
}

div#professionals h4 {
	padding: 8px 0px 30px 45px;
	font: bold 18px "Georgia", "Times New Roman", serif;
	font-style: italic;
}

div#professionals h5 {
	font-size: 16px;
	margin-bottom: 10px;
}

div#professionals h5 a:hover {
    text-decoration: underline;
}

div#professionals p {
	margin-bottom: 15px;
}

div#agenda {
	width:177px;
	padding: 20px;
  margin-left: 240px;
	font-size: 12px;
	background: transparent url("images/agendaBG.png") no-repeat top center;
}

div#agenda h4 {
	padding: 8px 0px 30px 55px;
	font: bold 18px "Georgia", "Times New Roman", serif;
	font-style: italic;
}

div#agenda h6 {
	font-size: 16px;
	margin-bottom: 10px;
}

div#agenda h6 a:hover {
    text-decoration: underline;
}

div#agenda p {
	margin-bottom: 15px;
}

div#mainContent {
  float: left;
	width: 444px;
	padding: 20px;
	background: transparent url("images/newsBG.png") no-repeat top center;
}

div#mainContent a {
    border-bottom: 1px dotted #555;
}

div#mainContent h3 {
	font-size: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #EEE;
}

div#mainContent h3 a {
    border: none;
}
div#mainContent p {
	line-height: 1.5em;
	margin-bottom: 15px;
	
}

div#mainContent p.continueReading {
    position:relative;
    top: -10px;
    margin-bottom: 20px;
    color: #BBB;
    font-size: 12px;
    font-style: italic;
}

div#mainContent p.continueReading a {
    border-bottom: 1px dotted #BBB;
}

div#mainContent ul {
    margin: 0px 20px 40px 40px;
}

div#mainContent ul li {
    margin-bottom: 10px;
    list-style: disc;
}

div#mainContent blockquote {
    margin: 0px 20px 40px 20px;
    font-style: italic;
    text-align: center;
}

object.slideshow, iframe.slideshow {
  height: 291px;
  width: 436px;
  border: 5px groove #CCC;
  overflow: hidden;
}

/* @end */
/* @group Footer 
*****************************************************************************************/
div#footer {
	background: transparent url("images/footerBG.png") repeat-x bottom left;
  clear: both;
} 

div#footer p {
	width: 830px;
	height: 38px;
	margin: 0px auto;
	padding: 74px 120px 0px 0px;
	color: #FFF;
	font-size: 10px;
	text-align: right;
	line-height: 16px;
	background: transparent url("images/footerLogo.png") no-repeat bottom right;
}

div#footer p a {
    color: white;
}

/* @end */