﻿
.slidorion{position:relative;width:960px;;height:250px;;;margin:0 auto;box-shadow:0px 0px 10px 1px #c5c5c5;}
.slider{width:75%;height:100%;position:relative;float:left;overflow:hidden;}
.slider .slide{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#F4F4F4;}
.accordion{width:25%;height:100%;font-family:Verdana;background:#eee;position:relative;z-index:999;overflow:hidden;float:left;}
.accordion .header{font-size:11px;font-weight:bold;border-bottom:1px solid #ccc;height:18px;padding-right:14px;padding-left:14px;padding-top:5px;;color:#FFFFFF;cursor:pointer;background-image:url('../../img/slider_menu_bg_gray.jpg');text-shadow:#000 1px 1px;background-repeat:repeat-x !important;white-space:nowrap;}
.accordion .header:first-child{}
.accordion .header:hover{}
.accordion .header.active{}
.accordion .content{height:173px;font-weight:normal;font-size:12px;line-height:18px;margin:0;padding:16px 15px;overflow:auto;background-color:#E4E4E4;color:#484848;}
.accordion .content h2{margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;font-size:1.6em;line-height:25px;position:relative;font-weight:normal;text-shadow:#fff 1px 1px;}
.accordion .content p{margin-bottom:10px;font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:12px;text-shadow:#fff 1px 1px;color:#333333;}
.accordion .content a{margin-bottom:10px;font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:11px;line-height:15px;text-shadow:#fff 1px 1px;text-decoration:none;color:#666666;font-weight:bold;}
.accordion .content a:hover{text-decoration:underline;}
.accordion .content .slider-mobile-img{display:none;}
.slidorion .slidorion-nav{position:absolute;top:200px;width:16px;height:27px;z-index:9999;background:url('plugins/slidorion/arrows.png') 0 0 no-repeat;cursor:pointer;}
.slidorion .slidorion-nav-left{left:30px;}
.slidorion .slidorion-nav-right{right:310px;background-position:-16px 0;}
@media only screen and (min-width:880px) and (max-width:1024px){.slidorion{width:98%;}
.slider{width:75%;}
.slider img{width:100%;height:100%;}
.accordion{width:25%;}
.accordion .content h1{font-size:1.6em;}
}
@media screen and (min-width:481px) and (max-width:879px){.slidorion{width:99%;height:auto;padding:0;border:2px solid #fff;float:none;margin-left:auto;margin-right:auto;}
.slider{display:none;}
.slider img{}
.accordion{width:100%;height:auto;float:none;}
.accordion .header{font-size:14px;font-weight:bold;border-bottom:1px solid #ccc;padding:7px 14px;}
.accordion .content{height:auto;padding:5px 15px;}
.accordion .content h1{border:1px solid red;width:50%;margin:0 0 10px 0;float:left;display:none;}
.accordion .content .slider-mobile-img{display:inline-block;width:97%;padding:5px;border:1px solid #999999;margin:0 auto;float:none;}
.accordion .content p{font-size:1.2em;margin:10px 0 20px 0;}
.accordion .content a{float:right;width:20%;border:1px solid red;margin:left;display:none;}
}
@media screen and (min-width:150px) and (max-width:480px){.slidorion{width:99%;height:auto;padding:0;border:2px solid #fff;float:none;margin-left:auto;margin-right:auto;}
.slider{display:none;}
.slider img{}
.accordion{width:100%;height:auto;float:none;}
.accordion .header{font-size:14px;font-weight:bold;border-bottom:1px solid #ccc;padding:10px 14px;}
.accordion .content{height:auto;padding:5px 15px 15px 15px;}
.accordion .content h1{display:none;}
.accordion .content .slider-mobile-img{display:inline-block;width:97%;padding:;border:5px solid #fff;margin:0 auto;float:none;box-shadow:0px 0px 10px 2px #C0C0C0;}
.accordion .content p{font-size:1.2em;text-align:justify;line-height:18px;margin:10px 0 20px 0;}
.accordion .content a{float:right;width:20%;border:1px solid red;margin:left;display:none;}
}