/* 
        Theme Name: KTK
        Theme URL: http://www.webove-stranky.com
        Description: KTK
        Author: http://www.webove-stranky.com
        Author URI: http://www.webove-stranky.com
        Version: 1.0		
*/

@import url("css/reset.css");

@import url("css/960.css");

@import url("css/text.css");

#header .logo{
 background: url(img/header-logo.png) no-repeat;
 position: absolute;
 top: 10px;
 left: 0px;
 width: 500px;
 height: 150px;
 z-index:10;	
}

#header .symbol{
 position: absolute;
 right: 20px;
 top: 20px;
 width: 332px;
 height: 270px;	
 z-index:10;
}


#header .homelink{
 position: absolute;
 top: 10px;
 left: 0px;
 width: 500px;
 height: 150px;
 z-index: 1000;	
}

.program-container h3 {
 text-align: center;
 background-color:#FF8637;
 color: white;
 margin: 0;
 padding-bottom: 5px;
 padding-top: 5px;
}

.program-container h3 a{
 color:white;
}

.program-container h3 a:hover{
 text-decoration: none;
 text-shadow: none;
}


.program-container h4 {
 text-align: center;
 background-color:#33217A;
 text-shadow: none;
 color: white;
 margin: 0;
 font-size:21px;
}

.program-container{
 -moz-border-radius: 5px;
 -moz-box-shadow: #CDCFDC 0px 0px 10px;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -webkit-border-radius: 8px;
 -webkit-box-shadow: #6E7849 0 0 10px;
 -webkit-transition: all 0.5s ease;
 background-color: #E8E9F0;
 background-image: -moz-linear-gradient(90deg, #FFFFFF, #E8E9F0);
 background-image: -ms-linear-gradient(90deg, #FFFFFF, #E8E9F0);
 background-image: -o-linear-gradient(90deg, #FFFFFF, #E8E9F0);
 background-image: -webkit-linear-gradient(90deg, #FFFFFF, #E8E9F0);
 background-image: linear-gradient(90deg, #FFFFFF, #E8E9F0);
 border-radius: 8px;
 border: 2px solid #FF8637;
 box-shadow: #909090 0px 0px 10px;
 color: #24317D;
 float:left;
 font-family: Trebuchet MS;
 margin: auto;
 margin-left: 20px;
 padding: 0;
 text-decoration: none;
 transition: all 0.5s ease; 
 text-align: center;
 width:210px;
 height: 185px;
 position: relative;
 margin-bottom: 20px;
}

.program-container h3 {
 text-align: center;
 background-color:#FF8637;
 text-shadow: 1px 1px 3px #000000;
 color: white;
 margin: 0;
 padding-bottom: 5px;
 padding-top: 5px;
}

.program-container h3 a{
 color:white;
}

.program-container h3 a:hover{
 text-decoration: none;
 text-shadow: none;
}

.ui-accordion-header{
 margin-bottom: 0;
}
.ui-state-active{
 background: #28166F !important;
 color:white !important;
 text-shadow:none;
}