/*



Theme Name:HelloSerbia



Theme URI: http://www.helloserbia.com



Description: Tema za portal HelloSerbia



Author:Zoran Maric



Author URI:http://ec.rs



Version:1.00



Tags:fiksirana sirina, dve kolone, crvena, plava, zuta



*//***********************************************************







	RESET







***********************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  font-family: inherit;

  vertical-align: baseline;

}



:focus {

  outline: 0;

}



body {

  line-height: 1;

}



ol, ul {

  list-style: none;

}



table {

  border-collapse: separate;

  border-spacing: 0;

}



caption, th, td {

  text-align: left;

  font-weight: normal;

}



blockquote:before, blockquote:after, q:before, q:after {

  content: "";

}



blockquote, q {

  quotes: "" "";

}

/***********************************************************







	GENERAL







***********************************************************/



body {

  background: #FFCC00;

  background-image: url(img/bg.jpg);

  background-repeat: repeat-x;

  font: 12px Tahoma;

  padding-bottom: 20px;

  color: #222222;

}



a {

  text-decoration: none;

  color: #000000;

}



a:hover {

  text-decoration: underline;

  color: #FF0033;

}



p {

  margin-bottom: 10px;

}



.container {

  width: 1000px;

  margin: auto;

}



.header {

  width: 1000px;

  height: 208px;

  background-image: url(img/gornji.jpg);

  background-repeat: no-repeat;

  float: left;

}



.headerl {

  width: 780px;

  height: 208px;

  float: left;

}



.headerl1 {

  width: 250px;

  height: 168px;

  padding-top: 20px;

  padding-left: 220px;

  float: left;

}



.headerl2 {

  width: 250px;

  height: 168px;

  padding-top: 20px;

  padding-left: 30px;

  float: left;

}



.headerd {

  width: 130px;

  margin-left: 90px;

  margin-top: 22px;

  height: 186px;

  float: left;

}



ul.gore, ul.gore li, ul.gore ul {

  list-style: none;

  margin: 0;

  padding: 0;

  font-size: 13px;

  font-family: 'lucida sans', verdana, arial;

}



ul.gore a{

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

}



ul.gore a:hover{

  color: #FFCC00;

  text-decoration: none;

}



ul.gore {

  position: relative;

  z-index: 597;

  float: left;

}



ul.gore li {

  float: left;

  vertical-align: middle;

/*padding: 7px 15px 7px;*/

  padding: 0px 30px 7px 1px;

  margin: 2px;

}



ul.gore li.hover, ul.gore li:hover {

  position: relative;

  cursor: default;

}



ul.gore ul {

  visibility: hidden;

  position: absolute;

  top: 100%;

  left: 0;

  width: 150px;

}



.header #nav{

  width: 500px;

  float: left;

  color: #fff;

  text-align: right;

  margin-left: 150px;

}



.header0 {

  width: 910px;

  height: 63px;

  float: left;

}



.spacer1 {

  width: 70px;

  height: 50px;

  float: left;

}



.spacer2 {

  width: 910px;

  height: 33px;

  float: left;

}



.navig {

  width: 970px;

  margin: 0px 0px 0px 10px;

  height: 14px;

  padding: 5px 5px 5px 5px;

  background: #000000;

  float: left;

  color: #666;

}

/***********************************************************







	Rest







***********************************************************/

/* Navigation */



ul.dropdown, ul.dropdown li, ul.dropdown ul {

  list-style: none;

  margin: 0;

  padding: 0;

  font-size: 13px;

  font-family: 'lucida sans', verdana, arial;

}



ul.dropdown a{

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

}



ul.dropdown a:hover{

  color: #FFCC00;

  text-decoration: none;

}



ul.dropdown {

  position: relative;

  z-index: 597;

  float: left;

}



ul.dropdown li {

  float: left;

  vertical-align: middle;

/*padding: 7px 15px 7px;*/

  padding: 0px 15px 0 2px;

  margin: 0;

  border-left: 5px solid #CC0000;

}



ul.dropdown li.hover, ul.dropdown li:hover {

  position: relative;

  cursor: default;

  border-left: 5px solid #000000;

}



ul.dropdown ul {

  visibility: hidden;

  position: absolute;

  top: 100%;

  left: 0px;

  width: 150px;

  background-color: #000000;

}



ul.dropdown ul li {

  float: left;

  font-size: 12px;

  background-color: #000000;

  border-bottom: 1px solid #777;

  margin-left: -5px;

  padding: 7px 15px;

  text-align: left;

}



ul.dropdown ul ul {

  top: 1px;

  left: 99%;

}



ul.dropdown li:hover > ul {

  visibility: visible;

}

/* End Navigaion */



.main {

  width: 1000px;

  background: #FFCC00;

  float: left;

  overflow: visible;

}



.left-gore {

  width: 580px;

  height: auto;

  margin-top: 10px;

  margin-left: 10px;

margin-bottom:10px;

  overflow: hidden;

  float: left;

  text-align:center;

  background-color: #FFFFFF;

}






.left {

  width: 580px;

  margin: 10px;

  overflow: hidden;

  padding: 10px;

  float: left;

  background-color: #FFFFFF;

}



.left1 {

  width: 750px;

  margin: 10px;

  overflow: hidden;

  padding: 10px;

  float: left;

  background-color: #FFFFFF;

}



.levastrana {

  width: 170px;

  height: auto;

  margin-top: 0px;

  margin-left: 5px;

  margin-right: 5px;

  overflow: visible;

  padding: 0px;

  float: left;

  background-color: transparent;

}



.leftbaner {

  width: 160px;

  margin-top: 10px;

  margin-left: 5px;

  overflow: visible;

  padding: 5px;

  float: left;

  background-color: #FFFFFF;

}



.lbd {

  margin-top: 10px;

}



.lb {

  margin-top: 20px;

}



.leftprimer {

  width: 160px;

  height: 100%;

  color: #CC0033;

  font-weight: bold;

  margin-top: 10px;

  margin-left: 5px;

  padding: 5px;

  float: left;

  background-color: #FFFFFF;

}



.leftprimer1 {

  width: 135px;

  color: #CC0033;

  font-weight: bold;

  margin-top: 10px;

  margin-left: 5px;

  padding-left: 35px;

  float: left;

  background-color: #FFFFFF;

}



.leftprimer2 {

  width: 145px;

  height:100%;

  color: #CC0033;

  font-weight: bold;

  padding-bottom: 10px;

  padding-top: 10px;

  margin-left: 5px;

  padding-left: 25px;

  float: left;

  background-color: #FFFFFF;

}



.leftprimer3 {

  width: 170px;

  font-weight: bold;

  margin-top: 10px;

  margin-left: 10px;

  float: left;

}



.leftprimer4 {

  width: 170px;

  margin-top: 10px;

  margin-left: 10px;

  float: left;

}



ul.primer, ul.primer li, ul.primer ul {

  list-style: none;

  margin: 0;

  padding: 0;

  font-size: 11px;

}



ul.primer a{

  color: #000066;

  text-decoration: none;

  font-size: 11px;

  font-family: 'arial', verdana;

}



ul.primer a:hover{

  color: #FFCC00;

  text-decoration: none;

  font-family: 'arial', verdana;

}



ul.primer {

  float: left;

  list-style: square inside;

}



ul.primer li {

  width: 148px;

  float: left;

  padding: 1px 2px 1px 8px;

  margin: 1px 2px 1px 0px;

  list-style: circle inside;   

 cursor: default;

}



ul.primer li.hover, ul.primer li:hover {

  position: relative;

  cursor: default;

}



ul.lev, ul.lev li, ul.lev ul {

  margin-top: 1px;

  padding-top: 1px;

  padding-left: 4px;

  font-size: 11px;

  font-family: 'arial', verdana, lucida sans;

  cursor: default;

  list-style: circle inside;

}



ul.lev a{

  color: #000066;

  text-decoration: none;

  font-weight: bold;

}



ul.lev a:hover{

  color: #FFCC00;

  text-decoration: none;

}



ul.lev {

  position: static;

  float: left;

}



.desni {

  width: 160px;

  height: 60px;

  float: left;

  font-weight: bold;

  background-color: #FFFFFF;

  color: #000000;

}



.r {

  width: 160px;

  height: auto;

  margin-top: 0px;

  margin-left: 0px;

  margin-right: 0px;

  overflow: visible;

  float: left;

}



ul.des, ul.des li, ul.des ul {

  margin-top: 1px;

  padding-top: 1px;

  font-size: 12px;

  font-family: 'arial', verdana, lucida sans;

  cursor: default;

  list-style: circle inside;

}



ul.des a{

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

}



ul.des a:hover{

  color: #FFCC00;

  text-decoration: none;

}



ul.des {

  position: static;

  float: left;

}



.right {

  width: 160px;

  margin: 10px 5px 0px 0px;

  padding: 15px;

  float: left;

  font-weight: bold;

  background-color: #CC0000;

  color: #FFFFFF;

}



.right a {

  text-decoration: none;

  color: #FFFFFF;

}



.right a:hover {

  text-decoration: underline;

  color: #FFFF33;

}



.right1 {

  width: 160px;

  margin: 10px 5px 0px 0px;

  padding: 15px;

  float: left;

  font-weight: bold;

  background-color: #CC0000;

  color: #FFFFFF;

}



.right1 a {

  text-decoration: none;

  color: #FFFFFF;

}



.right1 a:hover {

  text-decoration: underline;

  color: #FFFF33;

}



.right2 {

  width: 160px;

  margin: 10px 5px 0px 0px;

  padding: 15px;

  float: left;

  font-weight: bold;

  background-color: #CC0000;

  color: #FFFFFF;

}



.right2 a {

  text-decoration: none;

  color: #FFFFFF;

}



.right2 a:hover {

  text-decoration: underline;

  color: #FFFF33;

}



.right3 {

  width: 160px;

  margin: 10px 5px 0px 0px;

  padding: 15px;

  float: left;

  font-weight: bold;

  background-color: #CC0000;

  color: #FFFFFF;

}



.right3 a {

  text-decoration: none;
  color: #FFFFFF;

}



.right3 a:hover {

  text-decoration: underline;
  color: #FFFF33;

}



.right4 {
  width: 160px;
  height: 260px;
  margin: 10px 5px 0px 0px;
  padding: 15px;
  float: left;
  background-color: #FFFFFF;
}



.right4 a {

  text-decoration: none;

  color: #FFFFFF;

}



.right4 a:hover {

  text-decoration: underline;

  color: #FFFF33;

}

.rightp {

  width: 180px;
  height: 220px;
  margin: 10px 5px 0px 0px;
  padding: 5px;
  float: left;
  background-color: #CC0000;
}



.rightp a {

  text-decoration: none;

  color: #FFFFFF;

}


.right5 {

  width: 160px;

  height: 100px;

  margin: 10px 5px 0px 0px;

  padding: 15px;

  float: left;

  font-weight: bold;

  background-color: #CC0000;

  color: #FFFFFF;

}



.right5 a {

  text-decoration: none;

  color: #FFFFFF;

}



.right5 a:hover {

  text-decoration: underline;

  color: #FFFF33;

}



.right6 {

  width: auto;

  height: auto;

  margin-top: 15px;

  float: left;

  background-color: #FFFFFF;

}



.right6 a {

  text-decoration: none;

  color: #FFFFFF;

}



.right6 a:hover {

  text-decoration: underline;

  color: #FFFF33;

}



.right7 {

  width: 175px;

  height: auto;

  margin-top: 15px;

  padding-top: 15px;

  padding-left: 15px;

  float: left;

  background-color: #FFFFFF;

}



.right7 a {

  text-decoration: none;

  color: #FFFFFF;

}



.right7 a:hover {

  text-decoration: underline;

  color: #FFFF33;

}



#comment, #url, #email, #author, #submit {

  max-width: 375px;

  border: dashed 1px #666666;

  margin: 5px 0 5px 0;

  background-color: #dce2dd;

  font-family: tahoma, Helvetica, sans-serif;

  font-size: 11px;

}



.commentlist {

  background-color: #C1CCC5;

  margin: 5px 0 5px 0;

  padding: 20px;

}



.header h2, .header h2 a, .header h2 a:hover {

  font-family: Century gothic, Myriad Pro, Calibri, Trebuchet MS, georgia, monospace;

  font-size: 18px;

  letter-spacing: 1px;

  text-decoration: none;

  color: #ffffff;

}



h3, h3 a, h3 a:hover {

  font-family: Century gothic, Myriad Pro, Calibri, Trebuchet MS, georgia, monospace;

  font-size: 14px;

  text-decoration: none;

  margin: 5px 0 10px 0;

}



h4 {

  font-family: "tahoma";

  font-size: 11px;

  color: #81bed6;

}



.footer {

  width: 980px;

  margin: 10px 0 0 0;

  height: 50px;

  padding: 5px 5px 5px 5px;

  background: #ffffff;

  float: left;

  color: #666;

  text-align: center;

}



.baneridole {

  width: 990px;

  height: 70px;

  margin: 10px 0 0 0;

  background: #ffffff;

  float: left;

  color: #666;

}



.baneridole1 {

  width: 90px;

  height: 60px;

  margin: 0px 0 0 0;

  padding: 5px 5px 5px 5px;

  background: #ffffff;

  float: left;

  color: #666;

}



.baneridole2 {

  width: 210px;

  height: 60px;

  margin: 0px 0 0 0;

  padding: 5px 5px 5px 5px;

  background: #ffffff;

  float: left;

  color: #666;

}



.baneridole3 {

  width: 150px;

  height: 60px;

  margin: 0px 0 0 0;

  padding: 5px 5px 5px 5px;

  background: #ffffff;

  float: left;

  color: #666;

}



.baneridole4 {

  width: 138px;

  height: 60px;

  margin: 0px 0 0 0;

  padding: 5px 5px 5px 5px;

  background: #ffffff;

  float: left;

  color: #666;

}



.baneridole5 {

  width: 146px;

  height: 60px;

  margin: 0px 0 0 0;

  padding: 5px 5px 5px 5px;

  background: #ffffff;

  float: left;

  color: #666;

}



.footerbaneri {

  width: 980px;

  margin: 10px 0 0 0;

  padding: 5px 5px 5px 5px;

  float: left;

  background: #ffffff;

  color: #666;

}



.footerbaneri1 {

  width: 260px;

  margin: 10px 0px 0px 0px;

  padding-left: 50px;

  float: left;

  color: #666;

}



.footerbaneri2 {

  width: 200px;

  margin: 10px 0 0 0;

  padding-left: 0px;

  float: left;

  color: #666;

}



.footerbaneri3 {

  width: 200px;

  margin: 10px 0 0 0;

  padding-left: 0px;

  float: left;

  color: #666;

}



.footerbaneri4 {

  width: 200px;

  margin: 10px 0 0 0;

  padding-left: 25px;

  float: left;

  color: #666;

}



.footerizdvojeno {

  width: 980px;

  margin: 10px 0 0 0;

  padding: 5px 5px 5px 5px;

  background: #FF0033;

  float: left;

  color: #666;

}



.titr {

  width: 570px;

  height: 25px;

  background: #334cca;

  padding: 1px 5px 1px 5px;

  margin: 5px 0 5px 0;

  float: left;

  font-weight: bold;

}



.titr1 {

  width: 730px;

  height: 30px;

  background: #334cca;

  padding: 1px 10px 1px 10px;

  margin: 5px 0 5px 0;

  float: left;

  font-weight: bold;

}



.titr a {

  text-decoration: none;

  color: #FFFFFF;

}



.titr1 a {

  text-decoration: none;

  color: #FFFFFF;

}



.titr a:hover {

  text-decoration: underline;

  color: #FFFF33;

}



.titr1 a:hover {

  text-decoration: underline;

  color: #FFFF33;

}



.date {

  width: 565px;

  height: 30px;

  color: #004974;

  margin: 0px 0px 0px 20px;

  clear: both;

  font-size: 11px;

}



.right h2, .right h3, .right h2 a, .right h3 a {

  font-size: 15px;

  color: #fff;

  letter-spacing: 0px;

  text-decoration: none;

  background-image: url(img/zox.png);

  background-position: left;

  background-repeat: no-repeat;

  padding: 0 0 0 30px;

}



.page_item ul {

  padding: 0 0 0 10px;

}



.comment-author-admin {

  background-color: #a4b1a9;

}



table {

  width: 100%;

  border-bottom: 1px solid #333;

}



th {

  border-bottom: 1px solid #333;

  text-align: left;

}



tr {

  border-bottom: 1px solid #333;

  text-align: left;

}



thead {

  border-bottom: 1px solid #333;

  text-align: left;

}



.wp-caption {

  border: 1px solid #ddd;

  text-align: center;

  padding-top: 4px;

  margin: 10px;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.wp-caption img {

  margin: 0;

  padding: 0;

  border: 0 none;

}



.wp-caption p.wp-caption-text {

  font-size: 11px;

  color: #000;

  line-height: 17px;

  padding: 0 4px 5px;

  margin: 0;

}



h1 {

  font-family: century gothic, Geneva, Arial, Helvetica, sans-serif;

  font-size: 36px;

  font-weight: normal;

  height: auto;

}



h2 {

  font-family: century gothic, Geneva, Arial, Helvetica, sans-serif;

  font-size: 22px;

  font-weight: normal;

  height: auto;

}



h5 {

  font-family: century gothic, Geneva, Arial, Helvetica, sans-serif;

  font-size: 10px;

  font-weight: normal;

  height: auto;

}



h6 {

  font-family: century gothic, Geneva, Arial, Helvetica, sans-serif;

  font-size: 8px;

  font-weight: normal;

  height: auto;

}



pre {

  padding: 5px 0;

  border-top: 1px dotted #35302a;

  border-bottom: 1px dotted #35302a;

}



.writer li, .writer ul {

  list-style: none;

}

/***********************************************************







	By Default from Wordpress.org







***********************************************************/



html > body .entry ul {

  margin-left: 0px;

  padding: 0 0 0 30px;

  list-style: none;

  padding-left: 10px;

  text-indent: -10px;

}



html > body .entry li {

  margin: 7px 0 8px 10px;

}



.entry ul li:before, #sidebar ul ul li:before {

  content: "\00BB \0020";

}



.entry ol {

  padding: 0 0 0 35px;

  margin: 0;

}



.entry ol li {

  margin: 0;

  padding: 0;

}



.postmetadata ul, .postmetadata li {

  display: inline;

  list-style-type: none;

  list-style-image: none;

}



#sidebar ul, #sidebar ul ol {

  margin: 0;

  padding: 0;

}



#sidebar ul li {

  list-style-type: none;

  list-style-image: none;

  margin-bottom: 10px;

}



#sidebar ul p, #sidebar ul select {

  margin: 5px 0 8px;

}



#sidebar ul ul, #sidebar ul ol {

  margin: 5px 0 0 10px;

}



#sidebar ul ul ul, #sidebar ul ol {

  margin: 0 0 0 10px;

}



ol li, #sidebar ul ol li {

  list-style: decimal outside;

}



#sidebar ul ul li, #sidebar ul ol li {

  margin: 3px 0 0;

  padding: 0;

}



#searchform {

  margin: 5px auto;

  padding: 5px 3px;

  text-align: center;

}



#sidebar #searchform #s {

  width: 140px;

  padding: 2px;

}



#sidebar #searchsubmit {

  padding: 1px;

}



.entry form {/* This is mainly for password protected posts, makes them look better. */

  text-align: center;

}



select {

  width: 130px;

}



#commentform input {

  width: 170px;

  padding: 2px;

  margin: 5px 5px 1px 0;

}



#commentform {

  margin: 5px 10px 0 0;

}



#commentform textarea {

  width: 100%;

  padding: 2px;

}



#respond:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}



#commentform #submit {

  margin: 0 0 5px auto;

}



.alt {

  margin: 0;

  padding: 10px;

}



.commentlist {

  padding: 0;

  text-align: justify;

}



.commentlist li {

  margin: 15px 0 10px;

  padding: 5px 5px 10px 10px;

  list-style: none;

}



.commentlist li ul li {

  margin-right: -5px;

  margin-left: 10px;

}



.commentlist p {

  margin: 10px 5px 10px 0;

}



.children {

  padding: 0;

}



#commentform p {

  margin: 5px 0;

}



.nocomments {

  text-align: center;

  margin: 0;

  padding: 0;

}



.commentmetadata {

  margin: 0;

  display: block;

}



#wp-calendar {

  empty-cells: show;

  margin: 10px auto 0;

  width: 155px;

}



#wp-calendar #next a {

  padding-right: 10px;

  text-align: right;

}



#wp-calendar #prev a {

  padding-left: 10px;

  text-align: left;

}



#wp-calendar a {

  display: block;

}



#wp-calendar caption {

  text-align: center;

  width: 100%;

}



#wp-calendar td {

  padding: 3px 0;

  text-align: center;

}



#wp-calendar td.pad:hover {/* Doesn't work in IE */

  background-color: #fff;

}



acronym, abbr, span.caps {

  cursor: help;

}



acronym, abbr {

  border-bottom: 1px dashed #999;

}



blockquote {

  margin: 15px 30px 0 10px;

  padding-left: 20px;

  border-left: 5px solid #ddd;

}



blockquote cite {

  margin: 5px 0 0;

  display: block;

}



.center {

  text-align: center;

}



.hidden {

  display: none;

}



.screen-reader-text {

  position: absolute;

  left: -1000em;

}



hr {

  display: none;

}



a img {

  border: none;

}



.navigation {

  display: block;
  width: 570px;
  height:20px;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 10px;
  padding:5px 5px 5px 5px;
  background-color:#FFFFCC;
}

.dolebaner {

  display: block;
  width: 580px;
  height:auto;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}



.aligncenter, div.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.wp-caption {

  border: 1px solid #ddd;

  text-align: center;

  background-color: #f3f3f3;

  padding-top: 4px;

  margin: 10px;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.wp-caption img {

  margin: 0;

  padding: 0;

  border: 0 none;

}



.wp-caption p.wp-caption-text {

  font-size: 11px;

  line-height: 17px;

  padding: 0 4px 5px;

  margin: 0;

}



.textContent a {

  text-decoration: none;

  color: #134B84;

}



img.alignright {

  float: right;

  margin: 0 0 1em 1em;

}



img.alignleft {

  float: left;

  margin: 0 1em 1em 0;

}



img.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



a img.alignright {

  float: right;

  margin: 0 0 1em 1em;

}



a img.alignleft {

  float: left;

  margin: 0 1em 1em 0;

}



a img.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



p img {

  padding: 0;

  max-width: 100%;

}



img.centered {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



img.alignright {

  padding: 4px;

  margin: 0 0 2px 7px;

  display: inline;

}



img.alignleft {

  padding: 4px;

  margin: 0 7px 2px 0;

  display: inline;

}



.alignright {

  float: right;

}



.alignleft {

  float: left;

}



.widgettitle {

  margin: 5px 0 10px 0;

}