@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #08385d;	
}

h1, h2, h3, h4, h5, h6 {	
	color: #08385d;
}

a {
	color: #FFFF00;
	text-decoration: none;
	text-transform:uppercase;
}

a:hover {
	color: #FF9900;
}

.clear {
	clear:both;
}

.columna { 
	width: 512px;
	height: 100%;
}

.izquierda {
	float: left;
}

.derecha {
	float: right;
}

#layout {
	margin: 8px auto 0 auto;
	width: 1024px;
}

#cabecera {
	width: 100%;
	margin: 0 auto;
	background-color: #08385d;
}

	#cabecera h1 {
		float: left;
		width: 275px;
		height: 0;
		padding: 92px 0 0 0;
		overflow: hidden;		
		background: url(../imagenes/logo.gif) no-repeat;
	}
	
#cuerpo {
	width: 100%;
	clear: both;
	position: relative;
	height: 426px;
}

	#cuerpo span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
#pie {
	clear: both;
	width: 100%;	
	height: 34px;
	background: #08385d;
	color: #fff;
	font-weight:bold;
	position: relative;
}

	#pie .izquierda {
		width: 256px;
	}
	
	#pie .derecha {
		width: 768px;
	}
	
	#pie p {
		line-height: 32px;
	}
	
	#pie .icono {
		float: left;		
		width: 32px;
		height: 32px;
		margin-top: 2px;
	}
	
	#pie #facebook {
		margin-left: 50px;
	}
	
	#pie #twitter, #pie #flickr {
		margin-left: 5px;
	}

	#pie #email {
		float:right;
		position: absolute;
		right: 23px;
		top: -2px;
	}

.slider-wrapper { 
	position: absolute;
	width: 100%; 
    height:426px;	
}

#slideshow {
    position:relative;
    height:426px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}
