/*  
Theme Name: Action Learning
Theme URI: http://prood.com/
Description: Plantilla desarrollada para la web de "Action Learning - El efecto Pegaso" en Abril 2007. Desarrollado por <a href="http://www.prood.com">Prood | Professionals del Disseny</a>.
Version: 1.0
Author: Rodrigo Barona Oliete
Author URI: http://prood.com/

	Action Learning - El efecto Pegaso
	http://prood.com

	This theme was designed and built by Rodrigo Barona,
	whose blog you will find at http://prood.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
body {
	background: #FFF;
	margin: 0;
}
a {
	color: #558BA9;
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration: underline;
	color: #558BA9;
}

img {border:0;}

hr {display:none;}


/* Acceso administrador superior
////////////////////////////////////////////////////////////////*/
#accesoadmin {
  text-align: center;
  padding: 10px;
  background: #DDE8EE;
  border-bottom: 1px solid #236FA3;
  font-size: 11px;
}

/*-- Centrar horixzontalmente la web --*/
	#horizon {
		background: url(images/fondo.gif) top left repeat-x;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100%;
		height: 526px;
		/* La altura dividida por 2 */
		margin-top:-263px; 
		}

/*-- Caja para centrar el contenido de todo la web --*/
	#contenido {
		width: 744px;
		height:526px;
		margin: 0 auto;
		border: 2px solid #558BA9;
		background:#fff;
	}


/*-- Logotipo --*/
#logo {
	width:125px;
	height:46px;
	margin-top:97px;
	margin-left:52px;
}

	#logo h1 {padding:0; margin:0;}
	
	#logo h1 a {
		display:block;
		width:125px;
		height:52px;
		text-indent:-9999px;
		background:url('images/logo.gif') top left no-repeat;
	}


/*-- Menu --*/
#menu {
	position:relative;
	top:19px;
	left:52px;
	width:150px;
	font-size:13px;
	font-weight:bold;
	float:left;
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
}

	html>body #menu { top:37px; }

	#menu ul {	
		margin:0;
		padding:0;
	}
	
	#menu h2 {	
		display:none;
		width:1px;
		height:1px;
		overflow:hidden;
	}
	
	#menu li {	
		list-style:none;
		padding-bottom:3px;
	}
	
	
	#menu li a:hover {
		text-decoration:none;
		color:#000;
	}
	
	#menu ul li ul {
		margin:0;
		padding:0;
	}
	
	#menu ul li li {
		margin:0;
		padding:0;
		list-style:none;
		height:auto;
	}
	
	#menu ul li li a {
		display:block;
		height:auto;
		margin:0 0 -13px 0;
		text-decoration:none;
	}
	
		html>body #menu ul li li a {
			margin:0;
		}
	

			#menu ul li li ul {  display:none; height:20px; margin:5px 0 0 0; padding:0 0 5px 0;}
			html>body #menu ul li li ul { height:auto; margin:0; }
			
			#menu ul li li ul li a {
			font-family: Arial, Helvetica, sans-serif;
				display:block;
				height:auto;
				margin:0 0 -13px 0;
				border-bottom:0;
				padding:8px 0 8px 5px;
				text-decoration:none;
				color:#000;
				background:none;
				height:18px;
				color:#666;
				font-size:10px;
			}
	
			#menu ul li li a:hover {
			}
	
			#menu ul li li ul li a:hover {
				background: none;
				color:#000;
			}
			
			
	.current_page_parent a { font-weight:bold; }
	.current_page_parent ul li a  { font-weight:normal; }
	#menu .current_page_parent  ul { display:block; margin-top:10px; }
	
	.current_page_item a { font-weight:bold; }

/*-- textos --*/

#txt {
	position:relative;
	top:37px;
	left:80px;
	width:440px;
	height:270px;
	display:block;
	float:left;
	overflow-y:scroll;
	padding:0 10px 0 0;
	text-align:justify;
	line-height:160%;
}

#txt strong {
	font-weight: bolder;
}
	/*-- HACK SOLO PARA SAFARI en MAC --*/	
	/*\*/
	html>body* #txt {overflow:scroll; }
	/**/

#txt p {
	padding:0;
	margin:0 0 10px 0;
}

#txt h3 {
	padding:0;
	margin:4px 0 5px 0;
	font-weight:bold;
	font-size:14px;
	color:#558BA9;
}

#txt h4 {
	padding:0;
	margin:8px 0 6px 0;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #CCC;
}


#txt ul, #txt ol { margin:0; padding:0; }

#txt ul li {
	list-style:none;
	margin: 5px 0;
	padding:0 0 0 17px;
	background: url('images/arrow_right.gif') 0 1px no-repeat;
	_height: 1em; /* Hack para IE6, por Rafa */
}

#txt ul li:hover { /* para evitar image flickering en IE6, por Rafa */
	background: url('images/check.gif') 0 2px no-repeat;
}

#txt ol li {
	list-style:none;
	margin: 5px 0;
	padding:0 0 0 15px;
	background: url('images/check.gif') 0 2px no-repeat;
	_height: 1em; /* Hack para IE6, por Rafa */
}

#txt ol li:hover { /* para evitar image flickering en IE6, por Rafa */
	background: url('images/check.gif') 0 2px no-repeat;
}

#txt #txtsubmenu h4 {
	padding:0;
	color:#558BA9;
	margin:8px 0 6px 0;
	font-weight:bold;
	font-size:11px;
	border-bottom:0;
}

#txt #txtsubmenu ul{ margin:0; padding:0;}

#txt #txtsubmenu ul li {
	list-style:none;
	margin: 5px 0;
	padding:0;
	background: none;
}

	#txt #txtsubmenu ul li ul li a  {
		list-style:none;
		margin: 5px 0;
		padding:0 0 0 17px;
		background: url('images/arrow_right.gif') 0 -2px no-repeat;
	}

.img-right {
	float:right;
	margin:4px 0 5px 10px;
	padding:3px;
	border:1px solid #558BA9;
}

/*-- Logo Action learning --*/
#action {
	position:relative;
	top:325px;
	right:65px;
	width:81px;
	height:29px;
	float:right;
}

#action a {
		display:block;
		width:81px;
		height:29px;
		text-indent:-9999px;
		background:url('images/action-learning.gif') top left no-repeat;
}



/*-- Fotos aleatorias --*/
#foto1 {
	position:relative;
	top:189px;
	left:-600px;
	float:left;
}
	html>body #foto1 {top:195px;}

#foto2 {
	position:relative;
	top:-419px;
	left:231px;
	float:left;
}
	html>body #foto2 {top:-413px;}

#foto3 {
	position:relative;
	top:-419px;
	left:478px;
	float:left;
	}
	
	html>body #foto3 {top:-413px;}


/*-- FOOTER - INICIO --*/

	#footer {
		background:#fff;
		margin:8px auto 0;
		width:744px;
		font-size: 10px;
		color: #666666;
		text-align:right;
	}


/*-- FOOTER - FIN --*/


/*-- HOME PAGE --*/

#home {
	width:729px;
	height:526px;
	background:#558BA9;
	color:#fff;
	line-height:140%;
	padding:0 15px 0 0;
	text-align:justify;
	font-size:11px;
}

#home img {
	float:left;
	margin:0 15px 0 0;
	border:0;
}

#home p {
	padding:0;
	margin:0;
}

#home a {
	color:#fff;
	text-decoration:underline;
}