/******************************************************************
 * Udruga odgajatelja djecjih vrtica CSS
 * @author	Ivan Maros
 * @since	19.5.2006
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/
* {padding: 0; margin: 0;}
body {font: 11px Arial, Helvetica, sans-serif; color: #333; background-color: #FFF; margin: 0; padding: 0; text-align: center;}
a, a:link, a:visited, a:active, a:focus {color: #666; text-decoration: none;}
a:hover {color: #000;}
img {border-width: 0;}
p {margin: 0 0 1.2em;}
hr {border: 0; height: 1px; color: #666; background-color: #666; margin: 0 0 5px;}
ul, li {list-style: none;}
table, td {vertical-align: top; margin: 0; padding: 0; border: 0;}
.input-box {font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #CCC; color: #666; background-color: #E9EDF5; padding: 1px 3px;}
.warn_color {font-size: 11px; color: #F00;}
.left {clear: both; float: left;}
.right {float: right;}
.clear {clear: both;}
.noborder {border: 0 ! important;}

/******************************************************************
 * Structure
 ******************************************************************/
#container {position: relative; width: 760px; margin: 0 auto; padding: 0; text-align: left;}
#header, #content {float: left; width: 100%;}
#footer {float: none; clear: both; width: 100%;}
#menu-box, #content-box, #poll-box {float: left;}
#menu-box {width: 306px;}
#content-box {width: 590px; padding-left: 0 ! important;}
#content-box.homepage-width {width: 271px ! important; padding-left: 7px ! important;}
#poll-box {width: 157px;}

/******************************************************************
 * Header
 ******************************************************************/
#header {width: 100%; background: #FFF url(../images/v_bg_header.gif) no-repeat 0% 0%;}
#header #h-logo {display: block; float: left; width: 100%; height: 140px; text-indent: -9999px;}
#header #nav {text-align: right; padding-bottom: 7px; padding-right: 6px;}
#header #nav li {display: inline; color: #F00; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
#header #nav li a {color: #F00;}
#header #nav li a:hover, #header #nav li.current a {color: #333;}

/******************************************************************
 * Content
 ******************************************************************/
#content {background: #FFF url(../images/v_bg_content_inner2.gif) repeat-y 0% 0%; margin-bottom: 7px;}
#content.bg-homepage {background: #FFF url(../images/v_bg_content.gif) repeat-y 0% 0%; margin-bottom: 7px;}
#content h1 {height: 18px; line-height: 18px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: lowercase; padding-left: 7px; margin-bottom: 10px;}
#content #menu-box h1 {background-color: #FC0;}
#content #content-box h1 {background-color: #9C0;}
#content #poll-box h1 {background-color: #69C;}
#content h2 {font-size: 11px; font-weight: bold;}
#content .c-colon {padding: 0 6px 0 7px;}
#content #menu-box {padding-left: 0;}
#content #poll-box {padding-right: 0;}

#content #menu-box #intro {height: 222px;}

#content .tile-box {border-bottom: 1px solid #CCC; padding-top: 7px; padding-bottom: 4px;}
#content #cb-arhiva {display: block; width: 100%; text-align: right; color: #9C0; text-transform: lowercase; font-size: 15px;}
#content #cb-arhiva:hover {color: #69C;}
#content .c-vise {text-align: right;}
#content #poll-box ul {margin-top: 10px;}
#content #poll-box ul li {clear: left; height: 20px; line-height: 20px;}
#content #poll-box ul li input {float: left; margin-right: 4px; margin-top: 2px;}
#content #poll-box .poll-buttons {padding-top: 10px;}
#content #poll-box .poll-buttons input {width: 45%; border: 0; background: #FFF; color: #333; font-size: 11px; text-transform: uppercase; cursor: pointer;}

/******************************************************************
 * Footer
 ******************************************************************/
#footer {font-size: 11px; line-height: 18px; background: url(../images/z_bg_footer.gif) no-repeat 0% 0%; border-top: 1px solid #FFF; padding-top: 0px; margin-bottom: 20px;}
#footer #f-top-bar {width: 100%; height: 18px; background-color: #FC0;}
#footer .clear {padding-top: 4px;}
#footer .left a { color: #FFF; font-weight: bold; text-transform: uppercase; padding-left: 45px;}
#footer .right a {font-weight: bold; text-transform: uppercase; padding-right: 10px;}
#footer #poweredby {color: #666; padding: 0;}