/*
 * Accordionza jQuery Plugin
 * Copyright 2010, Geert De Deckere <geert@idoe.be>
 */

#accordion1 {
	color:#fff;
	height:390px;
	list-style:none;
	margin:0;
	overflow:scroll;
	padding:0;
	width:1000px;
	float: left;
}
#accordion1 li {
	height:390px;
	position:relative;
}
#accordion1 .slide_handle {
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:50px;
	background-image: url(images/seleccionNav.jpg);
	background-repeat: no-repeat;
	background-color: #CCC;
	z-index: 5;
}
#accordion1 .slide2 .slide_handle {
	background-position:-51px 0;
}
#accordion1 .slide3 .slide_handle {
	background-position:-102px 0;
}
#accordion1 .slide4 .slide_handle {
	background-position:-152px 0;
}
#accordion1 .slide5 .slide_handle {
	background-position:-202px 0;
}
#accordion1 .slide6 .slide_handle {
	background-position:-253px 0;
}
#accordion1 .slide7 .slide_handle {
	background-position:-304px 0;
}
#accordion1 .slide_handle div {
	background:url(images/arrows.gif);
	bottom:16px;
	height:7px;
	left:20px;
	position:absolute;
	width:7px;
}
#accordion1 .slide_opened .slide_handle { cursor:default; }
#accordion1 .slide_opened .slide_handle div { background-position:0 -7px; }
#accordion1 .slide_content {
	bottom:0;
	left:50px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0px;
	width: 700px;
	z-index: 0;
	background-color: #F5F5F5;
	background-repeat: no-repeat;
}
#accordion1 .slide_content2 {
	bottom:0;
	left:50px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0px;
	width: 700px;
	z-index: 0;
	background-image: url(images/fondoQuienes650x390px.jpg);
	background-color: #CCC;
}
#accordion1 .slide_content6 {
	bottom:0;
	left:50px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0px;
	width: 700px;
	z-index: 0;
	background-image: none;
	background-color: #F5F5F5;
}
#accordion1 .slide_content7 {
	bottom:0;
	left:50px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0px;
	width: 650px;
	z-index: 0;
	background-image: url(images/formularioPrisma.jpg);
	background-repeat: no-repeat;
}
#accordion1 .slide_content4 {
	bottom:0;
	left:50px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0px;
	width: 650px;
	z-index: 0;
	background-image: none;
	background-color: #CCC;
}
#accordion1 .slide_content5 {
	bottom:0;
	left:50px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0px;
	width: 700px;
	z-index: 0;
	background-repeat: no-repeat;
	background-color: #F5F5F5;
}
#accordion1 .slide_content a img { border:0; }
#accordion1 .slide_caption {
	background:url(images/black-30pct.png); /* You could use rgba instead, but that means less browser support */
	bottom:0px;
	left:455px;
	position:absolute;
	right:0;
	width: 207px;	/* To change the height of the caption, set the captionHeight option in script.js */
	height: 343px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(images/black-30pct.png);
}
#accordion1 .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
	width: 246px;
}

iframe {
    border:none;
}

#accordion1 .slide_caption_toggle div {
	height:100%;
	background-image: url(images/toggle-caption.png);
	background-repeat: no-repeat;
	background-position: 50% -10px;
}
#accordion1 .slide_caption_toggle:hover { background:url(images/black-30pct.png); }
#accordion1 .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
#accordion1 a {
	background:none;
	color:#fff;
}
#accordion1 a:hover { text-decoration:none; }
#accordion1 .slide4 .slide_content {
	background-image: none;
	background-position: 100% 0;
}