@import "reset.css";

/* --- defaults --- */

html, body, table, th, td, ul, ol, li,
input, select, option, textarea {
	font: 12px 'Myriad Pro', Tahoma, Arial, Verdana, sans-serif;
	color: #303030;
}

h1, h2, h3, h4, h5, h6 {
	color: #00ADEE;
	font-family: Georgia, serif;
}

h1 {
	font-size: 18px;
	line-height: 24px;
}

h2 {
	font-size: 15px;
	line-height: 20px;
	margin: 5px 0px;
}

h3 {
	font-size: 13px;
	line-height: 18px;
}

a {
	color: #00ADEE;
	text-decoration: none;
}

a:hover {
	color: #DD256A;
}

input, option, textarea {
	padding: 3px;
}

table {
	border-collapse: collapse;
}

table th {
	font-weight: bold;
	text-align: center;
}

form table {
	width: 100%;
}

form table th {
	text-align: right;
	width: 200px;
}

form table th, form table td {
	padding: 3px;
}

.invalid {
	color: red;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.spacer {
	display: block;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/* --- body --- */

body {
	margin: 0 auto;
	width: 825px;
	background: url(/img/bg.gif) repeat-x left top;
}

/* --- header ---  */

div#header {
	background: url(/img/dashed_line.gif) repeat-x left bottom;
	height: 155px;
}

a#logo {
	margin-top: 97px;
	display: block;
	float: left;
	width: 193px;
	height: 38px;
}

ul#topMenu {
	display: block;
	float: left;
	margin: 0px;
	padding-left: 20px;
}

ul#topMenu li {
	display: block;
	float: left;
}

ul#topMenu li a {
	display: block;
	background: no-repeat left top;
	height: 140px;
}

ul#topMenu li a.predstavitev {
	background-image: url(/img/menu_predstavitev.gif);
	width: 100px;
}

ul#topMenu li a.predstavitev:hover {
	background-image: url(/img/menu_predstavitev_over.gif);
	width: 100px;
}

ul#topMenu li a.storitve {
	background-image: url(/img/menu_storitve.gif);
	width: 90px;
}

ul#topMenu li a.storitve:hover {
	background-image: url(/img/menu_storitve_over.gif);
	width: 90px;
}

ul#topMenu li a.storitve:hover {
	background-image: url(/img/menu_storitve_over.gif);
	width: 90px;
}

ul#topMenu li a.reference {
	background-image: url(/img/menu_reference.gif);
	width: 100px;
}

ul#topMenu li a.reference:hover {
	background-image: url(/img/menu_reference_over.gif);
	width: 100px;
}

ul#topMenu li a.suslja-se {
	background-image: url(/img/menu_suslja_se.gif);
	width: 90px;
}

ul#topMenu li a.suslja-se:hover {
	background-image: url(/img/menu_suslja_se_over.gif);
	width: 90px;
}

ul#topMenu li a.kontakti {
	background-image: url(/img/menu_kontakti.gif);
	width: 100px;
}

ul#topMenu li a.kontakti:hover {
	background-image: url(/img/menu_kontakti_over.gif);
	width: 100px;
}

ul#topMenu li a.identiteta {
	background-image: url(/img/menu_identiteta.gif);
	width: 100px;
}

ul#topMenu li a.identiteta:hover {
	background-image: url(/img/menu_identiteta_over.gif);
	width: 100px;
}

ul#topMenu li a.about-us {
	background-image: url(/img/menu_about_us.gif);
	width: 100px;
}

ul#topMenu li a.about-us:hover {
	background-image: url(/img/menu_about_us_over.gif);
	width: 100px;
}

ul#topMenu li a.services {
	background-image: url(/img/menu_services.gif);
	width: 100px;
}

ul#topMenu li a.services:hover {
	background-image: url(/img/menu_services_over.gif);
	width: 100px;
}

ul#topMenu li a.our-work {
	background-image: url(/img/menu_our_work.gif);
	width: 100px;
}

ul#topMenu li a.our-work:hover {
	background-image: url(/img/menu_our_work_over.gif);
	width: 100px;
}

ul#topMenu li a.contacts {
	background-image: url(/img/menu_contacts.gif);
	width: 100px;
}

ul#topMenu li a.contacts:hover {
	background-image: url(/img/menu_contacts_over.gif);
	width: 100px;
}

ul#topMenu li a.gossip {
	background-image: url(/img/menu_gossip.gif);
	width: 100px;
}

ul#topMenu li a.gossip:hover {
	background-image: url(/img/menu_gossip_over.gif);
	width: 100px;
}

ul#topMenu li a.identity {
	background-image: url(/img/menu_identity.gif);
	width: 100px;
}

ul#topMenu li a.identity:hover {
	background-image: url(/img/menu_identity_over.gif);
	width: 100px;
}

/* --- heading ---  */

div#heading {
	background: url(/img/dashed_line.gif) repeat-x left bottom;
	height: 32px;
}

div#heading h1 {
	margin-left: 217px;
	line-height: 32px;
}

div#heading ul {
	display: block;
	float: right;
	padding-right: 16px;
}

div#heading ul li {
	display: block;
	float: left;
	font-size: 16px;
	font-family: Georgia, serif;
	line-height: 32px;
	padding:  0px 0px 0px 10px;
}

div#heading ul li.active a {
	color: #303030;
}

div#heading ul li.active a:hover {
	color: #DD256A;
}

div#heading a.lang {
	display: block;
	float: right;
	width: 195px;
	font-family: Georgia, serif;
	font-size: 12px;
	line-height: 32px;
	color: #9a9a9a;
}

/* --- content ---  */

div#content {
	line-height: 16px;
	background: no-repeat left bottom;
}

div#MediasKreativ div.back_ { background-image: url(/img/origami_reference.gif); }
div#MediasKreativ div.back_predstavitev, div#MediasKreativ div.back_about-us { background-image: url(/img/origami_predstavitev.gif); }
div#MediasKreativ div.back_storitve, div#MediasKreativ div.back_services { background-image: url(/img/origami_storitve.gif); }
div#MediasKreativ div.back_reference, div#MediasKreativ div.back_our-work { background-image: url(/img/origami_reference.gif); }
div#MediasKreativ div.back_suslja-se, div#MediasKreativ div.back_gossip { background-image: url(/img/origami_suslja_se.gif); }
div#MediasKreativ div.back_kontakti, div#MediasKreativ div.back_contacts { background-image: url(/img/origami_kontakti.gif); }
div#MediasKreativ div.back_identiteta, div#MediasKreativ div.back_identity { background-image: url(/img/origami_identiteta.gif); }

div#content div.one {
	float: left;
	width: 217px;
	background: url(/img/corner.gif) no-repeat top right;
}

div#content div.one div.inside {
	font-family: Georgia, serif;
	font-size: 13px;
	line-height: 18px;
	color: #00ADEE;
	text-align: right;
	padding: 16px 16px 0px 5px;
}

div#content div.two {
	float: left;
	width: 397px;
}

div#content div.two li {
	list-style-type: circle;
	list-style-position: inside;
	padding: 2px 10px;
}

div#content div.two p {
	padding: 0px 0px 5px 0px;
}

div#content div.two div.inside {
	padding: 16px 0px 16px 0px;
	text-align: justify;
}

div#content div.three {
	float: left;
	width: 201px;
	background: url(/img/corner.gif) no-repeat top left;
}

div#content div.three ul {
	padding: 16px 0px 16px 16px;
}

div#content div.three ul li {
	display: block;
	background: url(/img/dashed_line.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div#content div.three ul li.last {
	background: none;
}

div#content div.three ul li div.nws {
	padding: 5px 0px;
}

div#content div.three ul li a.more {
	display: block;
	font-family: Georgia, serif;
	font-size: 11px;
	line-height: 14px;
}

div#content div.intro {
	/*float: right;*/
	width: 598px;
	height: 250px;
	background: #00ADEE;
	margin: 15px auto;
}

div#content div.harmonika {
	float: left;
	width: 614px;
	padding-top: 16px;
	padding-bottom: 16px;
	background: url(/img/corner.gif) no-repeat 201px 0px;
}

div#content div#accordion {
	background: url(/img/dashed_line.gif) repeat-x left bottom;
}

div#content div#accordion h3 {
	display: block;
	background: url(/img/dashed_line.gif) repeat-x left top;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	font-family: 'Myriad Pro', Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

div#content div#accordion h3#aFirst {
	background: none;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

div#content div#accordion h3 span {
	display: block;
	float:  left;
	width: 201px;
	text-align: right;
	margin-right: 16px;
	color: #00ADEE;
	font-family: Georgia, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

div#content div#accordion h3 div.clear {
	clear: both;
	width: 1px;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
}

div#content div#accordion div.element div.i {
	padding: 5px 0px 16px 0px;
	background: url(/img/up.gif) no-repeat 201px bottom;
}

div#content div#accordion div.element div.i div.text {
	float: left;
	width: 216px;
	font-size: 10px;
	text-align: right;
}

div#content div#accordion div.element div.i div.text div.iT {
	padding: 0px 16px 0px 10px;
}

div#content div#accordion div.element div.i div.pics {
	float: left;
	width: 398px;
}

div#content div#accordion div.element div.i div.pics div.iP div.bigPic {
	float: left;
	width: 292px;
	height: 195px;
	border: 1px solid #9a9a9a;
	overflow: hidden;
	margin-right: 10px;
	background: no-repeat center center;
}

div#content div#accordion div.element div.i div.pics div.iP div.bigPic a {
	display: block;
	width: 292px;
	height: 195px;
}

div#content div#accordion div.element div.i div.pics div.iP ul {
	float: left;
	width: 87px;
}

div#content div#accordion div.element div.i div.pics div.iP ul li {
	display: block;
	width: 87px;
	height: 58px;
	border: 1px solid #9a9a9a;
	overflow: hidden;
	margin-bottom: 8px;
	background: no-repeat center center;
}

div#content div#accordion div.element div.i div.pics div.iP ul li a {
	display: block;
	width: 87px;
	height: 58px;
}

div#content div.two ul.news li {
	display: block;
	list-style-type: none;
	padding: 0px;
	margin:  0px;
}

div#content div.two ul.news li h3 {
	display: block;
	padding: 5px 0px;
}

div#content div.two ul.news li.nFirst h3 {
	padding-top: 0px;
}

/* --- footer --- */

div#footer {
	clear: both;
}

div#footer div.left {
	float: left;
	width: 614px;
	background: url(/img/bottom_left.gif) no-repeat left top;
}

div#footer div.left div.one,
div#footer div.left div.two,
div#footer div.left div.three {
	float: left;
	width: 110px;
}

div#footer div.left div.three {
	width: 391px;
}

div#footer div.left h3 {
	padding: 5px;
	color: #00ADEE;
}

div#footer div.left a {
	color: #303030;
}

div#footer div.left ul {
	padding: 0px 1px 0px 5px;
}

div#footer div.left div.three div.kontakt {
	padding: 0px 5px;
	text-align: justify;
}

div#footer div.right {
	float: left;
	margin-left: 10px;
	width: 201px;
	background: url(/img/bottom_right.gif) no-repeat left top;
}

div#footer div.right div.four {
	text-align: center;
	padding-top: 10px;
}

div#bottom_line {
	background-color: black;
	clear: both;
	width: 825px;
	height: 40px;
	background: url(/img/bottom_line.gif) no-repeat left top;
}

div#bottom_line div {
	margin-left: 225px;
	padding-top: 7px;
	color: #9a9a9a;
	font-size: 10px;
	line-height: 18px;
}