/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
* { margin: 0;        padding: 0; }

body {
        margin: 0; padding: 0;
        font: 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;
        color: #333;
        background: #fff url(../images/bg.jpg) repeat-x;
}

/* links */
a {
        color: #aa0303;
        background-color: inherit;
        text-decoration: none;
}
a:hover {
        color: #FF0000;
        background-color: inherit;
        text-decoration: underline;
}

/* headers */

p {
font-size: 12px;
margin:6px 0px 6px 0px;
}


h1, h2, h3 {
        font-family: Arial, 'Trebuchet MS', Sans-Serif;
        font-weight: bold;
        color: #003366;
}
h1, h2, h3 {
        padding: 0;
        margin: 10px;
}
h1 {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .0px;
        font-weight: bold;
        color: #bc322f;
}
h2 {
        font-size: 13px;
        text-transform: uppercase;
        color: #c10202;
        /*color: #339933;*/
}
h3 {
        font-size: 12px;
        color: #003366;
}

/* images */
img {
        border: 0px solid #CCC;
}
img.float-right {
  margin: 5px 0px 10px 10px;
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

ul, ol {
        margin: 10px 20px;
        padding: 0 20px;
}

code {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  border-left: 4px solid #CC0000;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
        margin: 10px;
         padding: 0 0 0 32px;
          background: #FAFAFA url(../images/quote.gif) no-repeat 5px 10px !important;
        background-position: 8px 10px;
        border: 1px solid #f2f2f2;
        border-left: 4px solid #CC0000;
        font-weight: bold;
}



/* search form */

#hledat {
  position: absolute;
  width: 225px;
  height: 25px;
  margin-top:83px;
  margin-left: 580px;
  padding: 0;
  border: 1px solid #000000;
}
#hledat input{
  border:none;
  font-size: 12px;
  line-height: 14px;
  width:150px;
  border: 1px solid #ccc;
}
#hledat .tlacitko{
  background-color:#cfcfcf;
  border: 0px solid #ccc;
  color:#fff;
  font-size: 11px;
  line-height: 12px;
  font-weight:bold;
  width:65px;
  cursor:pointer;
  padding-top:3px;
  margin-left:3px;
}
form {
  padding:0px;
  margin:0px;
}

/**********************************
  LAYOUT
***********************************/
#wrap {
        margin: 0 auto;
        width: 800px;
        height:100%;
        background: #FFF;
        border: 0px solid #CCC;
}


/* Horizontální navigace  */
#topmenu {
        margin: 0;
        padding:15px 0 10px 0;
        float: right;
        width: 300px;
        height: 15px;
        border: 0px solid #625e00;
}
#topmenu ul{
        margin: 0;
        padding:15px 0 10px 0;
        float: right;
        font-size: 95%;
        width: 100%;
        height: 15px;
        border: 0px solid #625e00;
}

* html #topmenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#topmenu ul li{
        display: inline;
}

#topmenu ul li a{
        float: right;
        color: #3b77a4;
        padding: 2px 12px;
        text-decoration: none;
        background: transparent url(../images/vertikal.gif) center left no-repeat;
}

#topmenu ul li a:visited{
        color: #3b77a4;
}

#topmenu ul li a:hover{
        text-decoration: underline;
        color: #3b77a4;
}



/* header */


#header {
        position: relative;
        margin: 0; padding: 0;
        height: 113px;
        border: 0px solid #000000;
        background: url(../images/header.jpg) no-repeat left top;
}

#logo {
  position: absolute;
  width: 172px;
  height: 63px;
  margin-top:0px;
  margin-left: 17px;
  padding: 0;
}

#hledat {
  position: absolute;
  width: 225px;
  height: 25px;
  margin-top:42px;
  margin-left: 580px;
  padding: 0;
  border: 0px solid #000000;
}
#hledat input{
  border:none;
  font-size: 12px;
  line-height: 12px;
  width:150px;
  height:17px;
  border: 1px solid #ccc;
}
#hledat .tlacitko{
  background-color:#cfcfcf;
  border: 0px solid #ccc;
  color:#fff;
  font-size: 11px;
  line-height: 12px;
  font-weight:bold;
  width:65px;
  cursor:pointer;
  padding-top:3px;
  margin-left:3px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


/**********************************
  LEVE MENU
***********************************/

.urbangreymenu{
width: 180px; /*width of menu*/
margin:0;

}

.urbangreymenu .headerbar{
  font:  18px Arial;
  color: #3e79a5;
  margin-bottom: 1px; /*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  padding: 0px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 5px;
  margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}

.urbangreymenu ul li a{
  font: normal 12px Arial;
  color: black;
  display: block;
  padding: 5px 0;
  line-height: 8px;
  padding-left: 18px; /*link text is indented 8px*/
  text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #3e79a5;
width: 155px;
}


/* main column */
#mainwrap {
        margin: 0 auto;
        width: 800px;
        height:100%;
        background: #FFF;
        border: 0px solid #000000;

}

#main {
        float: right;
        margin-top: 0px; padding-right: 1px;
        width: 615px;
        background: #FFF url(../images/background_pright.gif) right top no-repeat;
        border: 0px solid #000000;

}

#main img{
        margin-left: 2.5px;
        border: 0px solid #000000;

}

#main h12 {
        margin: 5px 0;
        padding: 4px 0 4px 8px;
        font-size: 13px;
        font-weight: bold;
        color: #fc5304;
        text-transform: uppercase;
        letter-spacing: .5px;
}

.ctvrtka {
  float:left;
  width: 205px;
  margin: 0;
  padding: 0px 0 0 0px;
  text-align: left;
  border: 0px solid #000000;
  }
  
.ctvrtka1 {
  position: relative;
  float:left;
  width: 179px;
  height: 200px;
  margin: -200px 0px 0 8px;
  padding: 2px 0 0 9px;
  text-align: left;
  border: 0px solid #000000;
  }



/* sidebar */
#sidebar {
        float: left;
        width: 180px;
        margin-TOP: 0; padding: 0;
        background-color: #FFFFFF;
        border: 1px solid #000000;
}



#sidebar h1 {
        margin: 10px 0 0 0;
        padding: 4px 0 4px 8px;
        font: bold 105% Arial, Sans-Serif;
        color: #FFF;
        text-transform: uppercase;
        background: #333;
        letter-spacing: 1px;
}
#sidebar .left-box {
        border: 1px solid #EBEBEB;
        margin: 0 0 5px 0;
        background: #FFF;
}
#sidebar ul.sidemenu {
        list-style: none;
        text-align: left;
        margin: 3px 0px 8px 0; padding: 0;
        text-decoration: none;
}
#sidebar ul.sidemenu li {
        border-bottom: 1px solid #f2f2f2;
        background: url(../images/bullet.gif) no-repeat 3px 2px;
        padding: 3px 5px 3px 25px;
        margin: 0;
}
#sidebar ul.sidemenu a {
        font-weight: bolder;
        padding: 3px 0px;
        background: none;
}

/* Aktuality Golf Lady */

#aktuality {
        float: left;
        width: 320px;
        margin-TOP: 8px; padding: 0;
        margin-left:4px;
        background: #FFF url(../images/akce_bg.jpg) no-repeat;
        border: 0px solid #C0C0C0;
        margin-bottom: 8px; padding: 0;
}


/* Akce našich partnerů */

#akcepartneru {
        float: right;
        width: 320px;
        margin-TOP: 8px; padding: 0;
        margin-right:8px;
        background: #FFF url(../images/akce_bg.jpg) no-repeat;
        border: 0px solid #C0C0C0;
        margin-bottom: 8px; padding: 0;
}

/* Akce */

#akce {
        float: left;
        width: 99.6%;
        margin-TOP: 8px; padding: 0;
        background: #FFF url(../images1/bullet.gif) no-repeat 3px 2px;
        border: 0px solid #C0C0C0;
        margin-bottom: 5px; padding: 0;
}
.pole {
        float: left;
        width: 209px;
        height: 174px;
        margin: 5px;
        padding: 0px;
        text-align: center;
        background: #FFF url(../images/akce_bg.gif) no-repeat;
        border: 0px solid #C0C0C0;
        margin-bottom: 5px;
}
.pole p{
        margin-top: 10px;
}
.pole img{
        width: 120px;
        height: 80px;
        margin: 5px;
        padding: 2px;
        border: 1px solid #648e2f;
}


/* Reklama v sideboxu */

#reklama {
        float:left ;
        width: 180px;
        margin-TOP: 8px; padding: 0px;
        background: #FFF  url(../images1/side_H1.gif) top no-repeat;
        border: 0px solid #C0C0C0;
}

#reklama_img{
        margin: 0 auto;
        padding-left: 10px;
        border: 0px solid #C0C0C0;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {        clear: both; }
.red   { color: #CC0000; }
.comments {
        margin: 20px 10px 5px 10px;
        padding: 3px 0;
        border-bottom: 1px dashed #EFF0F1;
        border-top: 1px dashed #EFF0F1;
}

/* lista */
#lista { text-align: center; font-size: 10px; color: #888888; }
#lista a { text-decoration: none; font-weight: normal; color: #888888;}
#lista a:hover { text-decoration: none; font-weight: normal; color: #434343;}