﻿html,body{margin:0;padding:0}
body{font: 85% arial,sans-serif; background-color:#EEEEEE; }

a { color:#1F8FFF; font-weight:bold; }
a:hover { text-decoration:none; }

/* basic layout */
div#container{width:900px;margin:0 auto; background-image:url('assets/body_bg.gif'); background-repeat:repeat-y; background-position:center top; padding:0 4px; background-color:#FFFFFF; }
div#content{float:left;width:550px}
div#navigation{float:right;width:320px; margin-right:10px;}
div#extra{float:right;clear:right;width:320px}
div#footer{clear:both;width:100%}

/* header */
div#header { width:908px; height:123px; margin:0 auto; background-image:url('assets/header_bg.jpg'); background-repeat:no-repeat; background-position:center bottom; position:relative; }
div#header div#kontaktIkona { position:absolute; top:45px; right:90px; }

/* content */
div#mainStory { border-bottom:1px solid #D0E7FF; padding:15px 10px; margin:10px 0px 0px 20px; background-image:url('assets/box_bg.jpg'); background-repeat:repeat-x; background-position:left bottom; }

div#contentInner { margin:10px 0px 10px 20px; }
div#contentInner p { line-height:200%; text-align:justify; }

/* navigation */
div#sitesNetworkInner { background-image:url('assets/box_bg.jpg'); background-repeat:repeat-x; background-position:left bottom; padding:10px; background-color:#FFFFFF; margin:2px; }
div#sitesNetwork { background-color:#D0E7FF; margin-top:8px; }
div#sitesNetwork ul { list-style-type:none; margin:0; padding:0; }
div#sitesNetwork ul li { margin:10px 0px; padding:0; border-bottom:1px dotted #D0E7FF; padding-bottom:10px; }
div#sitesNetwork ul li img { float:left; margin:0 10px 0 0; }

/* extra */
div#extra { margin-right:10px; }
div#extra ul { list-style-type:none; margin:0; padding:0; }
div#extra ul li { margin:10px 0; }


/* footer */
div#footer { width:908px; height:65px; margin:0 auto; background-image:url('assets/footer_bg.gif'); background-repeat:no-repeat; background-position:center top; position:relative; }
div#footer p { position:absolute; top:15px; left:25px; }

/* kontakt-fieldset */
div#kontaktText { margin:10px 0 0 20px; }

.kontakt-fieldset { padding:20px; margin:10px 20px 10px 20px; border:1px solid #EFEFEF; }
.kontakt-fieldset legend { font-size:20px; color:#CCCCCC; }
.kontakt-fieldset input, textarea { width: 90%; margin: 0 0 5px 0; padding: 5px; border: solid 1px #ccc; }
.kontakt-fieldset input:focus , textarea:focus { border: solid 1px #0099ff; }
.kontakt-fieldset label kontakt-label { font-size: 14px; font-weight: bold; display: block; clear: left; }
.posalji-button { margin: 0 0 25px 0; font-size: 18px; font-weight: bold; display: block; clear: both; }
