@charset "utf-8";

ul.tabs a {
	font-size:11px;
	display:block;
	height: 65px;
	line-height:30px;
	width: 111px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	background-image: url(images/martinMeni.png);
	background-repeat: no-repeat;
	background-position: -652px 0;
}

ul.tabs a.w1 			{
	background-position: 0px 0px;
	width:130px;
}
ul.tabs a.w1:hover 			{
	background-position: 0px -70px;
	width:130px;
}
ul.tabs a.w1.current 			{
	background-position: 0px -70px;
	width:130px;
}
ul.tabs a.w2 			{
	background-position: -130px 0px;
	width:130px;
}
ul.tabs a.w2:hover 	{
	background-position: -130px -70px;
}
ul.tabs a.w2.current {
	background-position: -130px -70px;
}


/* width 3 */
ul.tabs a.w3 			{
	background-position: -260px 0px;
	width:130px;
}
ul.tabs a.w3:hover 	{
	background-position: -260px -70px;
}
ul.tabs a.w3.current {
	background-position: -260px -70px;
}

/* CSS Document */

.w4 {
	height: 180px;
	width: 180px;
	position: absolute;
	right: 0px;
	background-image: url(images/martinAkcija.png);
	background-repeat: no-repeat;
}
.w4:hover {
	height: 200px;
	width: 180px;
	position: absolute;
	right: 0px;
	background-image: url(images/martinAkcija.png);
	background-repeat: no-repeat;
	background-position: 0px -180px;
}

.w4.current {
	height: 200px;
	width: 180px;
	position: absolute;
	right: 0px;
	background-image: url(images/martinAkcija.png);
	background-repeat: no-repeat;
	background-position: 0px -180px;
}

.onama {
	display: none;
}


.proizvodi {

}
.kontakt {
	display: none;
}

.akcija {
	display: none;
}
.cenovnik {
	display: none;
}
.brojevi {
	display: none;
}



.sve {
	visibility: visible;
}
.jezik {
	position: absolute;
	height: 400px;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	top: 50%;
	margin-top: -200px;
	display: none;
}
.zastava {
	height: 200px;
}


.srb {
	position: absolute;
	height: 200px;
	width: 200px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	clip: rect(auto,auto,auto,auto);
	background-image: url(images/zastave.jpg);
	background-repeat: no-repeat;
	background-position: -200px 0px;
}
.srb:hover {
	position: absolute;
	height: 200px;
	width: 200px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	clip: rect(auto,auto,auto,auto);
	background-image: url(images/zastave.jpg);
	background-repeat: no-repeat;
	background-position: -200px -200px;
}
.eng {
	position: absolute;
	height: 200px;
	width: 200px;
	clip: rect(auto,auto,auto,auto);
	background-image: url(images/zastave.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	left: auto;
	right: 0px;
}
.eng:hover {
	position: absolute;
	height: 200px;
	width: 200px;
	clip: rect(auto,auto,auto,auto);
	background-image: url(images/zastave.jpg);
	background-repeat: no-repeat;
	left: auto;
	right: 0px;
	background-position: 0px -200px;
}

.dsrb {
	position: absolute;
	height: 35px;
	left: 0px;
	right: auto;
	bottom: 0px;
	width: 80px;
	background-image: url(images/martinZastave.png);
	background-repeat: no-repeat;
	visibility: visible;
	background-position: 0px 0px;
	display: block;
}
.dsrb:hover {
	background-position: 0px -35px;
}
.deng {
	position: absolute;
	height: 35px;
	left: 80px;
	right: auto;
	bottom: 0px;
	top: auto;
	width: 80px;
	background-image: url(images/martinZastave.png);
	background-repeat: no-repeat;
	visibility: visible;
	background-position: -80px 0px;
}
.deng:hover {
	background-position: -80px -35px;
}
.logo {
	height: 160px;
	width: 300px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	background-image: url(images/martinLogo.png);
	background-repeat: no-repeat;
}
.logo:hover {
	background-position: 0px -155px;
}
.boje {
	position: absolute;
	left: 0px;
	top: 250px;
	right: auto;
	bottom: auto;
	background-image: url(images/boje.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 100px;
}

.centar {
	height: 200px;
	width: 400px;
	position: absolute;
	left: 50%;
	z-index: 1;
	margin-left: -200px;
	top: 65px;
	text-align: center;
}
.meni {
	position: absolute;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	height: 65px;
}
#glavni {
	top: 220px;
	left: 0px;
	position: absolute;
	z-index: 0;
	right: 0px;
	bottom: 35px;
	visibility: hidden;
	vertical-align: middle;
}
#flash {
	position: absolute;
	z-index: 0;
	vertical-align: middle;
	width: 600px;
	top: 220px;
	left: 43%;
	bottom: 35px;
	margin-left: -200px;
}
.sastrane {
	height: auto;
	width: auto;
	right: 50%;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	margin-right: 170px;
}


#thumbs {
	position: absolute;
	height: 375px;
	width: 300px;
	top: 50%;
	right: 50%;
	margin-top: -188px;
	margin-right: -150px;
}
.thumb {
	height: 65px;
	width: 65px;
	float: left;
	margin: 5px;
	background-color: #999;
}
#slika {
	margin-left: -170px;
	height: 340px;
	width: 340px;
	left: 50%;
	margin-top: -170px;
	top: 50%;
	position: absolute;
}

.donja {
	position: absolute;
	height: 35px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-repeat: repeat-x;
	clear: both;
	top: auto;
}
.donja2 {
	position: absolute;
	height: 35px;
	left: 180px;
	top: auto;
	right: auto;
	bottom: 0px;
	width: 250px;
	vertical-align: middle;
	background-image: url(images/martinCall.png);
	background-repeat: no-repeat;
}
.sastrane1 {
	position: absolute;
	right: 20px;
	height: auto;
	top: 0px;
	bottom: 0px;
	width: auto;
	left: 50%;
	margin-left: 290px;
}

A{text-decoration:none}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}
A.set1:link {
	color: #333;
}
A.set1:active {
	color: #09F;
}
A.set1:visited {
	color: #333;
}
A.set2:link {
	color: #333;
	background: FF00AA;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
A.set2:active {
	color: #06F;
	background: none transparent;
}
A.set2:visited {
	color: #06C;
	text-decoration: none
}
}
.text {
	margin-left: -100px;
	height: 380px;
	width: 200px;
	top: 50%;
	position: absolute;
	left: 50%;
	margin-top: -190px;
	background-image: url(images/martinCena.png);
}
.text1 {
	font-size: 16px;
	font-weight: 900;
	list-style-type: square;
	font-style: oblique;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: normal;
	font-variant: normal;
	vertical-align: text-bottom;
	color: #333;
	text-align: center;
}
.textprva {
	font-size: 23px;
	color: #069;
	text-align: left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	letter-spacing: -2px;
}
.TextVelikaCopy1 {
	font-size: 22px;
	color: #069;
	text-align: center;
	text-transform: uppercase;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
	font-variant: normal;
	line-height: normal;
	font-style: normal;
}
.text2 {
	font-size: 16px;
	font-weight: 900;
	list-style-type: square;
	font-style: oblique;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
	line-height: normal;
	font-variant: normal;
	vertical-align: text-bottom;
	color: #000;
	text-align: center;
}
.text3 {
	color: #333;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

.TextVelika {
	font-size: 16px;
	color: #333;
	font-style: normal;
	font-family: "Arial Black", Gadget, sans-serif;
	text-align: center;
	font-weight: bold;
}
.Textmala {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	color: #666;
}
.text4 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #069;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.text5 {
	width: 400px;
	top: 50px;
	text-align: center;
	vertical-align: sub;
	position: absolute;
	left: 50%;
	margin-left: -200px;
}
.TextmalaCopy {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: normal;
	text-transform: uppercase;
	font-weight: bolder;
	text-align: left;
	color: #333;
}
.TextVelikaCopy {
	font-size: 17px;
	color: #069;
	font-style: normal;
	text-align: left;
}
ul {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:65px;
}

/* single tab */
ul li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tab a {
	font-size:11px;
	display:block;
	height: 155px;
	line-height:30px;
	width: 111px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	background-image: url(images/martinUniforme.png);
	background-repeat: no-repeat;
	background-position: -652px 0;
}

ul.tab a.bluze {
	height: 155px;
	width: 120px;
	background-position: -5px 0px;
}
ul.tab a.bluze:hover {
	height: 155px;
	width: 120px;
	background-position: -5px -150px;
}
ul.tab a.bluze.current {
	height: 155px;
	width: 120px;
	background-position: -5px -150px;
}
ul.tab a.mantili {
	background-position: -120px 0px;
	height: 155px;
	width: 110px;
}
ul.tab a.mantili:hover  {
	background-position: -120px -150px;
	height: 155px;
	width: 110px;
}
ul.tab a.mantili.current  {
	background-position: -120px -150px;
	height: 155px;
	width: 110px;
}
ul.tab a.pantalone {
	background-position: -235px 0px;
	height: 155px;
	width: 75px;
}
ul.tab a.pantalone:hover {
	background-position: -235px -150px;
	height: 155px;
	width: 75px;
}
ul.tab a.pantalone.current {
	background-position: -235px -150px;
	height: 155px;
	width: 75px;
}
ul.tab a.suknje {
	background-position: -310px 0px;
	height: 155px;
	width: 95px;
}
ul.tab a.suknje:hover {
	background-position: -310px -150px;
	height: 155px;
	width: 95px;
}
ul.tab a.suknje.current {
	background-position: -310px -150px;
	height: 155px;
	width: 95px;
}
.w5 {
	position: absolute;
	left: auto;
	right: 0px;
	bottom: auto;
	background-image: url(images/cenovnik.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 100px;
	background-position: 0px 0px;
	top: 0px;
}

.w5:hover {
	color: #339FE3;
	text-decoration: underline;
	background-image: url(images/cenovnik.png);
	background-position: 0px -36px;
}
.w6 {
	font-size: 30px;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	letter-spacing: -2px;
}
.w6:hover{
	color: #CCC;
}