/* počistimo vse */
html, body {padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica; font-size: .85em;}
body.kultura  {background:url(/style/img/background_or.jpg) repeat;}
body.kongres  {background:url(/style/img/background_bl.jpg) repeat;}
body.info  		{background:url(/style/img/background.jpg) repeat;}
.contentCont	{margin-top: 130px;}
img 					{border:none;}
.kultura ::selection {background: #f57a59; text-shadow: none; color: #fff;}
.kongres ::selection {background: #3db8d5; text-shadow: none; color: #fff;}
.info		 ::selection {background: #aaa; text-shadow: none; color: #fff;}

.cufon canvas{user-select:all; -moz-user-select:all; -webkit-user-select:all;}

/* osnovne barve uporabljene na strani */
.red-bg {background: #a7252f;}
.red-col {background: #a7252f;}
.orange-bg {background: #dd4814;}
.orange-col {color: #dd4814;}
.blue-bg {background: #00a4ca;}
.blue-col {color: #00a4ca;}
.gray-bg {background: #7b7b7b;}
.gray-col {color: #7b7b7b;}
.white-bg {background: #fff;}
.white-col {color: #fff;}

/* osnovne poravnave */
.right	{float: right;}
.left		{float: left;}
.center {text-align: center;}
.clr		{clear: both;}

/* osnove tipografije */
a {text-decoration: none; color:#a7252f;}
h1,h2,h3,h4,h5 {margin:0 0 15px 0;}
h3 {font-size:1.2em; font-weight:bold;}
.scala-bold {font-weight: bold}

/* header */
header			{box-shadow: 0 2px 12px 0px #666; z-index:999; position: fixed; width: 100%; top:0; height:115px; background:#fff;}
header .bar {width: 100%; height: 20px; padding: 3px 0; font-size:.85em; color:#666; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 1%, #ffffff 44%, #dddddd 71%, #dddddd 77%, #ffffff 91%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ffffff), color-stop(44%,#ffffff), color-stop(71%,#dddddd), color-stop(77%,#dddddd), color-stop(91%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 1%,#ffffff 44%,#dddddd 71%,#dddddd 77%,#ffffff 91%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 1%,#ffffff 44%,#dddddd 71%,#dddddd 77%,#ffffff 91%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 1%,#ffffff 44%,#dddddd 71%,#dddddd 77%,#ffffff 91%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 1%,#ffffff 44%,#dddddd 71%,#dddddd 77%,#ffffff 91%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
header .bar ul {list-style-type: none; display: inline; padding: 0; margin: 0;}
header .bar ul li {float: left; padding: 0 10px; height: 15px; line-height: 15px; border-right: 1px solid #666;}
header .bar ul li:last-child {border-right: none;}
header .bar ul li a {color: #666;}
header .bar ul li a:hover {text-decoration: underline;}

/* glavni menu */
header .navCont {width:1000px;}
header nav {height: 95px; font-size: .9em;}
header nav .logo {float: left; width: 240px; height: 80px; margin: 10px 20px 0 0; padding: 12px 0 0 0;}
header nav .nav	{float: left; width: 175px; margin-top: 20px; padding: 0 0 0 10px;}
header nav .nav.orange 	{border-left: 1px solid #d06430;}
header nav .nav.blue 		{border-left: 1px solid #5fbfd9;}
header nav .nav.gray 		{border-left: 1px solid #7b7b7b;}
header nav ul				{list-style-type: none; display: block; padding: 0; margin: 0;}
header nav ul li 		{padding: 0px 3px; margin: 2px 0}
header nav ul li a	{text-decoration: none; padding:0 2px 2px 2px;}
nav .orange-col.active,	nav .orange-col:hover {background:#f8dad0;}
nav .blue-col.active,		nav .blue-col:hover 	{background:#ccedf4;}
nav .gray-col.active,		nav .gray-col:hover 	{background:#e5e5e5;}
/*
header .navCont {width:1000px;}
header nav {height: 95px; font-size: .95em;}
header nav .logo {float: left; width: 240px; height: 80px; margin: 10px 20px 0 0; padding: 12px 0 0 0;}
header nav .nav	{float: left; width: 175px; margin-top: 20px; padding: 0 0 0 10px;}
header nav .nav.orange 	{border-left: 1px solid #d06430;}
header nav .nav.blue 		{border-left: 1px solid #5fbfd9;}
header nav .nav.gray 		{border-left: 1px solid #7b7b7b;}
header nav .nav ul				{list-style-type: none; display: block; padding: 0; margin: 0;}
header nav .nav ul li 		{padding: 0px 3px; margin: 2px 0}
header nav .nav ul li a	{text-decoration: none; font-size: :.8em; padding:0 2px 2px 2px;}
nav .orange-col.active,	nav .orange-col:hover {background:#f8dad0;}
nav .blue-col.active,		nav .blue-col:hover 	{background:#ccedf4;}
nav .gray-col.active,		nav .gray-col:hover 	{background:#e5e5e5;}
*/

*:focus {outline: none;}

/* splash */
#slides {width:100%; height:318px; margin-bottom: 5px;}
.slides_container {height: 320px;}
.slides_container a {display: block;}
.slides_container img {width:745px;}
.slides_text {position:relative; z-index:10; margin-top:-27px; background:#dd4814; color:#fff; width:745px; height:26px; padding:6px;}

/* mini-shows */
.minishow {background:url(/pic/mini_shows_bg.png); height:362px; width:181px;}
.minishow {display:block; height:362px; width:181px;}
.minishow:hover {background:#fff;}
.minishow img {width: 181px; height: 181px;}
.minishow h2 {color:#cf3833; font-weight:bold; margin-bottom:10px; font-weight: bold; font-size:1em;}
.minishow .kratkiopis {font-size:0.95em; color:#62615f; position: absolute; top:240px;}
.minishow .nakup {position:absolute; width:90px; opacity:0; bottom:0px; height:20px; padding:2px; left:91px; color:#fff; font-weight: bold;   text-align:right; padding-right: 18px; padding-top:4px;}
.minishow:hover .nakup {font-size:.75em; background:url(/pic/sm_bar_nakup.png) no-repeat; opacity:1; color:#fff}
.minishow .podrobno {position:absolute; opacity:0; width:90px; bottom:0px; height:20px; padding:2px; left:0px; color:#fff; font-weight: bold;  text-align:right; padding-right: 18px; padding-top:4px;}
.minishow .datum {color:#62615f; font-weight:bold; position: absolute; top:300px; width:181px; font-size:.95em;}
.minishow .datum span {text-transform:lowercase;}
.minishow .cena {color:#62615f; position: absolute; top:314px; font-size:.95em;}

.minishow .minishow_cont, .minishow .minishow_cont {padding:5px;}
.minishow:hover.kult .podrobno {font-size:.75em; background:url(/pic/sm_bar_podrobneje.png); opacity:1;}
.minishow:hover.kong .podrobno {font-size:.75em; background:url(/pic/sm_bar_podrobneje_bl.png); opacity:1;}

.minishow2 .kult, .minishow2 .kong {background:url(/pic/mini_shows_bg.png); height:76px; width:745px; margin-bottom:7px;}
.minishow2:hover .kult, .minishow2:hover .kong {background:#fff;}
.minishow2 img {float:left; width:181px; height:76px; margin-right:7px;}
.minishow2 .naslov {float:left; width:369px; padding:5px; margin-right:7px; color:#62615f; font-size:.95em;}
.minishow2 .naslov h2 {color:#cf3833; font-weight:bold; line-height:1.7em; font-weight: bold; font-size:1.1em;}
.minishow2 .podrobno {float:left; opacity:0; width:90px; height:20px; padding:0px; right:0px; color:#fff; padding-top:10px; margin-top: 5px; font-weight: bold; text-align:right; padding-right: 18px; padding-top:4px;}
.minishow2 .nakup {float:left; width:90px; opacity:0; height:20px; padding:0px; right:5px; color:#fff; margin-top: 5px; margin-left: 1px; font-weight: bold;   text-align:right; padding-right: 18px; padding-top:4px;}
.minishow2:hover .nakup {font-size:.75em; background:url(/pic/sm_bar_nakup.png) no-repeat; opacity:1; color:#fff}
.minishow2 .info {float:left; width:181px; height:58px; padding:5px 0px;}
.minishow2 .info_cont {height:46px;}
.minishow2 .datum {color:#62615f; padding:0 5px; font-weight:bold; text-transform:lowercase; width:181px; font-size:.95em;}
.minishow2 .datum span {text-transform:lowercase;}
.minishow2 .cena {color:#62615f; padding:0 5px; font-size:.95em;}

.minishow2:hover .kult .podrobno {font-size:.75em; background:url(/pic/sm_bar_podrobneje.png); opacity:1;}
.minishow2:hover .kong .podrobno {font-size:.75em; background:url(/pic/sm_bar_podrobneje_bl.png); opacity:1;}

.sorodne_naslov {background:#fff; padding:10px; margin:5px 0;}
.sorodne_naslov h3 {color:#de6843; margin:0;}

/*
.kvadratek {display: block; background:url(/pic/mini_shows_bg.png); height:362px; width:181px;}
.kvadratek:hover {display: block; background:#fff; height:362px; width:181px;}
.kratkiopis {font-size:0.95em; color:#62615f; position: absolute; top:240px;}
.kvadratek:hover .kratkiopis {font-size:0.95em; color:#666;}
.kvadratek .podrobno {position:absolute; opacity:0; width:90px; bottom:0px; height:20px; padding:2px; left:0px; color:#FFF; font-weight: bold;  text-align:right; padding-right: 18px; padding-top:4px;}
.kvadratek:hover .podrobno {font-size:.75em; background:url(/pic/sm_bar_podrobneje.png); opacity:1;}
.kvadratek .nakup {position:absolute; width:90px; opacity:0; bottom:0px; height:20px; padding:2px; left:91px; color:#FFF; font-weight: bold;   text-align:right; padding-right: 18px; padding-top:4px;}
.kvadratek:hover .nakup {font-size:.75em; background:url(/pic/sm_bar_nakup.png) no-repeat; opacity:1; color:#FFF}

.kvadratek2 {display: block; background:url(/pic/mini_shows_bg.png); height:362px; width:181px;}
.kvadratek2:hover {display: block; background:#fff; height:362px; width:181px;}
.kvadratek2:hover .kratkiopis {color:#62615f}
.kvadratek2 .podrobno {position:absolute; opacity:0; width:90px; bottom:0px; height:20px; padding:2px; left:0px; color:#FFF; font-weight: bold;   text-align:right; padding-right: 18px; padding-top:4px;}
.kvadratek2:hover .podrobno {font-size:.75em; background:url(/pic/sm_bar_podrobneje_bl.png); opacity:1;}
.kvadratek2 .nakup {position:absolute; width:90px; opacity:0; bottom:0px; height:20px; padding:2px; left:91px; color:#FFF; font-weight: bold;   text-align:right; padding-right: 18px; padding-top:4px;}
.kvadratek2:hover .nakup {font-size:.75em; background:url(/pic/sm_bar_nakup.png) no-repeat; opacity:1; color:#FFF}

.kvadratek3 {display: block; background:url(/pic/mini_shows_bg.png); height:76px; width:745px; margin-bottom:7px;}
.kvadratek3 .kratkiopis {color:#666}
.kvadratek3:hover {display: block; background:#fff; height:76px; width:745px;}
.kvadratek3:hover .kratkiopis {color:#666}
.kvadratek3 .podrobno {float:left; opacity:0; width:90px; height:20px; padding:0px; right:0px; color:#FFF; padding-top:10px; margin-top: 5px; font-weight: bold;   text-align:right; padding-right: 18px; padding-top:4px;}
.kvadratek3:hover .podrobno {font-size:.75em; background:url(/pic/sm_bar_podrobneje.png); opacity:1;}
.kvadratek3 .nakup {float:left; width:90px; opacity:0; height:20px; padding:0px; right:5px; color:#FFF; margin-top: 5px; margin-left: 1px; font-weight: bold;   text-align:right; padding-right: 18px; padding-top:4px;}
.kvadratek3:hover .nakup {font-size:.75em; background:url(/pic/sm_bar_nakup.png) no-repeat; opacity:1; color:#FFF}

.kvadratek4 {border: solid 1px #fff; background:url(/pic/mini_shows_bg.png); width:100%; padding:5px; height:70px; margin-bottom:5px;}
.kvadratek4 .kratkiopis {color:#666}
.kvadratek4:hover {border: solid 1px #5fbfd9;}
.kvadratek4 {color:#666;}
.kvadratek4 .podrobno {float:right; width:90px; height:20px; background:#fff; padding:0px; color:#FFF; font-weight: bold;   text-align:right; padding-right: 18px; padding-top:4px;}
.kvadratek4 .nakup {position:absolute; width:86px; opacity:0; bottom:0px; height:20px; padding:0px; left:91px; color:#FFF;  font-weight: bold;  text-align:right; padding-right: 18px; padding-top:4px;}
.kvadratek4:hover .podrobno {font-size:.75em; background:#5fbfd9;}
.kvadratek4:hover .nakup {font-size:.75em; background:url(/pic/sm_bar_nakup.png) no-repeat; opacity:1; color:#FFF}
*/

/*.kvadratek3:hover .podrobno {background:#5fbfd9; color:#FFF}
.kvadratek3:hover .nakup {background:#a7252f; color:#FFF}*/

.podstran {padding:0; margin:0}
.podstran a {display:block;  padding:3px 10px; color:#666;}
.podstran li{list-style:none; margin:0 0 5px 0; background:#fff; color:#666; font-size:1.1em;}
.podstran li:hover{border-left:10px #666 solid; margin-left:-10px; color: #fff;}
.podstran li.active{border-left:10px #666 solid; margin-left:-10px; color: #fff;}

.podmenu 		{padding:0; margin:0; background-color:#fff}
.podmenu a 	{display:block;  padding:3px 10px; color:#fff}
.podmenu li	{list-style:none; margin:0 0 5px 0; color:#fff; font-size:1.1em;}
.podmenu li:hover, .podmenu li.active	{border-left:10px solid; margin-left:-10px;}

.kultura .podmenu li	{background:#f57a59;}
.kultura .podmenu li:hover, .kultura .podmenu li.active	{border-left:10px #dd4814 solid;}

.kongres .podmenu li	{background:#3db8d5;}
.kongres .podmenu li:hover, .kongres .podmenu li.active	{border-left:10px #00a4ca solid;}

.info		 .podmenu li	{background:#aaa;}
.info		 .podmenu li:hover, .info .podmenu li.active	{border-left:10px #777 solid;}

.podmenu2 {padding:0; margin:0 0 0 10px;}
.podmenu2 a {display:block;  padding:2px 10px;}
.podmenu2 li{list-style:none; color:#fff; font-size:0.9em;}
.podmenu2 li:hover{border-left:40px #dd4814 solid;}
.podmenu2 li.active{border-left:40px #dd4814 solid;}

.dvorana {width:100%; height:314px; margin-bottom:10px; background:url(http://www.cd-cc.si/pic/galerija/stihova_dvorana1.jpg) center; cursor: pointer;}
.dvorana:hover {opacity:0.7;}

.fb {background:url(/pic/cd_povezi_01.png) no-repeat; width:62px; height:35px; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); cursor: pointer;}
.fb:hover {background:url(/pic/cd_povezi_on_01.png) no-repeat; filter: grayscale(100%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); margin-left: -10px;}
.yt {background:url(/pic/cd_povezi_02.png) no-repeat; width:62px; height:35px; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); cursor: pointer;}
.yt:hover {background:url(/pic/cd_povezi_on_02.png) no-repeat; filter: grayscale(100%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); margin-left: -10px;}
.tw {background:url(/pic/cd_povezi_03.png) no-repeat; width:62px; height:35px; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); cursor: pointer;}
.tw:hover {background:url(/pic/cd_povezi_on_03.png) no-repeat; filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); margin-left: -10px;}
.rs {background:url(/pic/cd_povezi_04.png) no-repeat; width:62px; height:35px; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); cursor: pointer;}
.rs:hover {background:url(/pic/cd_povezi_on_04.png) no-repeat; filter: grayscale(100%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); margin-left: -10px;}
.app {background:url(/pic/cd_povezi_05.png) no-repeat; width:62px; height:35px; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); cursor: pointer;}
.app:hover {background:url(/pic/cd_povezi_on_05.png) no-repeat; filter: grayscale(100%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); margin-left: -10px;}
.win {background:url(/pic/cd_povezi_06.png) no-repeat; width:62px; height:35px; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); cursor: pointer;}
.win:hover {background:url(/pic/cd_povezi_on_06.png) no-repeat; filter: grayscale(100%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); margin-left: -10px;}
.goo {background:url(/pic/cd_povezi_07.png) no-repeat; width:62px; height:35px; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); cursor: pointer;}
.goo:hover {background:url(/pic/cd_povezi_on_07.png) no-repeat; filter: grayscale(100%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); margin-left: -10px;}

/* PODSTRAN */

.gumb {color:#FFF; padding:13px 0px 13px 60px; height:44px; width:100%; text-align:left; font-size:1.3em; margin-bottom:5px; background:url(/pic/nakup.jpg)}
.gumb a {color:#FFF; display:block}
.gumb:hover {opacity:0.8;}

.podstran-voglas {width:100%; margin-bottom:10px; height:314px; width:745px;}
.podstran-datum {color:#e64c00; font-size:.95em; font-weight:bold; line-height:1.6em; text-transform:lowercase;}
.podstran-ura {color:#666; line-height:1.6em; font-size:.95em; font-weight:bold;}
.podstran-lokno {font-family:Verdana; width:150px; margin-right:10px; float:left}
.podstran-dvorana {color:#666; line-height:1.6em; font-size:.95em; font-weight:bold;}
.podstran-cena {color:#666; line-height:1.6em;}
.podstran-dokno {font-family:verdana; width:535px; float:left; color:#666; margin-left:30px;}
.podstran-naslov {text-transform:uppercase;}

.komentarji {background:#FFF; padding:10px; margin-top:5px;}