@import "reset.css";

/* --- defaults --- */

body { background: url(../img/back_top.gif) repeat-x left top #303030; font-family: "lucida sans unicode", "lucida sans", Tahoma, Arial, sans-serif; font-size: 11px; }

h1, h2, h3, h4, h5, h6,
input, select, option, textarea { font-family: Arial, Tahoma, sans-serif; font-size: 11px; line-height: 11px; }
a, table td a, table tr a { color: #0a6324; }
a:hover, table td a:hover, table tr a:hover { color: #229900; }
input, option, textarea { padding: 4px 5px; margin: 3px; }
option { background: #fff; color: #303030; margin: 0px;}
input, select, textarea { border: 1px solid #ccc; }
table { border-collapse: collapse; }
.spacer { clear: both; font-size: 0; line-height: 0; overflow: hidden; }
.invalid { color: red; }

.small {
	font-size: 9px;
	color: #666;
	background: #fafafa;
	padding: 5px;
	margin: 5px;
}

a.language {
	font-size: 10px;
	font-family: "Arial Black", Arial, sans-serif;
	float: right;
	color: white;
	padding: 5px;
	text-decoration: none;
}

a.language:hover {
	color: yellow;
}

input.submit { color: white; background: #000; border:  none; font-weight:  bold; padding: 7px 10px; }

/* --- tushosting -- */

div#tushosting { width: 900px; margin: 0 auto; background: #fff; }

/* --- head --- */

div#head { height: 60px; background: url(../img/menu_back.gif) repeat-x left top #000; color: #fff; }
div#head ul { height: 60px; padding: 0px; margin: 0px; }
div#head ul li { display: block; float: left; line-height: 60px; padding: 0px; margin: 0px; }
div#head ul li.delim { background: url(../img/menu_delim.gif) center top no-repeat; width: 2px; overflow: hidden; }
div#head ul li a { display: block; color: #fff; text-decoration: none; line-height: 60px; text-align: center; margin: 0px 3px 0px 5px; }
div#head ul li a em { font-style: normal; padding: 0px 10px; }
div#head ul li a:hover, div#head ul li a.active { background: url(../img/head_hover_l.gif) no-repeat left top; }
div#head ul li a:hover em, div#head ul li a.active em { display: block; background: url(../img/head_hover_r.gif) no-repeat right top; }

div#logo_top { height: 4px; font-size: 0; line-height: 0; overflow: hidden; background: url(../img/logo_top.gif) repeat-x left top; }
div#logo { overflow: hidden; font-size: 24px; width: 900px; height: 220px; cursor: pointer; }
div#logo em { background: url(../img/logo.jpg) left top no-repeat; position: absolute; display: block; width: 900px; height: 220px; }
div#logo #movie { position: absolute; display: block; width: 900px; height: 220px; z-index: 200; }
div#logo_bottom { clear: both; font-size: 0; line-height: 0; height: 2px; overflow: hidden; background: url(../img/logo_bottom.gif) repeat-x left top; }

div#logo .png { background: url(../img/LED.png) left top no-repeat; position: absolute; width: 15px; height: 15px; z-index: 300; }

div#logo #led1 { margin: 171px 0px 0px 570px; }
div#logo #led2 { margin: 146px 0px 0px 578px; }
div#logo #led3 { margin: 120px 0px 0px 567px; }
div#logo #led4 { margin: 95px 0px 0px 563px; }
div#logo #led5 { margin: 69px 0px 0px 566px; }
div#logo #led6 { margin: 44px 0px 0px 570px; }

/* --- body --- */

div#body { background: #fff; margin-bottom: 79px; }

/* --- content --- */

div#first { float: left; display: inline; /*ie fix - double margins*/ width: 442px; font-size: 12px; }
div#first div.box { margin: 12px 0px 0px 0px; float: right; }

div#content { float: left; clear: left; display: inline; /*ie fix - double margins*/ width: 430px; font-size: 12px; }
div#content div.i { background: url(../img/body_back.gif) no-repeat center 40px #fff; margin: 10px 0px 0px 20px; padding: 10px; text-align: justify; }
div#content div.i h1 { color: #000; font-size: 15px; line-height: 21px; height: 40px; }
div#content div.i li { 
	margin: 2px 0px 0px 15px; padding: 0px 5px 2px 23px; list-style-type: none;
	background: url(../img/tick.gif) no-repeat left top; line-height: 18px;
}
div#content div.i p, div#content div.i h2, div#content div.i ul { margin: 0px 0px 20px 0px; }
div#content div.i h2 { font-size: 13px; font-style: italic; }

/* --- boxes --- */

div#boxes { width: 442px; float: right; display: inline; /*ie fix - double margins*/ padding-bottom: 12px; }

div.box { float: left; display: inline; width: 209px; margin: 12px 12px 0px 0px; padding: 0px; font-size: 9px; background: #191919; color: #fff; }
div.box h2 { display: block; width: 209px; height: 36px; padding: 0px; margin: 0px; }
div.box h2 a { display: block; width: 209px; height: 36px; font-size: 12px; padding: 0px; margin: 0px;}
div.box h2 a em { position: absolute; display: block; width: 209px; height: 36px; padding: 0; margin: 0; cursor: pointer; }
div.box h2 a.gostovanje em { background: url(../img/box_gostovanje.gif) no-repeat left top #000; }
div.box h2 a.virtualni em { background: url(../img/box_virtualni.gif) no-repeat left top #000; }
div.box h2 a.virtualni-ha em { background: url(../img/box_virtualni_ha.gif) no-repeat left top #000; }
div.box h2 a.namenski1 em { background: url(../img/box_namenski1.gif) no-repeat left top #000; }
div.box h2 a.namenski2 em { background: url(../img/box_namenski2.gif) no-repeat left top #000; }
div.box h2 a.kolokacija em { background: url(../img/box_kolokacija.gif) no-repeat left top #000; }
div.box h2 a.upravljane em { background: url(../img/box_upravljane.gif) no-repeat left top #000; }

div.box h2 a.gostovanje_en em { background: url(../img/box_gostovanje_en.gif) no-repeat left top #000; }
div.box h2 a.virtualni_en em { background: url(../img/box_virtualni_en.gif) no-repeat left top #000; }
div.box h2 a.virtualni-ha_en em { background: url(../img/box_virtualni_ha_en.gif) no-repeat left top #000; }
div.box h2 a.namenski1_en em { background: url(../img/box_namenski1_en.gif) no-repeat left top #000; }
div.box h2 a.namenski2_en em { background: url(../img/box_namenski2_en.gif) no-repeat left top #000; }
div.box h2 a.kolokacija_en em { background: url(../img/box_kolokacija_en.gif) no-repeat left top #000; }
div.box h2 a.upravljane_en em { background: url(../img/box_upravljane_en.gif) no-repeat left top #000; }


div.box ul {
	display: block; margin: 0px; padding: 5px 0px 5px 0px; color: #fff; height: 120px; overflow: hidden;
	background: url(../img/box_body.gif) repeat-y left top #000;
}
div.box ul li { 
	margin: 2px 0px 0px 15px; padding: 0px 5px 2px 23px; list-style-type: none; 
	background: url(../img/box_arrow.gif) no-repeat left top; line-height: 18px;
}
div.box ul li.delim {
	background: url(../img/box_delim.gif) no-repeat center center;
	font-size: 0px;	line-height: 0px; height: 2px; overflow: hidden; margin: 0px; padding: 0px;
}
div.box div.cena { height: 34px; color: #fee500; font-family: "Arial Black", Arial, Helvetica, Tahoma, sans-serif; font-size: 30px; text-align: right; padding: 0px 40px 0px 0px; line-height: 34px; }
div.box div#cena_namenski_1 { background: url(../img/box_cena_namenski1.gif) no-repeat left bottom #191919; }
div.box div#cena_namenski_2 { background: url(../img/box_cena_namenski2.gif) no-repeat left bottom #191919; }
div.box div#cena_virtualni { background: url(../img/box_cena_virtualni.gif) no-repeat left bottom #191919; }
div.box div#cena_virtualni_ha { background: url(../img/box_cena_virtualni_ha.gif) no-repeat left bottom #191919; }
div.box div#cena_gostovanje { background: url(../img/box_cena_gostovanje.gif) no-repeat left bottom #191919; }
div.box div#cena_kolokacija { background: url(../img/box_cena_kolokacija.gif) no-repeat left bottom #191919; }

div.box div#cena_namenski_1_en { background: url(../img/box_cena_namenski1_en.gif) no-repeat left bottom #191919; }
div.box div#cena_namenski_2_en { background: url(../img/box_cena_namenski2_en.gif) no-repeat left bottom #191919; }
div.box div#cena_virtualni_en { background: url(../img/box_cena_virtualni_en.gif) no-repeat left bottom #191919; }
div.box div#cena_virtualni_ha_en { background: url(../img/box_cena_virtualni_ha_en.gif) no-repeat left bottom #191919; }
div.box div#cena_gostovanje_en { background: url(../img/box_cena_gostovanje_en.gif) no-repeat left bottom #191919; }
div.box div#cena_kolokacija_en { background: url(../img/box_cena_kolokacija_en.gif) no-repeat left bottom #191919; }


div.box div.footer {
	background: url(../img/box_bottom.gif) no-repeat left top;
	height: 17px;
}

/* --- vizitka --- */

div.vizitka { 
	background: url(../img/vizitka_blank.gif) no-repeat left top #000;
	clear: both; height: 95px; width: 431px; color: #fff; font-size: 10px;
}
div.vizitka_en { 
	background: url(../img/vizitka_blank_en.gif) no-repeat left top #000;
}
div.vizitka ul { padding-top: 15px; float: left; display: inline; width: 190px; }
div.vizitka ul.naslov { margin-left: 37px; }
div.vizitka ul.podatki { margin-left: 10px;	width: 180px; }
div.vizitka ul li { line-height: 17px; }
div.vizitka ul li a { text-decoration: none; color: #FFFF00; }
div.vizitka ul li a:hover { color: #00FF00; }

/* --- footer --- */

div#footer { background: url(../img/back_footer.gif) repeat-x left top #000; height: 79px; color: #cecece; clear: both; }
div#footer div.i { line-height: 60px; padding: 0px 20px; }
div#footer div.i a, div#footer div.i span { display: block; float: left; height: 60px; color: #cecece; text-decoration: none; padding-right: 30px; }
div#footer div.i a:hover { color: #fff; }
div#footer div.i span.poweredby { background: url(../img/tusmobil.gif) right center no-repeat; width: 100px; }
div#footer div.i span.telefon { background: url(../img/telefonska.gif) right center no-repeat; width: 160px; }

/* --- galerija --- */

#thumbs { margin: 0 auto; width: 350px; text-align: center;}
.thumb { float: left; border: 3px solid #cecece; margin: 5px; }