@charset "windows-1251";

@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=cyrillic-ext,latin,latin-ext,cyrillic);

@import url(https://fonts.googleapis.com/css?family=Ubuntu&subset=cyrillic-ext,latin,latin-ext,cyrillic);

/* CSS Document */





body {

font-size:12px;

font-family:Verdana, Arial, Tahoma, sans-serif;

margin:0;

padding:0;

text-align:center;

}

#wrapper {

	width:100%;

	max-width:1100px;

	margin:0 auto;

	text-align:left;

	min-width:640px;

}



a {text-decoration:none; cursor: url('/hand_12.cur');}

a:hover{color: #666666}

.text {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; text-align: left;}

table{  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; text-align: left;}

.tab{  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; text-align: left;}

.text2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}

.text3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }





input {

          font-family : Verdana, Arial, Helvetica, sans-serif;

          font-size : 10px;

          padding : 1px;

          color: #CCCCCC;

          border : 1px solid #CCCCCC;

          background-color : #000000;

      }

      textarea {

          font-family : Verdana, Arial, Helvetica, sans-serif;

          font-size : 10px;

          padding : 1px;

          color: #CCCCCC;

          border : 1px solid #CCCCCC;

          background-color : #000000;

      }

.mainmenu {

		color: #2C2D2C;  

	}

a.mainmenu:link {

		color: #2C2D2C;  

		margin:2px 7px;

	}

	a.mainmenu:visited {

		color: #2C2D2C;  

		

	}



	a.mainmenu:hover {

	color: #fff; 

	text-decoration: none;

	}



#mainmenunew, #razprodajba {

background: #f5f6f6; /* Old browsers */

background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */

}

#mainmenunew td:hover, #razprodajba td:hover {

background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}



.area {

          font-family : Verdana, Arial, Helvetica, sans-serif;

          font-size : 10px;

          padding : 1px;

          color: #CCCCCC;

          border : 1px solid #CCCCCC;

          background-color : #000000;

      }

.news{

font-size:10px;

background-color:#000000;

border:1px solid black;

font-family:verdana;

color: #CCCCCC;

}

select {  font-family:  Arial, Helvetica;  font-size: 12px; padding: 1px;  color: #D4D4D4; border: 1px #000000 solid;   background-color: #000000;}



.nopcart {

background-color: #EEEEEE;

font-size: 11px;

color: #666666;

}

.mainpagetitles {

color: #2C2D2C;

}

.nopcart form {

background-color: #FFFFFF;

font-size: 11px;

}

.nopcart select, .nopcart input, .nopcart select, .nopcart textarea, .nopentry, .noptotal {

background-color: #EEEEEE;

color: #666666;

font-size: 11px; 

}

#submit1 {font-size:14px; cursor:pointer; padding:4px; font-weight:bold;background-color:#fff;} 
#submit1:hover {color:rgb(0,102,51); background-color:rgb(212,212,212);}

.nopheader {

background-color: #666666;

font-size: 11px;

color: #FFFFFF;

}

.checkoutinput, .nopbutton, .noptotal select {

background-color: #DDDDDD;

border: 1px solid #666666;

color: #FF0000;

font-weight: bold;

font-size: 11px;

}

#mainsearchform {

background:#000 url(images/mainsearchform.jpg) no-repeat center top;

margin:0px;

padding:0px;

width:500px;

min-height:90px;

position:relative;

}

#mainsearchform .input1 {

position:absolute;

left:13px;

top:9px;

background:none;

border:none;

color:#DDD;

font-size:12px;

width:300px;

height:19px;

}

#mainsearchform .resetButton {

position:absolute;

left:320px;

top:9px;

background:none;

border:none;

color:gray;

font-size:14px;

font-weight:bold;

width:20px;

height:19px;

cursor: pointer;

}

#mainsearchform .input2 {

position:absolute;

right: 2px;

top:6px;

background:none;

border:none;

color:#FFF;

font-size:16px;

width:150px;

height:23px;

cursor: pointer;
}

#mainsearchform .input3 {

position:absolute;

left:6px;

top:36px;

background:none;

border:none;

color:#FFF;

font-size:16px;

width:25px;

height:25px;

}

#radio1, #radio2, #radio3, #radio4 {

background-color:#000;

border:#000;

width:15px;

height:15px;

}

#rightbanner {

	width:120px;

	height:640px;

}

.newsticker {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

.recomended {

	width:160px;

	height:52px;

	overflow:hidden;

	padding:1px;

	margin:2px;

	border:1px solid #CCC;

	float:left;

	font-size:10px;

}

a#rockhifi, a#shopnews {

margin:10px auto;

width:300px;

border:1px solid #0089A6;

display:inline-block;

padding:1px;

font-size:20px;

font-weight:bold;

color:#CC3333;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

  /* text-shadow: 1px 1px 3px #FFF; 

  -moz-text-shadow: 1px 1px 3px #FFF;

  -webkit-text-shadow: 1px 1px 3px #FFF;     */

}

a#rockhifi:hover, a#shopnews:hover {

border-color:#FFF;

   -moz-box-shadow:    inset 0 0 10px #0089A6;

   -webkit-box-shadow: inset 0 0 10px #0089A6;

   box-shadow:         inset 0 0 10px #0089A6;

  text-shadow: 0 0 6px #003F98; /* horizontal-offset vertical-offset 'blur' colour */

  -moz-text-shadow: 0 0 6px #003F98;

  -webkit-text-shadow: 0 0 6px #003F98;

}



a#rockhifit, a#shopnewst {

margin:0 auto;

width:110px;

border:1px solid #0089A6;

display:inline-block;

padding:1px;

font-size:15px;

font-weight:bold;

color:#F00;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

  text-shadow: 1px 1px 3px #FFF; /* horizontal-offset vertical-offset 'blur' colour */

  -moz-text-shadow: 1px 1px 3px #FFF;

  -webkit-text-shadow: 1px 1px 3px #FFF;

}

a#rockhifit:hover, a#shopnewst:hover {

border-color:#FFF;

   -moz-box-shadow:    inset 0 0 10px #0089A6;

   -webkit-box-shadow: inset 0 0 10px #0089A6;

   box-shadow:         inset 0 0 10px #0089A6;

  text-shadow: 0 0 6px #003F98; /* horizontal-offset vertical-offset 'blur' colour */

  -moz-text-shadow: 0 0 6px #003F98;

  -webkit-text-shadow: 0 0 6px #003F98;

}

.bigbutton {

font-size:18px;

color:#2c2d2c;

border:1px solid #0089A6;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

padding:1px 6px;

margin:10px auto;

width:90%;

display:inline-block;

background: #f5f6f6; /* Old browsers */

background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */

}

.bigbutton:hover {

border-color:#FFF;

color:#fff;

background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}

.shopnewsbutton b {

	color:red;

}



.sshopmediadiv a.title {

font-family: 'Ubuntu Condensed';

text-align:center;

}

.sshopmediadiv a.title img {

display:block;

margin: 0px auto;

}

.sshopmediadiv a.title div.sshopbandtitle {

background-color:#666;

color:#fff;

clear:both;

font-size:110%;

width:100%;

}

.sshopmediadiv a.title div.sshopbandtitle div {

padding:3px;

}

.sshopmediadiv a.title:hover div.sshopbandtitle, .sshopmediadiv img:hover {

background-color:#333;

}

.sshopmediadiv .sshopalbuminfo {

font-family: 'Ubuntu';

}



.text21, .sshopmediadiv {

font-family: 'Ubuntu';

width: 22%; 

margin: 1% 0 0 1%; 

padding: 1%; 

float: left; 

text-align: center; 

background-color:#222;

}

.text21:hover {

background-color:#333;

}





.myclearfix:nth-child(odd), .sshopmediadiv:nth-child(4n) {

	clear:left;

}

.mediaimglist {

	width:100%;

}



.text21 .m_name {

	font-size:110%;

}

.text21 .m_title, .mypaging {

	font-size: 90%;

}

.text21 .m_price {

	font-size:110%;

}

.text21 img {

	width:100%;
    max-height:200px;

}

.homepagetd {

	/*min-height:260px;*/

}



.text2, #razprodajbatd table {
    font-size:1em;
    
}

@media only screen and (orientation: portrait), screen and (max-width: 995px) {

#ym22mainwrapper {
    width:80%;
}
#razprodajbatd {
    width:20%;
}

.text21, .sshopmediadiv {

width: 46%; 

}

.text21 .m_name, .sshopmediadiv .title {

	font-size:180%;

}

.text21 .m_title, .mypaging, .sshopmediadiv {

	font-size: 160%;

}

.text21 .m_price {

	font-size:180%;

}

.text2, #razprodajbatd table {
    font-size:1.2em;
    
}


.myclearfix:nth-child(even), .sshopmediadiv:nth-child(2n) {

	clear:left;

}

#newstd, #rssbannertd {

	display:none;

}

.imgthmb img {object-fit:cover;}


}



.ui-autocomplete {

	text-align:left;

}

#recomendetstaf .at-recommended-label {

	background-color:rgba(213,213,213,1.00);

	padding:5px 0px;

	max-width: 995px;

	margin:0px auto;

}

div.bluetext {
color: #0099CC;
}

.imgthmb {position:relative;}
.discountm {position:absolute; top:0; right:0; background-color:#fff; color:#0076FF; font-size:11px; font-weight:bold; padding:2px; display:inline; float:right; z-index:5;}
.discountx {position:absolute; top:0; right:-1px; background-color:#fff; color:#ff8807; font-size:11px; font-weight:bold; padding:2px; display:inline; float:right; z-index:5;}
.discountd {position:absolute; top:0; right:0; background-color:#fff; color:#cc3300; font-size:11px; font-weight:bold; padding:2px; display:inline; float:right; z-index:5;}
.discounty {position:absolute; top:0; right:0; background-color:#fff; color:#158433; font-size:11px; font-weight:bold; padding:2px; display:inline; float:right; z-index:5;}
.discountp {position:absolute; top:0; right:0; background-color:#fff; color:#8752bc; font-size:11px; font-weight:bold; padding:2px; display:inline; float:right; z-index:5;}

.adjustborders {top:1px; right:1px;}

.discountsidebar {position:absolute; top:1px; right:-1px; background-color:#fff; color:#0076FF; font-size:8px; font-weight:bold; padding:2px; display:inline; z-index:5;}