/*
Theme Name: bdesigner-template
Theme URI: http://wordpress.org/
Description: bdesigner</a>.
Version: 3.0
Author: bdesigner
Tags: blue, custom header, fixed width, two columns, widgets
*/
html, body, form, button, fieldset,h1, h2, h3, h4, h5, h6, img, p, pre,blockquote, ul, ol, dl, address,tr, th, td, table, dd, dt
{
	margin: 0;
  padding: 0;
  text-indent: 0;
  border: 0;
}
body {
color: #000;
font-family: calibri, "Trebuchet MS";
font-size: 0.88em;
margin:0;
background: #fff url("obrazky/body-darkblue.png") repeat-x;
}
body#purple {
background: #fff url("obrazky/body-purple.png") repeat-x;
}
body#purple #patka {
background: #fff url("obrazky/patka-purple.png") repeat-x;
}
body#purple .boxb {
background: url("obrazky/pravypanel-purple.png") no-repeat top right;
}
body#darkblue {
background: #fff url("obrazky/body-darkblue.png") repeat-x;
}



#celek {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#header {
width: 951px;
height: 164px;
}
#header p {
display: none;
}
#logo {
width: 300px;
height: 130px;
background: url("obrazky/logo.png") no-repeat;
float:left;
margin-top:70px;
margin-left:35px;
}
#logo a {
width: 300px;
height: 90px;
float:left;
margin-top:0px;
margin-left:0px;
display: block;
}
#clovek {
width: 470px;
height: 160px;
background: url("obrazky/clovek.png") no-repeat;
float:left;
margin-top:-29px;
margin-left:-150px;
}
#the-best {
width: 312px;
height: 26px;
background: url("obrazky/the-best.png") no-repeat;
float:right;
margin-top:17px;
margin-right:10px;
}
#woman{
width: 394px;
height: 140px;
background: url("obrazky/woman.png") no-repeat;
float:right;
margin-top:-140px;
margin-right:10px;
}
#telo {
width: 951px;
margin-top:40px;
margin-left: auto;
margin-right: auto;
}
#obsah-top{
width: 951px;
background: url("obrazky/obsah-top.png") no-repeat top center;
height:17px;
}
#obsah{
width: 951px;
float:left;
padding:0px 0px 0px 0px;
background:  url("obrazky/obsah-middle.png") repeat-y;
min-height: 600px;

}
#text{
width: 670px;
float:left;
padding:0px 0px 0px 32px;
text-align: justify;
}
#obsah-bottom{
background: url("obrazky/obsah-bottom.png") no-repeat top center;
height:18px;
clear:both;
}
#pravypanel {
width: 200px;
float: right;
font-size:90%;
padding:0px;
margin-right: 32px;
margin-top:25px;
}
#patka {
clear: both;
font-size: 90%;
height:90px;
background: #254a68 url("obrazky/patka.png") repeat-x;
}
p#obsah_patky {
width:800px;
margin-left: auto;
margin-right: auto;
padding-top:55px;
color: #ccc;
text-align: center;
}
p#obsah_patky a {
color: #ccc;
}
p#obsah_patky strong {
color: #ccc;
font-size: 120%;
}
p {
line-height: 140%;
margin-bottom: 10px;
}
p.box {
margin-left: 0;
margin-right: 0;

padding: 12px 12px 12px 12px;
font-size: 105%;
background: white;
margin-bottom: 5px;
margin-top: 0px;
border: 1px solid #ddd;
}

p.box-foto {
margin-left: 0;
margin-right: auto;
width: 96%;
padding: 12px 12px 12px 12px;
font-size: 105%;
margin-bottom: 5px;
margin-top: 0px;
border: 1px solid #ddd;
}


.ref{
float: left;
width: 320px;
margin-right: 20px;
margin-bottom: 20px;
}
a.ref-odkaz{
border:  4px solid #ccc;
padding: 1px;
display: block;
width: 100%;
}

a:hover.ref-odkaz{
border:  4px solid #666;
padding: 1px;
background: url("obrazky/box.png") repeat-x bottom;
}

.entry-wide{
width: 110%;
}
a.svetly img {  
filter: alpha(opacity=70);  
-moz-opacity: 0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8;  
border:  4px solid #ccc;
padding: 1px;
}  

a.svetly:hover img {  
filter: alpha(opacity=100);  
-moz-opacity: 1.0;  
-khtml-opacity: 1.0;  
opacity: 1.0;  
border:  4px solid #666;
}  
.datum-panylek {
margin-left: auto;
margin-right: auto;
width: 80%;
padding: 5px 0px 6px 35px;
background: url("obrazky/icons/aktualne.png") no-repeat;
background-position: 0px 0px;
line-height:140%;
font-weight: bold;
color: #666;
font-size:100%;
text-align: left;
margin-left: 0;
margin-bottom: -1px;
}

h4.datum {
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 4px 0px 4px 0px;
line-height:140%;
font-weight: bold;
font-size: 100%;
text-align: left;
margin-left: 0;
margin-bottom: -1px;
}


p.starsi-novinky {
margin-left: auto;
margin-right: auto;
width: 70%;
padding: 2px 0px 10px 35px;
background: url("obrazky/icons/sipka-right.png") no-repeat;
background-position: 0px -1px;
line-height:100%;
font-weight: bold;
}
.shlednout-ref {
margin: 10px 0 0 10px;
width: 200px;
height:50px;
padding: 3px 0px 10px 35px;
background: url("obrazky/icons/sipka-right.png") no-repeat;
background-position: 0px 0px;
line-height:100%;
font-weight: bold;
}

img.thumbnail-posl-tv {
margin-left: 7px;
margin-top:5px;
margin-bottom:5px;
}
h4.posl-tv {
margin-left: 0;
margin-right: auto;
width: 70%;
padding: 6px 0px 10px 40px;
background: url("obrazky/icons/posl-tv.png") no-repeat;
background-position: 5px 1px;
line-height:130%;
font-weight: bold;
font-size: 14px;
}
ol {
margin : 0px 0px 0px 0px;
padding : 0;
list-style-image: URL('obrazky/odrazka.png');
}
ol li {
margin : 0px 5px 0px 30px;
padding : 0px 0 5px 5px;
list-style-type: none;
}

.nabidka
{
margin-left: 5px;
padding-left: 0;
list-style: none;
}

.nabidka li
{
padding-left: 35px;
padding-bottom:14px;
padding-top:4px;
background: url("obrazky/icons/true.png") no-repeat 0 0px;

}

.nabidka-gold
{
margin-left: 5px;
padding-left: 0;
list-style: none;
width: 60%;
float: right;
}

.nabidka-gold li
{
padding-left: 35px;
padding-bottom:19px;
margin-bottom:2px;
background: url("obrazky/icons/true.png") no-repeat 0 -2px;

}


.goldovina
{
width: 100%;
float : left;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 25px;
border-bottom: 10px dotted #ccc;
text-align: left;
}



.nase-prace
{
margin-left: 5px;
padding-left: 0;
list-style: none;
margin-top: 7px;
}

.nase-prace li
{
padding-left: 20px;
padding-bottom:8px;
margin-bottom:2px;
background: url("obrazky/icons/true2.png") no-repeat 0 0px;

}
li.ne
{
padding-left: 20px;
padding-bottom:8px;
margin-bottom:2px;
background: none;

}



ul
{
margin-left: 15px;
padding-left: 0;
list-style: none;
}

ul li
{
padding-left: 20px;
padding-bottom:8px;
margin-bottom:2px;
background: url("obrazky/icons/odrazka-sipka.png") no-repeat 0 3px;
font-size: 105%;
}
.postranni
{
margin-left: 2px;
padding:0;
list-style: none;
font-weight: bold;
padding-top: 5px !important;
}
.postranni li 
{
padding-left: 0px;
padding-bottom:3px;
padding-top:1px;
padding-right:3px;
background: none;
margin-bottom:5px;
font-size: 105%;
display: inline;
}
.postranni li a
{
padding:4px 10px 4px 10px;
text-decoration: none;
border:0;
height:30px;

}
.postranni li a:hover
{
color: #000;
}
.postranni li a:link.active, .postranni li a:visited.active
{
color: #fff;
text-decoration: none;
background: #1f3542;
}
h2 {
font-family: 'Open Sans Condensed', sans-serif;
letter-spacing:0.5px;
margin: 6px 0px 5px 0px;
padding: 10px 0px 0px 0px;
font-size: 34px;
font-weight: bold;
color: #213E55;
border-bottom : 0px dashed #213E55;
}
h2.reference-nadpis {
margin: 0 0px 0px 0px;
padding: 10px 0px 10px 0px;
font-size: 100%;
font-weight: normal;
color: #213E55;
border:0;
}
h1 {
width: 0px;
height: 0px;
margin:0;
padding:0;
}
h1 span {
display: none;
}
h3.wp {
margin: 10px 40px 0px 0px;
padding: 17px 0px 0px 78px;
font-size: 25px;
font-weight: bold;
color: #213E55;
background: url("obrazky/icons/wp-icon.png") no-repeat;
height:50px;
}
h3.logo-bd {
display: block;
margin: 30px 0px 15px 0px;
padding: 20px 0px 0px 115px;
font-size: 25px;
font-weight: bold;
color: #213E55;
background: url(obrazky/logo-h3.png) no-repeat 0 20px;
clear: both;
}
h3.nabidka {
margin: 10px 15px 3px 0px;
padding: 0px 5px 5px 46px;
border-bottom : 0px solid #E7D79B;
font-size: 25px;
font-weight: bold;
color: #525252;
background: url("obrazky/icons/otaznik.png") no-repeat;
}
h3 {
margin: 10px 0px 10px 0px;
padding:2px 5px 10px 48px;
border-bottom : 0px solid #E7D79B;
font-size: 25px;
font-weight: bold;
color: #213E55;
background: url("obrazky/icons/reference.png") no-repeat;
font-family: 'Open Sans Condensed', sans-serif;
}



.ref h3 {
font-family: 'Open Sans Condensed', sans-serif;
letter-spacing:0.5px;
margin: 0px 0px 0px 0px;
padding:10px 5px 5px 0px;
border-bottom : 0px solid #E7D79B;
font-size: 28px;
font-weight: bold;
color: #213E55;
background: none;
}
.ref h3 a {
text-decoration: none;
}
.ref h3 a:hover {
color: #000;
}  


h3.nadpis-aktuality {
margin: 5px 0px 8px 0px;
padding:3px 5px 4px 35px;
border-bottom : 1px solid #ddd;
font-size: 110%;
font-weight: bold;
color: #666;
background: url("obrazky/icons/starsi-novinka.png") no-repeat;
}


h3.reference {
margin: 10px 0px 0px 0px;
padding: 17px 5px 5px 47px;
border-bottom : 0px solid #E7D79B;
font-size: 130%;
font-weight: normal;
color: #E33534;
background: url("obrazky/icons/reference.png") no-repeat;
}
h3.navrh {
background: url("obrazky/icons/psatweb.png") no-repeat;
}
h3.graf-navrh {
background: url("obrazky/icons/graf-navrh.png") no-repeat;
}
h3#kodovani {
background: url("obrazky/icons/kodovani.png") no-repeat;
margin: 0px 0px 10px 0px;
padding:12px 5px 10px 60px;
border-bottom: 0px solid #E7D79B;
font-size: 130%;
font-weight: normal;
color: #666;
clear:both;
}
h3.programovani {
background: url("obrazky/icons/programovani.png") no-repeat;
}
h3.optimalizace {
background: url("obrazky/icons/optimalizace.png") no-repeat;
padding-left: 55px;
padding-top: 6px;
}
h3.dokoncovani {
background: url("obrazky/icons/dokoncovani.png") no-repeat;
}
h3.upoutavka {
background: url("obrazky/akce.png") no-repeat;
margin: 0px 0px 0px 0px;
padding: 15px 20px 5px 55px;
height:25px;
}
h4 {
margin: 0px 0px 0 0;
padding: 0px 0px 0px 5px;
font-size: 90%;
font-weight: bold;
color: #000;
text-align:left;
border: 0px solid #98002F;
}
h4.panel {
margin: 0px 0px 5px 0px;
padding: 9px 0px 3px 0px;
font-size: 105%;
font-family: sans-serif;
font-weight: bold;
text-align:center;
border-bottom: 1px dashed #213E55;
width: 150px;
font-style: italic;
}

h5 {
margin: 0px 15px 0px 25px;
padding: 0px 5px 5px 20px;
font-size: 110%;
color: #E33534;
}
a:link {
color: #285070;
}
a:visited {
color: #285070;
}
a:hover {
color: #666666;
text-decoration: none;
}
strong {
font-weight: bold;
color: #285070;
}
b {
font-weight: bold;
color: #008000;
}
table { 
margin-top:0px;
margin-bottom:10px;
text-align: left;
width: 99%;
margin-left: 5px;
border:2px solid #ccc;
}
td {
   background: url(obrazky/box.png) repeat-x bottom;
  padding:5px;
  border:1px solid #ddd;
   }
   td small {
    font-size: 90%;
   line-height: 150%;
   }
.jine td {
   background: #f5f5f5;
   padding:5px;
border:1px solid #ddd;
   }
   
   .hlavicka td {
   background: #1f3542;
   padding:8px;
border:1px solid #ddd;
font-size: 120%;
color: white;
   }
      .hlavicka td span {
background: white;
color: black;
padding: 2px 5px 2px 5px;
   }


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img {
	border: 0px solid  #000;
	}
img.alignright {
	padding: 10px 0px 10px 10px;
	margin: 0 0px 0px 7px;
	display: inline;
	float: right;
	}
	img.alignright-right {
	padding: 0px 0px 10px 10px;
	margin: 0 0px 2px 7px;
	display: inline;
	float: right;
	}
img.alignleft {
	padding: 5px;
	margin: 5px 0px 2px 25px;
	display: inline;
	float: left;
	}
	
	
.entry22
{
margin-bottom: 30px;
border-bottom: 1px dashed #ccc;

}		
	
	
	
.obal
{
margin-top: -26px;
float: right;
width:930px;
margin-right:-37px;
}	
.nav
{
margin: 0 5px 0 0;
padding: 0px 0px 0px 0px;
}
.nav li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
.nav a:link, .nav a:visited
{
float: left;
min-width: 60px;
font-size: 100%;
font-weight: bold;
padding: 10px 12px 0px 12px;
text-decoration: none;
text-align: center;
color: #fff;
height:27px;
background: #254a68 url("obrazky/vmenu.png");
margin-left:3px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.nav li.current_page_item a, .nav li.current-page-ancestor a, .nav li.current-menu-item a, .nav li.current-post-ancestor a, .nav a:hover, .nav li.current-cat a
{
color: #000;
background: #000 url("obrazky/vmenu-hover.png");
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.nav a:link.gold, .nav a:visited.gold
{
color: #000;
background: #000 url("obrazky/vmenu-gold.png");
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
}






.drobeckova-navigace 
{ 

font-size:90%;
margin-top: 3px;
float: left;
width:35%;
margin-left:35px;
margin-bottom: 0px;
} 

.drobeckova-navigace-long
{ 

font-size:90%;
margin-top: 3px;
float: left;
width:370px;
margin-left:35px;
margin-bottom: 0px;
}
.drobeckova-navigace-single
{ 
font-size:90%;
margin-top: 3px;
float: left;
width:100%;
margin-left:67px;
margin-bottom: 0px;
}  

.pomuzeme
{ 

font-size:90%;
margin-top: 3px;
float: right;
width:490px;
text-align: right;
margin-right:35px;
margin-bottom: 0px;
}



.boxb-new
{
background:  url("obrazky/pravypanel-new.png") repeat-x top right;
padding-left:10px;
padding-right:10px;
min-height: 200px;
margin-top: -1px;
padding-bottom: 10px;
margin-bottom: 10px;
}

.boxb-new h4.panel {
font-family: 'Open Sans Condensed', sans-serif;
letter-spacing:0.5px;
margin: 0px 0px 10px 0px;
padding: 7px 0px 7px 0px;
font-size: 25px;
font-weight: bold;
color: #fff;
font-style: normal;
border: 0;
text-align: left;
}
.boxb-new p
{
margin-top: 2px;
color: white;
}
.boxb-new p a
{
color: #ddd;
}

.nahover
{

}
.nahover:hover
{

}


h4.panel2 {
font-family: 'Open Sans Condensed', sans-serif;
letter-spacing:0.5px;
margin: 0px 0px 5px 0px;
padding: 7px 0px 7px 0px;
font-size: 25px;
font-weight: bold;
color: #666;
font-style: normal;
border: 0;
text-align: left;
}
.boxb
{
background:  url("obrazky/pravypanel.png") repeat-x top right;
padding-left:10px;
padding-right:10px;
min-height: 200px;
}

.boxb p
{
margin-top: 2px;
}
.boxb h5
{
font-size: 16px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:  #285070;
}

.boxbb-sub
{
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
border: 1px solid #666;
margin-bottom: 11px;
margin-top: -2px;
background: black url(obrazky/sub.png) repeat-x;
}
.boxbb-sub h4
{
color: white;
}

.boxbb-sub ul
{
margin:0;
padding:0;
}
.boxbb-sub ul li
{
border-top: 2px solid #666;
margin:0;
padding:0;
background: none;
}
.boxbb-sub ul li a
{
display: block;
background: url(obrazky/vmenu.png) repeat-x;
color: white;
padding: 5px 8px 7px 8px;
margin: 0 0 1px 0;
text-decoration: none;
font-size: 14px;
}
.boxbb-sub ul li a:hover, .boxbb-sub ul li.current_page_item a
{
background: url(obrazky/popt-tlac.png) repeat-x;
}





.boxbb
{
padding-left:10px;
padding-right:10px;
min-height: 200px;
}
.boxbb p
{
margin-top: 2px;
}
.boxbb p.vpravo
{
margin-top: 2px;
text-align: right !important;
font-size: 110%;
}
.boxbb p a.wweb
{
background:  url("obrazky/icons/odkaz.png") no-repeat top right;
padding-right: 34px;
padding-top: 2px;
padding-bottom:6px;
float: right;
clear: both;

}
.boxbb h5
{
font-size: 16px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:  #285070;
}
strong.big
{
font-size: 16px !important;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:  #285070;
}

.cr
{
width: 180px;
border-top: 1px solid #ccc;
clear: both;
display: block;
margin-top: 5px;
margin-bottom: 5px;
float: left;
}

a.popt-tlac
{
display: block;
background: url("obrazky/popt-tlac.png") repeat-x;
height: 21px; 
width: 130px;
color: white;
font-weight: bold;
padding-top:6px;
padding-left: 5px;
padding-right: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 14px;

}





.box1
{

background: #c7e2f6 url("obrazky/icons/otaznik.png") no-repeat 160px 5px;
padding-left:10px;
padding-right:10px;
border-bottom: 4px solid #ccc;
margin-bottom:10px;

}


	#reference
{ 
float:left; 
width:260px; 
margin:2; padding:2; 
font-size:100%; 
}  
posledni_tvorba {
margin : 5px;
padding : 0 0 3px 5px;
font-size : 90%;
font-weight : normal;
color : #069;
}
.obal-ref {
padding:0px;
margin-left:0px;
width :95%;
text-align: left;

}
.obr {
float:left; 
margin:10px 0 0 3px; padding:0;  
}
.obr-webdesign { 
margin:10px 0 0 3px; padding:0;  
width: 306px;

}
.text {
     border-left: 1px dotted #213E55;
     padding: 16px;
     margin-left:322px;
     min-height:170px;
}
.new {
background:  url("obrazky/icons/starsi-novinka.png") no-repeat 0px 0px;
border-bottom : 1px dashed #8E002F;
font-weight: bold;
width :90%;
padding-top:3px;
padding-bottom:5px;
padding-left: 35px;
margin-top:10px;
font-size:110%;
margin-left:10px;
}
#novinka {
font-size: 90%;
line-height:130%;
padding: 10px;
color: #000;
}
.odkaz {
margin-left:0px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
width :90%;
background:  url("obrazky/icons/odkaz.png") no-repeat;
}
.odkaz-popis {
font-size: 90%;
margin-right:20px;
margin-left: 30px;
padding-bottom:15px;
}
.starsi-novinka {
font-size: 90%;
margin-right:20px;
margin-left: 30px;
padding-bottom:15px;
}
a.dalsi-ref {
font-size: 170%;
border-top:1px dashed black;
margin-left: 0px;
margin-top:60px;
margin-bottom:60px;
padding-top:15px;
float:left;
width:600px;
}



#nabidka-panely {
margin-left: auto;
margin-right: auto;
width: 100%;
font-size: 95%;
text-align: left !important;
line-height: 140%;

}
#nabidka-panely h2 {

font-family: 'Open Sans Condensed', sans-serif;
letter-spacing:0.5px;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 27px;
font-weight: bold;
color: #213E55;
}
#ind h2 {

font-family: 'Open Sans Condensed', sans-serif;
letter-spacing:0.5px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 10px 55px;
font-size: 27px;
font-weight: bold;
color: #213E55;
text-align: left;
}
#ind p {


height: 265px;
text-align: left;
margin-bottom:0 !important;
padding-bottom: 0!important;
}
#ind h2.prvni {
background:url("obrazky/icons/kodovani.png") no-repeat 0 0px;
}
#ind h2.druhy {
background:url("obrazky/icons/optimalizace.png") no-repeat 0 0px;
}


.nabidka-panely-1 {
width:190px;
height: 265px;
float:left;
padding: 0px 10px 0px 10px;
background:  url("obrazky/panel-nabidka-1.png") no-repeat 0 -50px;
cursor: pointer;
}
.nabidka-panely-1:hover, .nabidka-panely-2:hover, .nabidka-panely-3:hover {
background:  none;
}
.nabidka-panely-1:hover p, .nabidka-panely-2:hover p, .nabidka-panely-3:hover p {
display: block !important;
}
#nabidka-panely p {
padding: 0;
margin:0;
display: none;
}
.nabidka-panely-2 {
margin-left:20px;
float:left;
width:190px;
height: 265px;
padding: 0px 10px 0px 10px;
background:  url("obrazky/panel-nabidka-2.png") no-repeat 0 -50px;
cursor: pointer;
}
.nabidka-panely-3 {
margin-left:20px;
float:left;
width:190px;
height: 265px;
padding: 0px 10px 0px 10px;
cursor: pointer;
background:  url("obrazky/panel-nabidka-3.png") no-repeat 0 -50px;
}









.wpcf7 {
background: #fff;
padding: 15px !important;
border-top: 10px solid #ddd;

}

form {
padding: 0;
margin:0;

}
input {
padding: 4px;
margin:0;
width:200px;
border: 2px solid #ddd;
background:  url("obrazky/input.png") repeat-x;

}

input.tlac {
padding: 4px;
margin:0px 0 0 0;
width:100px;
border: 2px solid #ddd;
background:  url("obrazky/input-tlac.png") repeat-x;
color: white;
clear:both;
display: block;
}



span .radion input {
padding: 0px 0px 0px 0px;
margin:5px 0 0 0 !important;
width:30px !important;
border: 0px solid #ddd;
background: none;
}


span .wpcf7-list-item {
display: block;
}

input.vyber {
padding: 0px 0 0 0px;
margin:0px 0 0 0px;
width:20px !important;
border: 0px solid #ddd;
font-size:110%;


}


p#objednavka input {
padding: 0px 0 0 0px;
margin:10px 0 0 15px;
width:50px !important;
border: 0px solid #ddd;
font-size:110%;

}
textarea {
padding: 4px;
margin:0;
width:500px;
border: 2px solid #ddd;

}

input.spam{
padding: 4px;
width:70px;
display: inline;
border: 2px solid #ddd;
float: left;
margin-left: 10px;
margin-bottom: 15px;
margin-top: -22px !important;
}
img.wpcf7-captcha-captcha-49{
float: left;
display: inline;
}
span.hvezdicka{
font-size: 140%;
color: red;
}


#galerie{
margin:5px 0px 0px 0px;
width:710px;
}
.obr-galerie { 
margin:0px 13px 20px 0px; 
padding:0px;  
width: 210px;
float:left;
}


h2.reference-nadpis a { 
background: green;
font-weight: bold;
color: white;
padding: 5px;
font-size: 90%;
border: 2px solid #9EBF00;
background: #254a68 url("obrazky/vmenu-hover.png");
}
p.dat-ref { 
float: right;
width:35%;
background: #ccc;
font-weight: bold;
color: black;
padding: 5px;
font-size: 90%;
margin-top:0px;
text-align: center;
margin-bottom:10px;
}
.navigation { 
padding:10px;
border: 1px solid #ddd;
height: 18px;
font-weight: bold !important;
}
.navigation .alignleft { 
float: left;
}
.navigation .alignright { 
float: right;
}


dt.gallery-icon { 
width: 165px;
float:left;
margin-bottom: 5px;
}

.gallery-caption { 
font-size: 90%;
margin-bottom: 10px;
width: 150px;
padding-left:5px;
}

    dt.gallery-icon a:hover { 
display: block;
border:3px solid #29467d;
width:150px;
}
    dt.gallery-icon a { 
display: block;
border:3px solid #ccc;
width:150px;
}
    dt.gallery-icon img { 
border:0 !important;
margin: 0 0 0 0!important;
padding:0 !important;
}


#gallery-1 { 
margin-left:10px !important;
}


.cara-loga { 
width: 100%;
border-bottom: 1px dashed #ccc;
padding-top: 15px;
margin-bottom: 25px;
}



#video-gallery-wrapper {
background: #c7e2f5;
margin-top: 5px;
margin-bottom: 10px;
width: 660px;
padding:5px;

}





#sipka-left{
width: 34px;
height: 48px;
margin-top: -140px;
margin-left: -5px;
float: left;
background: url("obrazky/sipka-left.png") no-repeat;
display: block;
position: absolute;
}
#sipka-left a{
display: block;
width: 34px;
height: 48px;
color: #565656;
}
#sipka-right{
width: 34px;
height: 48px;
margin-top: -140px;
margin-left: 848px;
float: right;
background: url("obrazky/sipka-right.png") no-repeat;
display: block;
position: absolute;

}
#sipka-right a{
display: block;
width: 34px;
height: 48px;
color: #565656;
}
#image-gallery-wrapper {
background: #c7e2f5;
margin-top: 5px;
margin-bottom: 5px;
width: 877px;
height: 190px;
float: left;
padding-left:5px;
padding-right:5px;
padding-top: 5px; 
margin-left: 0px;
}

#image-gallery {
	margin:0 auto;
}
.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:877px; /*Width of Carousel Viewer itself*/
height:190px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}
.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
}
.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
}
.stepcarousel .panel p{
text-align:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
}
.stepcarousel .panel img{
float:left; /*leave this value alone*/
width: 216px;
height: 140px;
margin-right: 5px;
margin-bottom:5px;
}

  h2.projekt {
margin: 0px 0px 0px 0px;
padding: 9px 0px 3px 10px;
height:24px !important;
line-height:120%;
font-size: 16px;
font-weight: bold;
color: #285070;
background: #fff;
width: 206px;
text-align: left !important;
vertical-align: middle;
letter-spacing: 0px;
clear: both;
border-bottom:5px solid #2c5082;
display: block;
}

  h2.projekt a {

text-decoration: none;
}
  h2.projekt a:hover {
color: #666;
}




#sipka-left-ref{
width: 34px;
height: 48px;
margin-top: -15px;
margin-left: 21px;
float: left;
background: url("obrazky/sipka-left.png") no-repeat;
display: block;
position: absolute;
}
#sipka-left-ref a{
display: block;
width: 34px;
height: 48px;
color: #565656;
}
#sipka-right-ref{
width: 34px;
height: 48px;
margin-top: -15px;
margin-left: 896px;
float: right;
background: url("obrazky/sipka-right.png") no-repeat;
display: block;
position: absolute;

}
#sipka-right-ref a{
display: block;
width: 34px;
height: 48px;
color: #565656;
}