﻿/*

Stylesheet for slidorion

 */
 
 @font-face {
    font-family: 'menufont';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#slidorion {
	width: 860px;			/* Set to slidorion width. Is equal to #slider + #accordion width */
	height: 500px;			/* Set to slidorion height. Is equal to #slider and #accordion height */
	/*position: relative;*/
	right: 0%;
	margin-top:90px;
	/*margin-left: -384px;*/
	padding: 10px;
	/*background: #cbcbcb;
	/*border: 1px solid #bbb;

	-webkit-box-shadow: 0 2 0px #bbb;
	-moz-box-shadow: 0 2 0px #bbb;
	box-shadow: 0 2 0px #bbb;*/	
	position:absolute;
	z-index:30;
	margin-right:-9px;
}

#slidorion  h1{
font-size:35pt;
padding-top:0px;
color:#fff!important;
text-align:center;
text-transform:uppercase;
z-index:9999;
}

#slider {
	width: 488px;			/* Set to slider width */
	height: 400px;			/* Set to slider height */
	position: relative;
	float: left;
	overflow: hidden;		/* Hides the animations */
}

.slider-image {
	position: relative;
}

#accordion {
	width: 350px;			/* Set to accordion width */
	height: 400px;			/* Set to image height */
	font-family: Verdana;
	background: #eee;
	/*-webkit-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	-moz-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);*/
	position: relative;
	/*z-index:999;*/
	float: left;
}

#accordion .header {
	height: 36px;
	/*color: #e31b24;*/
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -o-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dcdcdc',GradientType=0 );
	border: none;
	border-top: 0px solid #ccc;
	padding-top:0px;
	font-family:menufont;
	font-weight:bold;

}

#accordion .header a {
	background: none;
	padding: 8px 16px;
	text-decoration: none;
	font-weight:bold;
	font-size: 15px;
	display: block;
	text-transform:uppercase;
}

#accordion .header a:hover {
	background: #e31b24;
	cursor: pointer;
}

#accordion .header a.active {
	border-bottom: none;
	background-color: #e31b24 !important;
	color: #fff;
}

#accordion .content {
	height: 250px;			/* This height needs to be changed as it depends on the accordion height and number of tabs */
	/*font-weight: bold;*/
	font-size: 14px;
	margin: 0;
	padding: 16px;
	border: none;
	background: #d6d6d6;
	background: -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -o-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -ms-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 );
	overflow:auto;
}


