/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}





















b, strong {
    font-weight: bold;
}

.hidden {
	display: none;
}
.noborder {
    border: 0 none;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.editpageblock {
	padding: 1px;
	border: 1px dashed red;
}

.editblock {
	padding: 1px;
	border: 1px dotted blue;
}

.selectedblock {
	border: 2px solid olive;
}
.mytable {
	border-left: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
}
.mytable td, 
.mytable th {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
}
.mytable th {
	font-weight: bold;
	color: #50A5DB;
        background-color: #F5FAFA;
}

.tdspace {
    padding-right: 16px;
}




#bodywrapper{
    background: #ececec url(/static/header_strip.jpg) repeat-x;
	padding-bottom: 30px;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#header {
    position:relative;
	height: 243px;
	background: transparent url(/static/woman.png) no-repeat right bottom;
	padding: 30px 10px 30px 10px;
}
#langbar {
    position:absolute;
    top: 44px;
    right: 35px;
}

#langbar img {
    padding-left: 1em;
}

#subheader {
    position:relative;
    height: 68px;
	padding: 15px 10px 30px 10px;
}

#footer {
	text-align: right;
	color: #999999;
        padding: 0 9px;
}

div#footer a, div#footer a:VISITED  {
	color: #999999;;
	text-decoration: none;
}
div#footer a:HOVER, div#footer a:ACTIVE {
	color: #999999;;
	text-decoration: underline;
}

#logo {
	height: 70px;
}

#logo div#naslov {
	float: right;
	width: 500px;
	height: 20px;
	font-size: 90%;
	padding-left: 20px;
	margin-top: -20px;
	line-height: 40px;
	font-weight: bold;
	color: white;}

#logo div.subh {
	float: right;
	width: 500px;
	height: 40px;
	font-size: 182%; /*24px*/
	padding-left: 20px;
	margin-top: 15px;
	line-height: 40px;
	font-weight: bold;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px; 
	background: -moz-linear-gradient(center left, #fff, #cad2d4) repeat;
background: -webkit-gradient(linear, left center, right center, from(#fff), to(#cad2d4)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cad2d4'); 
	color: #646464;}

#logo img {
	margin: 5px 0px 0px 0px;
}

#menu {
	margin-top: 15px;
}

#menu ul li { display: inline; border-left: 1px solid white; padding: 0px 3px; }
#menu ul li.first { border: none; padding-left: 0; }
#menu ul li a { 
	color: white;
	text-decoration: none; 
	font-size: 130%; 
	font-weight: bold;
	padding-left: 2px;
	}
#menu ul li a:hover { 
	text-decoration: underline; 
	}

#dodatek {
	margin-top: 20px;
}

div#dodatek a {
text-decoration: none; 
}

div#dodatek a:hover { 
	text-decoration: underline; 
}

div#dodatek h1,
div#dodatek h2,
div#dodatek h3,
div#dodatek h4,
div#dodatek h5,
div#dodatek h6 {
    color: white;
    padding: 0.5em 0 0.1em 0;
}
div#dodatek h1 {
    font-size: 138.5%;
    font-weight: bold;
}

div#dodatek h2 {
    font-size: 131%;
    font-weight: bold;
}

div#dodatek h3 {
    font-size: 116%;
    font-weight: bold;
}

div#dodatek h4 {
    font-size: 116%;
}

#menu2 ul li { display: inline; border-left: 1px solid white; padding: 0px 3px; }
#menu2 ul li.first { border: none; padding-left: 0; }
#menu2 ul li a { 
	color: white;
	text-decoration: none; 
	font-size: 130%; 
	font-weight: bold;
	padding-left: 2px;
	}
#menu2 ul li a:hover { 
	text-decoration: underline; 
	}

#pictures {
margin-top: -10px;
}
	
#pictures div div div{
	float: left;
	width: 90px;
	height:90px;
	margin-top: 30px;
	margin-right: 20px;
}

div#content {
	margin-top: 20px;
	font-size: 100%;
        color: #444444;
}

div#content ul li {
    list-style: circle;
    margin-left: 1em;
}

div#content a, div#content a:VISITED  {
	color: #ec008b;;
	text-decoration: none;
}
div#content a:HOVER, div#content a:ACTIVE {
	color: #ec008b;;
	text-decoration: underline;
}

div#content hr {
    border: 1px solid #ececec;
    width: 100%;
}

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
    color: #ec008b;
    padding: 0.5em 0 0.1em 0;
}

div#content h1 {
    font-size: 138.5%;
    font-weight: bold;
}

div#content h2 {
    font-size: 131%;
    font-weight: bold;
}

div#content h3 {
    font-size: 116%;
    font-weight: bold;
}

div#content h4 {
    font-size: 116%;
}

div#content div.commercial{
    float: right;
    margin-right: -8px;
    width: 275px;
}

div.box {
	width: 294px;
	background: white;
	margin: 2px;
}
div.box div.inbox {
	padding: 27px;
	height: 150px;
	overflow: hidden;
}
div.box div.lt  {
	background: transparent url(/static/line_top.jpg) repeat-x top left;
}
div.box div.lr  {
	background: transparent url(/static/line_right.jpg) repeat-y top right;
}
div.box div.lb  {
	background: transparent url(/static/line_bottom.jpg) repeat-x bottom left;
}
div.box div.ll  {
	background: transparent url(/static/line_left.jpg) repeat-y top left;
}
div.box .ctl {
	background: transparent url(/static/corner_top_left.jpg) no-repeat top left;
}div.box .ctr {
	background: transparent url(/static/corner_top_right.jpg) no-repeat top right;
}div.box .cbr {
	background: transparent url(/static/corner_bottom_right.jpg) no-repeat bottom right;
}div.box .cbl {
	background: transparent url(/static/corner_bottom_left.jpg) no-repeat bottom left;
}

div.mainbox {
	background: white;
	margin: 0px;
}
div.mainbox div.inbox {
	padding: 27px;
}
/*
div.mainbox div.lt  {
	background: transparent url(/static/line_sub_top.jpg) repeat-x top left;
}
div.mainbox div.lr  {
	background: transparent url(/static/line_right.jpg) repeat-y top right;
}
div.mainbox div.lb  {
	background: transparent url(/static/line_bottom.jpg) repeat-x bottom left;
}
div.mainbox div.ll  {
	background: transparent url(/static/line_left.jpg) repeat-y top left;
}

div.mainbox .ctl {
	background: transparent url(/static/corner_left_large.jpg) no-repeat top left;
}div.mainbox .ctr {
	background: transparent url(/static/corner_right_large.jpg) no-repeat top right;
}div.mainbox .cbr {
	background: transparent url(/static/corner_bottom_right.jpg) no-repeat bottom right;
}div.mainbox .cbl {
	background: transparent url(/static/corner_bottom_left.jpg) no-repeat bottom left;
}
*/
div.rightbox {
	width: 290px;
	margin-top: -27px;
	margin-right: -15px;
	background: white;
}
div.rightbox div.inbox {
	padding: 27px;
}

/*
div.rightbox div.lt  {
	background: transparent url(/static/line_sub_top.jpg) repeat-x top left;
}
*/
div.rightbox div.lr  {
	background: transparent url(/static/line_middle_right.jpg) repeat-y top right;
}
div.rightbox div.lb  {
	background: transparent url(/static/line_middle_bottom.jpg) repeat-x bottom left;
}
div.rightbox div.ll  {
	background: transparent url(/static/line_middle_left.jpg) repeat-y top left;
}

/*
div.rightbox .ctl {
	background: transparent url(/static/corner_middle_left.jpg) no-repeat top left;
}div.rightbox .ctr {
	background: transparent url(/static/corner_middle_right.jpg) no-repeat top right;
}
*/
div.rightbox .cbr {
	background: transparent url(/static/corner_middle_bottom_right.jpg) no-repeat bottom right;
}div.rightbox .cbl {
	background: transparent url(/static/corner_middle_bottom_left.jpg) no-repeat bottom left;
}