@charset 'utf-8';
/*************************************************
*
*	project:  	liteAccordion - horizontal accordion plugin for jQuery
*	author:   	Nicola Hibbert
*	url:	  	http://nicolahibbert.com/horizontal-accordion-jquery-plugin
*	demo:	  	http://www.nicolahibbert.com/demo/liteAccordion
*
/*************************************************/
/****************************************** Core */
dt { font-weight: bold }
dd { margin: 0 }
figure { display: block; width: 100%; height: 100%; margin: 0;background: #EDEDED; }
figcaption { padding: 10px 15px; position: absolute; bottom: 20px; right: 30px; z-index: 3; background: black; background: rgba(0,0,0,0.7); color: white;
}  
.accordion
{
	text-align: left;
	font: 1em "Helvetica Neue", Verdana, Arial, sans-serif;

	margin-left: -1px;
}

.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; 
-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.accordion li > h2 span { width: 335px;display: block;padding-right: 5px;  text-align: right; height: 90%; margin-top: 5px; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }

/****************************************** Dark */
li.dark1 h2,li.dark2 h2,li.dark3 h2,li.dark4 h2,li.dark5 h2,li.dark6 h2,li.dark7 h2,li.dark8 h2
{padding-top:0px;}
.dark{	border: 5px solid #CCC;	border-bottom-width: 8px;	background: #FFFFFF;	}
.dark A{	text-decoration: underline;	color: #027369;}
.dark A:hover{	text-decoration: none;}
.dark li > h2 { line-height: 2.3em; font-family: Calibri; font-size: 18px;font-weight: bold;}
.dark1  h2 span { background: #FF9933; color: white; }
.dark2  h2 span { background: #6699CC; color: white; }
.dark3  h2 span { background: #339999; color: white; }
.dark4  h2 span { background: #FF6600; color: white; }
.dark5  h2 span { background: #00CC33; color: white; }
.dark6  h2 span { background: #33CCCC; color: white; }
.dark7  h2 span { background: #0099CC; color: white; }
.dark li > h2 b { background: #353535\9; color: #030303; display: none; font-size: 20px;  }
.dark h2.selected b { background: #434343\9; display: none; }
.dark li > div { background: #FFF; margin-left: 5px; }

/*************************************** Rounded */
.rounded {  margin-bottom: 20px;}
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.slide_contentbottom1
{
	background-image: url(http://laramirra.com/images/1.png);
	height: 355px;

	padding-top: 3px;
}
.slide_contentbottom2
{
	height: 355px;
	
	padding-top: 3px;
	background-image: url(http://laramirra.com/images/5.png);
}
.slide_contentbottom3
{
	background: url(http://laramirra.com/images/7.png) no-repeat bottom right;
	height: 355px;
}

.slide_contentbottom4
{
	background-image: url(http://laramirra.com/images/3.png);
	height: 355px;
	
	padding-top: 3px;
}
.slide_contentbottom5
{
	background-color: #E6E6E6;
	height: 355px;
	padding-top: 3px;
	
}
.slide_contentbottom6
{
	background-image: url(http://laramirra.com/images/2.png);
	
	padding-top: 3px;
	height: 355px;
}
.slide_contentbottom7
{
	background: url(http://laramirra.com/images/6.png) no-repeat bottom right;
	height: 355px;
}
.somebottom
{
display:none;
}

#linkofslide A
{
	float: right;
	text-decoration: none;
	background-color: #FF9933;
	padding:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
border-radius: 8px;
	position: absolute;
	bottom: 6px;
	right: 5px;
color: #FFFFFF;
font-weight: bold;
}

#linkofslide2 A
{
	float: right;
	text-decoration: none;
	background-color: #339999;
	padding:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
border-radius: 8px;
	position: absolute;
	bottom: 10px;
right: 215px;
color: #FFFFFF;
font-weight: bold;
}
#linkofslide3 A
{
	float: right;
	text-decoration: none;
	background-color: #FF6600;
	padding:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
border-radius: 8px;
	position: absolute;
	bottom: 10px;
right: 278px;
color: #FFFFFF;
font-weight: bold;
}

#linkofslide4 A
{
	float: right;
	text-decoration: none;
	background-color: #00CC33;
	padding:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
border-radius: 8px;
	position: absolute;
	bottom: 10px;
right: 275px;
color: #FFFFFF;
font-weight: bold;
}

