/*jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-sliderCopyright (c) 2009 Niall DohertyThis plugin available for use in all personal or commercial projects under both MIT and GPL licenses.*/
/* Insignificant stuff, for demo purposes */
.panel h2.title {
/*    width: 330px;*/
/*    display: block;*/
    display: none;
    color: yellow;
    margin-bottom: 10px ;
}

noscript div {
    background: #ccc;
    border: 1px solid #900;
    margin: 20px 0;
    padding: 15px ;
}

/* Most common stuff you'll need to change */
.coda-slider-wrapper {
    padding: 0;
    
}

.coda-slider {
/*    background: red;*/
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
    height: 200px;
    overflow: auto !important;
    padding-right: 20px ;
}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
    width: 675px ;
    
}

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
    width: 350px ;
}

.coda-slider-wrapper.arrows .coda-slider {
    margin: 0 0px ;
}

/* Arrow styling */
.coda-nav-left a {
    
    color: #fff;
    padding: 0px;
    width: 40px;
    background-image: url(../../szablony/img/coda_l.png);
    width: 27px;
    height: 20px;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.coda-nav-left a:hover, .coda-nav-right a:hover  {
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.coda-nav-right a {
   
    color: #fff;
    padding: 0px;
    width: 40px;
    background-image: url(../../szablony/img/coda_r.png);
        width: 27px;
    height: 20px;
        filter: alpha(opacity=10);
    opacity: 0.1;
}
/* Panel padding */
.coda-slider .panel-wrapper {
    padding: 15px 0px 0px 0px;
    height: 220px;
    text-align: left;
    font-size: 14px;
}

/* Preloader */
.coda-slider p.loading {
    padding: 20px;
    text-align: center ;
}

.coda-nav {
/*    display: none;*/
    width: 500px;
}

/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul {
    position: absolute;
    top: 0px;
    left:685px;
    list-style: none;
    padding: 0px;

    width: 222px;
    clear: both;
    display: block;
    margin: 2px 0px 0px 0px;
/*    overflow: hidden ;*/
}

.coda-nav ul li {
    display: block ;
}

.coda-nav ul li a {
    width: 270px;
/*    background: #000;*/
    color: #fff;
    display: block;
    float: left;
    margin-right: 1px;
    padding: 13px 17px;
    text-align: left;
    text-decoration: none ;

    border-bottom: #EE3D3D solid 1px
}

.coda-nav ul li a.current {
/*    background: #910000;*/
    padding-left: 25px;
    width: 263px;
    background-image: url(../../szablony/img/coda_a.png);
    background-repeat: repeat-y;
    background-position: 11px center;
}

/* Miscellaneous */
.coda-slider-wrapper {
    clear: both;
    overflow: auto ;
color: #FFBDBD;
   
}

.panel-wrapper p{ 
	margin: 0px 0px 12px 0px;
		
}

.coda-slider {
    float: left;
    overflow: hidden;
    position: relative ;
}

.coda-slider .panel {
    display: block;
    float: left ;
    
}

.coda-slider .panel-container {
    position: relative ;
}

.coda-nav-left{
    position: absolute;
    top: 13px;
    left: 330px;
    z-index: 900;
}

.coda-nav-right {
    position: absolute;
    top: 13px;
    left: 360px;
    z-index: 900;
}

.coda-nav-left a, .coda-nav-right a {
    display: block;
    text-align: center;
    text-decoration: none ;
}