@charset "utf-8";
/* CSS Document */

html { background: #034077; text-align: center; }

body { 
	text-align: left; 
	font: 12px/17px 'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0;
	margin: 0 auto;
	width: 1000px;
	position:relative;
}

.clear { clear: both; height: 0; width: 0; line-height: 0; font-size: 0; }

img { border: none; behavior:url(../js/iepngfix.htc); }

div, h1, h2, h3, p, img, ul, blockquote { margin: 0; padding: 0; }

h1 {
	font: bold 15px/17px 'Arial', Helvetica, sans-serif;
	color: #FF9900;
	padding: 0 0 10px 0
}

h1 a {
	font: bold 15px/17px 'Arial', Helvetica, sans-serif;
	color: #FF9900;
	text-decoration: none;
}

h1 a:hover {
	font: bold 15px/17px 'Arial', Helvetica, sans-serif;
	color: #ff6000;
	text-decoration: none;
}

h2 {
	font: bold 12px/16px 'Arial', Helvetica, sans-serif;
	color: #FF9900;
	padding: 0 0 10px 0
}

h2 span {
	font: italic 10px/16px 'Arial', Helvetica, sans-serif;
	color: #EEEEEE;
	padding: 0 0 10px 0
}


.topper {
	width: 960px;
	height: 30px;
	padding: 5px 20px;
	color: #FFFFFF;
	font: 10px/15px 'Arial', Helvetica, sans-serif;
	background: url(../images/intersocks_01.jpg) top center no-repeat;
}

body#bg_1 .topper {	background: url(../images/poletje/1_intersocks_01.jpg) top center no-repeat; }
body#bg_2 .topper {	background: url(../images/2_intersocks_01.jpg) top center no-repeat; }
body#bg_3 .topper {	background: url(../images/3_intersocks_01.jpg) top center no-repeat; }
body#bg_4 .topper {	background: url(../images/4_intersocks_01.jpg) top center no-repeat; }

.basic_nav {
	float: left;
	width: 450px;
	text-align: left;
	color: white;
}

.basic_nav a {
	color: white;
	text-decoration: none;
}

.basic_nav a:hover {
	color: #ff9900;
}

.lang_nav {
	float: right;
	width: 450px;
	text-align: right;
}

.lang_nav img {
	padding: 0 0 0 5px;
}

.banner {
	width: 1000px;
	height: 150px;
}

.logo {
	float: left;
	width: 255px;
	height: 150px;
	background: url(../images/intersocks_02.jpg) top center no-repeat;
}

body#bg_1 .logo { background: url(../images/poletje/1_intersocks_02.jpg) top center no-repeat; }
body#bg_2 .logo { background: url(../images/2_intersocks_02.jpg) top center no-repeat; }
body#bg_3 .logo { background: url(../images/3_intersocks_02.jpg) top center no-repeat; }
body#bg_4 .logo { background: url(../images/4_intersocks_02.jpg) top center no-repeat; }

.flash {
	float: right;
	width: 720px;
	height: 142px;
	padding: 4px 5px 4px 20px;
	background: url(../images/intersocks_03.jpg) top center no-repeat;
}

body#bg_1 .flash { background: url(../images/poletje/1_intersocks_03.jpg) top center no-repeat; }
body#bg_2 .flash { background: url(../images/2_intersocks_03.jpg) top center no-repeat; }
body#bg_3 .flash { background: url(../images/3_intersocks_03.jpg) top center no-repeat; }
body#bg_4 .flash { background: url(../images/4_intersocks_03.jpg) top center no-repeat; }

.kajla {
	width: 1000px;
	height: 15px;
	background: url(../images/intersocks_04.jpg) top center no-repeat;
}

body#bg_1 .kajla { background: url(../images/poletje/1_intersocks_04.jpg) top center no-repeat; }
body#bg_2 .kajla { background: url(../images/2_intersocks_04.jpg) top center no-repeat; }
body#bg_3 .kajla { background: url(../images/3_intersocks_04.jpg) top center no-repeat; }
body#bg_4 .kajla { background: url(../images/4_intersocks_04.jpg) top center no-repeat; }

.wrap {
	width: 1000px;
	height: 515px;
}

.left {
	float: left;
	width: 255px;
	height: 515px;
}

.menu {
	width: 225px;
	height: 259px;
	padding: 4px 5px 14px 25px;
	background: url(../images/intersocks_05.jpg) top center no-repeat;
}

body#bg_1 .menu { background: url(../images/poletje/1_intersocks_05.jpg) top center no-repeat; }
body#bg_2 .menu { background: url(../images/2_intersocks_05.jpg) top center no-repeat; }
body#bg_3 .menu { background: url(../images/3_intersocks_05.jpg) top center no-repeat; }
body#bg_4 .menu { background: url(../images/4_intersocks_05.jpg) top center no-repeat; }

.news {
	width: 215px;
	height: 320px;
	padding: 9px 10px 9px 30px;
	background: url(../images/intersocks_08.jpg) top center no-repeat;
	overflow: hidden;
}

body#bg_1 .news { background: url(../images/poletje/1_intersocks_08.jpg) top center no-repeat; }
body#bg_2 .news { background: url(../images/2_intersocks_08.jpg) top center no-repeat; }
body#bg_3 .news { background: url(../images/3_intersocks_08.jpg) top center no-repeat; }
body#bg_4 .news { background: url(../images/4_intersocks_08.jpg) top center no-repeat; }

.crocs {
	width: 215px;
	height: 105px;
	padding: 0 0 20px 0;
}

.spenco {
	width: 215px;
	height: 95px;
	padding: 0 0 20px 0;
}

.reflexa {
	width: 215px;
	height: 95px;
}

.news img {
	float: left;
	padding: 1px;
	margin: 0 5px 3px 0;
	background: #ff9900;
}

.news a:hover img {
	float: left;
	padding: 1px;
	margin: 0 5px 3px 0;
	background: #ff6000;
}

.news img.vec {
	float: none;
	padding: 0;
	margin: 0;;
	background: none;;
}

.news a:hover img.vec {
	float: none;
	padding: 0;
	margin: 0;
	background: none;
}

.news p {
	text-align: left; 
	font: 11px/15px 'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
}

.news .kajla_news {
	height: 7px;
}

.wrapper {
	float: right;
	width: 745px;
	height: 515px;
}

.wrapper a{
	color: white;
}

.follow {
	width: 720px;
	height: 15px;
	padding: 5px 0 10px 25px;
	background: url(../images/intersocks_06.jpg) top center no-repeat;
	font: italic 11px/15px 'Arial', Helvetica, sans-serif;
	color: #e4e4e4;
}

body#bg_1 .follow { background: url(../images/poletje/1_intersocks_06.jpg) top center no-repeat; }
body#bg_2 .follow { background: url(../images/2_intersocks_06.jpg) top center no-repeat; }
body#bg_3 .follow { background: url(../images/3_intersocks_06.jpg) top center no-repeat; }
body#bg_4 .follow { background: url(../images/4_intersocks_06.jpg) top center no-repeat; }

	.follow a {
		font: italic 11px/15px 'Arial', Helvetica, sans-serif;
		color: #e4e4e4;
		text-decoration: none;
	}
	
	.follow a:hover {
		font: italic 11px/15px 'Arial', Helvetica, sans-serif;
		color: #ffffff;
		text-decoration: none;
	}
	
	.follow .back {
		float: right;
		text-align: right;
		padding: 0 30px 0 0;
	}
	
	.follow .back a:hover {
		padding: 0 5px 0 0;
	}

.content {
	width: 690px;
	height: 250px;
	padding: 10px 30px 20px 25px;
	background: url(../images/intersocks_07.jpg) top center no-repeat;
}

body#bg_1 .content { background: url(../images/poletje/1_intersocks_07.jpg) top center no-repeat; }
body#bg_2 .content { background: url(../images/2_intersocks_07.jpg) top center no-repeat; }
body#bg_3 .content { background: url(../images/3_intersocks_07.jpg) top center no-repeat; }
body#bg_4 .content { background: url(../images/4_intersocks_07.jpg) top center no-repeat; }

.big_content {
	width: 690px;
	height: 465px;
	padding: 10px 30px 10px 25px;
	background: url(../images/intersocks_11.jpg) top center no-repeat;
}

body#bg_1 .big_content { background: url(../images/poletje/1_intersocks_11.png) top center no-repeat; }
body#bg_2 .big_content { background: url(../images/2_intersocks_11.jpg) top center no-repeat; }
body#bg_3 .big_content { background: url(../images/3_intersocks_11.jpg) top center no-repeat; }
body#bg_4 .big_content { background: url(../images/4_intersocks_11.jpg) top center no-repeat; }

.big_content a {
	color: #ffffff;
	text-decoration: none;
}

.galerija {
	float: left;
	width: 250px;
	height: 250px;
	height: auto;
	padding: 0px 10px 0px 0px;
}

.galerija_siroko {
	float: left;
	width: 250px;
	padding-right: 20px;
	padding-bottom: 10px; 
}

.main_picture {
	width: 250px;
	height: 180px;
	margin-bottom: 7px;
	display: none;
	overflow: hidden;
}

div#gallery1 {
	display:block;
}

.main_picture img {
	background: #ffffff;
	padding: 1px;
}

.select_picture {
	width: 250px;
	/*
	height: 60px;
	height: auto;
	*/
}

	.select_picture ul#gallery_nav {
		width: 250px;
		/*height: 60px;*/
	}
	
	.select_picture ul#gallery_nav li {
		list-style: none;
		float: left;
		padding: 0 8px 0 0;
		cursor: pointer;
	}
	
	.select_picture ul#gallery_nav li.active { cursor: default; }

.select_picture img {
	background: #ffffff;
	padding: 1px;
}

.break_galerija {
height: 1px;
width: 250px;
}

.vsebina {
	float: right;
	width: 430px;
	height: 250px;
	padding: 0 0 0 10px;
	overflow: auto;
}

.vsebina_siroko {
	float: right;
	width: 680px;
	height: 250px;
	padding: 0 0 0 10px;
	overflow: auto;
}

.big_vsebina {
	float: right;
	width: 430px;
	height: 465px;
	padding: 0 0 0 10px;
	overflow: auto;
}

.big_vsebina_brez_slik {
	float: right;
	width: 680px;
	height: 465px;
	padding: 0 0 0 10px;
	overflow: auto;
}

.asc {
	float: right;
	width: 150px;
	padding: 10px;
	border: 1px solid silver;
}

.asc img {
	border: 1px solid silver;
}

.misc {
	width: 680px;
	height: 180px;
	padding: 15px 35px 10px 30px;
	background: url(../images/intersocks_09.jpg) top center no-repeat;
	overflow: hidden;
}

body#bg_1 .misc { background: url(../images/poletje/1_intersocks_09.jpg) top center no-repeat; }
body#bg_2 .misc { background: url(../images/2_intersocks_09.jpg) top center no-repeat; }
body#bg_3 .misc { background: url(../images/3_intersocks_09.jpg) top center no-repeat; }
body#bg_4 .misc { background: url(../images/4_intersocks_09.jpg) top center no-repeat; }

.misc p {
	font: 12px/17px 'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
}

.misc p a {
	font: 12px/17px 'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

blockquote {
	clear: both;
	width: 680px;
	text-align: left; 
	font: italic 12px/17px 'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0 0 10px 0;
}

blockquote img {
	float: left;
	padding: 1px;
	background: #FFFFFF;
	margin: 0 10px 5px 0;
}

blockquote img.vec {
	float: none;
	padding: 0;
	margin: 0;
	background: none;
}

.slide_gallery {
	width: 680px;
	height: 130px;
	text-align: left; 
	font: italic 12px/17px 'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0 0 10px 0;
	position: relative;
}

.track {
	width: 610px;
	height: 113px;
	overflow: hidden;
}

.pick_one {
	float: left;
	text-align: center;
	width: 100px;
	height: 113px;
}

.pick_one img {
	border: 1px solid silver;
}

.footer {
	width: 960px;
	height: 15px;
	padding: 20px 20px 5px 20px;
	color: #FFFFFF;
	font: 10px/15px 'Arial', Helvetica, sans-serif;
	background: url(../images/intersocks_10.jpg) top center no-repeat;
}

body#bg_1 .footer { background: url(../images/poletje/1_intersocks_10.jpg) top center no-repeat; }
body#bg_2 .footer { background: url(../images/2_intersocks_10.jpg) top center no-repeat; }
body#bg_3 .footer { background: url(../images/3_intersocks_10.jpg) top center no-repeat; }
body#bg_4 .footer { background: url(../images/4_intersocks_10.jpg) top center no-repeat; }

	.footer a {
		color: #ffffff;
		text-decoration: none;
	}

.crta { background: url(../images/crta.gif) top left repeat-x; height: 16px; margin: 0; }

/* menu */

div.okvircek {
	width:225px;
	padding:3px;
	border: 1px solid silver;
	background-color:#034077;
}

ul#nav,
ul#nav ul {
	margin: 0;
	padding: 0;
	width: 225px;
	z-index: 100;
}

ul#nav li {
	margin: 0;
	padding: 0;
	width: 225px;
	list-style: none;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position:relative;
	height:26px;
}

ul#nav li.ozka {
	height:25px;
}

/* Root Menu */
ul#nav a {
	padding:6px 0px 5px 20px;
	display:block;
	background:transparent url(../images/arrow_1.png) 5px 8px no-repeat;
	/*background:#0000CC url(../images/arrow_1.png) 5px 8px no-repeat;*/
	color:white;
	font-family:Arial;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	border: 1px solid none;
	border-width: 0 0 1px 0;
}

ul#nav .ozka a {
	padding:6px 20px 4px 20px;
	border: none;
	border-width: 0;
}

ul#nav li li,
ul#nav li li li,
ul#nav li li li li {
	background-image:url(../images/menu_transparent.png);
	background-position: top left;
	background-repeat: no-repeat;
}

/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
  background:black url(../images/arrow_2.png) 5px 8px no-repeat;
  color:white;
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
  background: transparent;
  color:white;
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
  background:black url(../images/arrow_2.png) 5px 8px no-repeat;
  color:white;
}

/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a {
  background: transparent;
  color:white;
}

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
  background:black url(../images/arrow_2.png) 5px 8px no-repeat;
  color:white;
}

/* 4th Menu */
ul#nav li:hover li:hover li:hover li a,
ul#nav li.iehover li.iehover li.iehover li a {
  background: transparent;
  color:white;
}

/* 4th Menu Hover */
ul#nav li:hover li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover li.iehover a {
  background:black url(../images/arrow_2.png) 5px 8px no-repeat;
  color:white;
}

/* 5th Menu */
ul#nav li:hover li:hover li:hover li:hover li a,
ul#nav li.iehover li.iehover li.iehover li.iehover li a {
  background: transparent;
  color:white;
}

ul#nav ul,
ul#nav ul ul,
ul#nav ul ul ul,
ul#nav ul ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 225px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li:hover ul ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul,
ul#nav li.iehover ul ul ul ul {
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav ul ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul,
ul#nav ul ul ul li.iehover ul {
  display: block;
}

.podrocje {
/*  background:black url(../images/arrow_2.png) 5px 8px no-repeat;*/
  color:white;
}
/***** *****/
#galleryContainer{
	height:102px;	/* Height of the images + 2 */
	border:1px solid #CCCCCC;
	position:relative;
	overflow:hidden;
	padding:1px;
	width:610px;
	margin: 0 auto;
	
	/* CSS HACK */
	height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/102px;	/* Other browsers */
	height: /**/102px;
			
}
#arrow_left{
	position:absolute;
	left:0px;
	top:60px;
	z-index:10;
	padding:1px;
}
#arrow_right{
	position:absolute;
	right:0px;
	top:60px;
	z-index:10;
	padding:1px;		
}
#theImages{
	position:absolute;
	height:100px;
	left:5px;
	width:100000px;
}
#theImages #slideEnd{
	float:left;
}
#theImages img{
	float:left;
	padding:3px;
	margin: 0 5px 0 0;
	background: white;
	/*filter: alpha(opacity=50);
	opacity: 0.5;*/
	cursor:pointer;
	border:0px;
}

.obrazec input {
 /*background-color: #7897D0;*/
}

.obrazec textarea {
 /*background-color: #7897D0;*/
 color: black;
}

.obrazec checkbox {
 background-color: #7897D0;
}

.obrazec form {
 /*border: 1px solid #666699;*/
 padding: 5px;
}

.obrazec table {
 /*background-color: #cdd8ec;
 background-color: #C2CCDE;*/
 color: #000000;
 width: 440px;
 /*border: 1px solid #D7E5F2;*/
 border-collapse: collapse;
 filter: alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

.obrazec td {
 /*border: 1px solid #D7E5F2;*/
 padding-left: 4px;
}

.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: white;
 font-weight: bold;
 background-color: transparent;
 width: 220px;
}

.fieldcell {
 /*background-color: #97B7F2;*/
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
} 

.fieldcell2 {
 /*background-color: #97B7F2; */
 color: white;
 text-align: left;
 margin-right: 0px;
 padding-left: 40px;
 padding-right: 0px;
} 

.button {	
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}

.button_cell {
	text-align: right;
}