/* basic design by SCOTeam */

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Tahoma,Verdana,Arial,sans-serif;
  font-size: 8pt;
  color: #fff;
  background: #D2D2D2;
}

img {
border: none;
float: left;
display: inline;
}
 
.orange_nadpis_Slogan {
 margin: 1px 0px 0px 0px;
 color: #FF8732;
 font-family: "Dosis",Arial,Verdana,Tahoma,sans-serif;
 font-family: 'Dosis',Arial,sans-serif;
 font-size: 20pt;
 font-weight: 700;
}

.green_nadpis_Slogan {
 margin: 1px 0px 0px 0px;
 color: #669900;
 font-family: "Dosis",Arial,Verdana,Tahoma,sans-serif;
 font-family: 'Dosis',Arial,sans-serif;
 font-size: 20pt;
 font-weight: 700;
}

.nadpis_Slogan {
 margin: 1px 0px 0px 0px;
 color: #9B9B9B;
 font-family: "Dosis",Arial,Verdana,Tahoma,sans-serif;
 font-family: 'Dosis', sans-serif;
 font-size: 18pt;
 font-weight: 700;
}

.orange_nadpisClanek {
 margin: 10px 0px 5px 0px;
 color: #FF8732;
 font-family: "Dosis",Arial,Verdana,Tahoma,sans-serif;
 font-size: 20pt;
 font-weight: 700;
}

.blue_nadpisClanek {
 margin: 10px 0px 5px 0px;
 color: #267CC2;
 font-family: "Dosis",Arial,Verdana,Tahoma,sans-serif;
 font-size: 20pt;
 font-weight: 700;
}

.purple_nadpisClanek {
 margin: 10px 0px 5px 0px;
 color: #AD1F80;
 font-family: "Dosis",Arial,Verdana,Tahoma,sans-serif;
 font-size: 20pt;
 font-weight: 700;
}

.reference_nadpisClanek {
 color: #333;
 text-transform: uppercase;
 font-family: "Arial", Verdana,Tahoma,sans-serif;
 font-weight: 700;
 overflow: hidden;
 line-height: 120%;
}

input, textarea {
  border: 1px solid #aaaaaa;
}

input.text {
  border: 1px solid #e6e6e6;
  color: #000000;
}
textarea.text {
  border: 1px solid #e6e6e6;
  font-size: 8pt;
}


form {
  margin: 0;
  padding: 0;
  display: inline;
}


#obsah {
margin: 0px auto;
padding: 0;
width: 950px;
background: #fff;
border: #000 0px solid;
}



/* hlavička
----------------------------------------------- */

#hlavicka {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #585858;
  height: 380px;
  border: #000 0px solid;
  background: #fff;
}

#logo {
  position: absolute;
  top: 10px;
  left: 0px;
  margin: 0;
  padding: 0;
}

#datum {
  position: absolute;
  top: 20px;
  left: 700px;
  margin: 0;
  padding: 0;
  width: 200px;
  height: 15px;
  color: #ff9933;
  font-size: 11px;
  font-family: "Tahoma",Verdana,Arial,sans-serif;
  font-weight: normal;
  background: #inherit;
}

#slogan {
  position: absolute;
  top: 30px;
  left: 250px;
  margin: 0;
  padding: 0;
  width: 550px;
  height: 50px;
  background: #inherit;
}

#menutop {
  position: relative;
  left: 0px;
  top: 78px;
  margin: 0px;
  padding: 0;
  width: 100%;
  color: #fff;
  background: #inherit;
  clear: both;
}

#upoutavka_obal {
  position: absolute;
  top: 118px;
  left: 0px;
  margin: 0;
  padding: 0;
  width: 949px;
  height: 250px;
  font-family: "Tahoma",Verdana,Arial,sans-serif;
  background: #4F4F4F;
  border-top: 0px solid #c1c1c1;
  border-left: 0px solid #c1c1c1;
  border-right: 0px solid #c1c1c1;
  border-bottom: 0px solid #c1c1c1;
}

#upoutavka {
  position: relative;
  margin: 10px;
  padding: 0;
  width: 930px;
  height: 230px;
  font-family: "Tahoma",Verdana,Arial,sans-serif;
  background: #fff;
  border-top: 0px solid #c1c1c1;
  border-left: 0px solid #c1c1c1;
  border-right: 0px solid #c1c1c1;
  border-bottom: 0px solid #c1c1c1;
}

/* horizontalni menu top
----------------------------------------------- */

            #nav ul li {
                display:block;
                float:left;
                background:#FF8732;
                margin: 0px;
                padding: 0px;
                width: 189px;
                color: fff; 
                border-top: 0px solid #c1c1c1;
                border-left: 0px solid #c1c1c1;
                border-right: 1px solid #fff;
                border-bottom: 0px solid #c1c1c1;
            }

            #nav ul li a {
                text-decoration:none;
                /*text-transform:uppercase;*/
                text-align: center;
                font-family: "Dosis",Arial,Verdana,Tahoma,sans-serif;
                font-size: 16px;
                font-weight: 700;
                color: fff; 
                display:block;
                padding:10px;
            }

            #nav ul li.current a {
                background-position: top;
                color: #fff;
                background:#4F4F4F;
            }


            #nav ul li:hover{
                background: #4F4F4F;
            }

            #nav ul li:hover a{
                color: #fff;
            }
            #nav ul li.current a:hover {
                background-position: top; /*To Prevent the Current tab from changing colour on hover*/
                color: #fff;
            }

            #nav li a:link, #nav li a:visited {
                color: #fff;
            }

/* konec horizontalni menu top
----------------------------------------------- */
#boxStin {
  left: 0px;
  top: 368px;
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 950px;
  height: 20px;
  background: #fff url(../images/bottom_shadow.gif) no-repeat;
  border-top: 0px solid #c1c1c1;
  border-left: 0px solid #c1c1c1;
  border-right: 0px solid #c1c1c1;
  border-bottom: 0px solid #c1c1c1;
}



/* vertikalni menu
----------------------------------------------- */
#menuV {
	width: 200px;
	margin-top: 10px;
}
	
#menuV li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menuV li a:link, #menuV li a:visited {
	color: #777;
	display: block;
	background: url(../images/menuV.gif);
	padding: 8px 0 0 20px;
}
	
#menuV li a:hover {
	color: #257EB7;
	background: url(../images/menuV.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#menuV li a:active {
	color: #fff;
	background: url(../images/menuV.gif) 0 -64px;
	padding: 8px 0 0 25px;
}

#menuV ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* zacatek stredu
----------------------------------------------- */

#stred2 {
  position: relative;
  margin: 0;
  padding: 0;
  width: 950px;
  background: inherit;
  border: #ff000 0px solid;
  display: inline;
  clear: both;
}

#stred2 .sekce_left {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 450px;
height: auto;
color: #737277;
font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
float: left;
border-top: 0px solid #c1c1c1;
border-left: 0px solid #c1c1c1;
border-right: 0px solid #c1c1c1;
border-bottom: 0px solid #c1c1c1;
background: #fff;
}

#stred2 .sekce_right {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 450px;
height: auto;
color: #737277;
font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
float: left;
border-top: 0px solid #c1c1c1;
border-left: 0px solid #c1c1c1;
border-right: 0px solid #c1c1c1;
border-bottom: 0px solid #c1c1c1;
background: #fff;
}

#stred2 .boxObal {
  margin: 0px;
  padding: 0px;
  color: #000;
  font-family: "Tahoma",Verdana,Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: normal;
  font-size-adjust: none;
  float: left;
}

#stred2 .boxObalPict {
  margin: 2px 0px;
  padding: 0px;
  color: #000;
  font-family: "Tahoma",Verdana,Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: normal;
  font-size-adjust: none;
  float: left;
}

#stred2 .boxNadpis {
  position: relative;
  margin: 0px 40px 5px 40px;
  padding: 2px 0px;
  color: #000;
  font-family: "Tahoma",Verdana,Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: normal;
  font-size-adjust: none;
  height: auto;
  background: #inherit;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#stred2 .boxObsah {
  position: relative;
  margin: 0px 20px 5px 60px;
  padding: 5px 0px 30px 0px;
  color: #000;
  font-family: "Tahoma",Verdana,Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.4em;
  line-height: normal;
  font-size-adjust: none;
   background: #inherit;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.clearbox { 
  clear:both;
}

.cardbox_123 {
position: relative;
margin: 10px;
padding: 0;
color: #828282;
font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
border: #ccc 0px solid;
-moz-border-radius: 15px;
border-radius: 15px;
}

/* zacatek prava strana
----------------------------------------------- */
#vpravo {
  margin: 0 auto;
  width: 160px;
  color: 000;
  background: inherit;
  border: #000 0px solid;
  float: left;
}

#vpravo .boxObal {
  position: relative;
  margin: 0px 0px 10px 10px;
  padding: 0px;
  width: 150px; 
  background: inherit;
 }

#vpravo .boxSekce {
  margin: 5px 0px 5px 0px;
  padding: 5px;
  color: #000;
  background: #ffcc33 url('../images/bg_boxvpravo.jpg') no-repeat right bottom;
}

/* Floating Banner
----------------------------------------------- */
.rightWrap {
    width: 150px;
    background-color:#ff0000;
}
.banner {
    width: 150px;
    background-color: #ff0000;
}

/* patička
----------------------------------------------- */
#paticka .obalUp {
  width: 100%;
  height: 140px;
  background: #4F4F4F;
  border: #000 0px solid;
  -moz-border-radius: 0px;
  border-radius: 0px;

}

#paticka .pvlevo {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 450px;
  height: 80px;
  border: #000 0px solid;
  display: inline;
}

#paticka .pvlevoData {
  margin: 0px 0px 0px 160px;
  padding: 20px 0px 0px 0px;
}

#paticka .pstred {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 200px;
  height: 80px;
  border: #000 0px solid;
  display: inline;
}

#paticka .pstredData {
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

#paticka .pvpravo {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 150px;
  height: 80px;
  border: #000 0px solid;
  display: inline;
}

#paticka .pvpravoData {
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

#paticka {
  margin: 10px auto 20px auto;
  padding: 0;
  width: 948px;
  height: 120px;
  color: #fff;
  border: #000 0px solid;
  background: #inherit;
  -moz-border-radius: 15px;
  border-radius: 15px;
  clear: both;
}



div.hr {
  height: 10px;
  background: #fff url('../images/line_bg.gif') no-repeat scroll center;
}
div.hr hr {
  display: none;
}

div.hr_excerpt {
  height: 5px;
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
  background: #fff url('../images/hr_stin.jpg') no-repeat left top;
}
div.hr_excerpt hr {
  display: none;
}

#obal1 {
  height: 100%;
  background: #fff;
  /*url("../images/bg_left1.jpg") repeat-y left top  */
}

#obal2 {
  background: #fff; 
  /*url("../images/bg_left2.jpg") repeat-y right top  */
}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


p, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

#stred a:link {
  color: #000;
  text-decoration: underline;
}

#stred a:hover {
  color: #fff;
  text-decoration: underline;
}

#stred a:visited {
  color: #000;
  text-decoration: none;
}

.vpravo_link a:link {
  color: #000;
  text-decoration: underline;
}

.vpravo_link a:visited {
  color: #000;
  text-decoration: underline;
}

.vpravo_link a:hover {
  color: #996633;
  text-decoration: underline;
  font-weight: bold;
}

#obalme {
  margin: 0;
  padding: 0;
  width: 100%;
  border: #000 0px solid;
  background: #fff;
}

#obalme {
margin: 10px auto;
padding: 0px 0px 20px 0px;
width: 990px;
border: #000 0px solid;
background: #ffffff;
}

#bg-squares {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
height: 550px;
background: url(../images/bg-squares.png) 50% 0% no-repeat;
z-index: -9999;
}
