* { margin: 0; padding: 0; }

body {background: #f6f6f6;font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;color: #333;text-align: center;}

/* links */
a, a:visited {text-decoration: none;color: #5e6e00;}
a:hover {text-decoration: underline;}

/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: Bold;}
h1 {font-size: 120%;}
h2 {font-size: 110%;}
h3 {font-size: 110%;color: #666666;}

/* images */
img {border: 0;}

h1, h2, h3, p {padding: 10px;	margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;color: #000;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {width: 900px;margin: 0 auto;text-align: left;}
#content-wrap {clear: both;width: 900px;padding: 0;margin: 0 auto;}
#header {width: 100%;height: 104px;background: #4b2614 url(../img/hader-repeat.jpg) repeat-x center top;padding: 0;text-align:left;}
#header .header-norep{background: url(../img/hader-bg.jpg) no-repeat; height:104px;}
#header .content {position: relative;width: 900px;margin: 0 auto;}
#header .content .logo {position: absolute;top: 30px; left:0;}
#header .content .logo a, #header .logo span {display: block;float:left;width: 250px;height: 9px;padding: 33px 0 0 0;color: #272727;text-align:center;font-size: 0px;}
#header .content .logo a {position: relative;text-align:left;}
#header .content .logo span {position: absolute;top: 0;	left: 0;cursor: pointer;}
#header .content .logo a span {background: url(../img/logo.png) left center no-repeat;}
#header .content .slogan {position: absolute;top: 30px; left:270px;background: url(../img/slogan.png) left center no-repeat;width: 331px;height: 42px;}

/* Menu */
#menu {clear: both;margin: 0;padding:0;background: url(../img/menu-bg.jpg) repeat-x center top;font: bold 15px/26px Verdana, Arial, Tahoma, Sans-serif;height: 66px;}
#menu ul {list-style: none;margin:0 auto; padding: 0;width: 900px;}
#menu ul li {display: inline;}
#menu ul li a {display: block;float: left;text-decoration: none;background: url(../img/menu-li.gif) no-repeat;margin: 0 20px 0 0;}
#menu ul li a.uvod{width: 80px;height:66px;background-position: left bottom;}
#menu ul li a.sluzby{width: 123px;height:66px;background-position: -100px bottom;}
#menu ul li a.reference{width: 115px;height:66px;background-position: -255px bottom;}
#menu ul li a.kontakty{width: 140px;height:66px;background-position: -395px bottom;}
#menu ul li a:hover.uvod{background-position: left top;}
#menu ul li a:hover.sluzby{background-position: -100px top;}
#menu ul li a:hover.reference{background-position: -255px top;}
#menu ul li a:hover.kontakty{background-position: -395px top;}
#menu ul li.current a.uvod{background-position: left top;}
#menu ul li.current a.sluzby{background-position: -100px top;}
#menu ul li.current a.reference{background-position: -255px top;}
#menu ul li.current a.kontakty{background-position: -395px top;}

/* Prezentace */
#prezent{background: url(../img/prezent.jpg) repeat-x;height: 250px;}
#prezent .content{width: 900px;margin: 0 auto;}
#prezent li .reference{position:relative;float:left;width: 320px;margin: 15px 0 0 0;}
#prezent li .reference .border{background: url(../img/prezent-border.png) no-repeat;width:314px;height:214px;padding: 7px;text-align:left;}
#prezent li .info{float:right;width: 550px;text-align:left;margin: 15px 0 0 0;}
#prezent li .info h1{color:#FFF;text-shadow:#d1c6c8 3px 3px 3px;font-size: 24px;}
.anythingSlider {width: 900px;height: 250px;margin: 0 auto;}
.anythingSlider .start-stop {display: none;}
.anythingSlider .anythingWindow {overflow: hidden;position: relative;width: 100%;height: 100%;}
.anythingSlider {position: relative;padding: 0 45px 28px 45px;}
ul.anythingBase {background: transparent;list-style: none;position: absolute;top: 0;left: 0;margin: 0;padding: 0;}
ul.anythingBase li.panel {background: transparent;display: block;float: left;padding: 0;margin: 0;}
.anythingSlider .arrow {position: absolute;display: block;clear:both;top: 50px}
.anythingSlider .arrow a {display: block;height: 33px;width: 32px;text-align: center;outline: 0;background: url(../../../img/prezent-navigation.png) no-repeat;text-indent: -9999px;}
.anythingSlider .forward { left: 13px;top: 83px; }
.anythingSlider .back { left: 13px;top: 50px; }
.anythingSlider .forward a { background-position: center bottom; }
.anythingSlider .back a { background-position: center top; }
.anythingSlider .thumbNav li { display: none; }

/* Main Column */
#main {margin: 0 auto;width: 90%;padding: 0;min-height: 350px;}
#main h1{color:#4a4a4a;}
#main h1.reference{background: url(../img/nadpis-reference.gif) no-repeat;width:117px;height:24px;margin: 20px 0 0 0;}
#main h1.kontakty{background: url(../img/nadpis-kontakt.gif) no-repeat;width:117px;height:24px;margin: 20px 0 0 0;}
#main h1.sluzby{background: url(../img/nadpis-sluzby.gif) no-repeat;width:117px;height:24px;margin: 20px 0 0 0;}

#main .reference{clear:both;}
#main .reference .obr{position:relative;float:left;width: 320px;margin: 15px 0 0 0;}
#main .reference .obr .border{background: url(../img/prezent-border.png) no-repeat;width:314px;height:214px;padding: 7px;text-align:left;}
#main .reference .info{float:right;width: 480px;text-align:left;margin: 15px 0 0 0;}
#main .reference .info h2{color:#000;font-size: 18px;}
#main .reference .info p.popis, #main .reference .info p.popis a{color:#878787;}
#main .reference .info p.popis em{color:#3f3f3f;}
#main .reference .info .quote{color: #a5a5a5;position:relative;padding: 15px 25px;margin: 10px 0 0 10px;}
#main .reference .info .quote .top{background: url(../img/quote.png) no-repeat left top;width:19px;height: 17px;position: absolute;top:0;left:0;}
#main .reference .info .quote .down{background: url(../img/quote.png) no-repeat right top;width:19px;height: 17px;position: absolute;bottom:0;right:0;}

/* Sidebar left */	
#sidebar-left {float: left;width: 49%;padding: 0; margin: 0;}	
#sidebar-left h1 {margin-top: 30px;padding: 0 10px;}
#sidebar-left h1.webdesign{background: url(../img/h1-webdesign.png) no-repeat;height:90px;}
#sidebar-left h1.graficke-prace{background: url(../img/h1-graficke-prace.png) no-repeat;height:90px;}
#sidebar-left p{padding: 0 10px; }

/* Sidebar right */	
#sidebar-right {float: right;width: 49%;padding: 0; margin: 0;}	
#sidebar-right h1 {margin-top: 30px;padding: 0 10px;}
#sidebar-right h1.optimalizace{background: url(../img/h1-optimalizace.png) no-repeat;height:90px;}
#sidebar-right h1.redesign{background: url(../img/h1-redesign.png) no-repeat;height:90px;}
#sidebar-right p{padding: 0 10px; }

/* Footer */
.fspace{height: 40px;clear:both;width: 100%;}	
#footer {background: #22251d url(../img/footer-bg.png) repeat-x center top;clear: both;padding: 10px 0;text-align:left;}
#footer .content {width: 900px;color: #484a44;margin: 0 auto;}
#footer hr{background: #484a44;height: 1px;border: 0;margin: 0 0 10px 0;}
#footer a{color: #484a44;text-decoration: none;}
#footer a:hover{text-decoration: underline;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.mar0auto{margin:  0 auto;}

/* display and additional classes */
.clear { clear: both; }
.no-disp { display:none; }


.buttonek { background:white;
border: 2px solid black;
 }


 .formik{ background:white;
border: 1px solid black;
 }