body {background: #333333;}
::selection {background: yellow; color: black;}

#hlavka {margin: 0 auto; text-align:center; width: 1100px;}
#hlavka .x1 {letter-spacing: 2px; text-transform: uppercase; font-size: 13px; color: yellow;}
#hlavka h1 {margin: 0px 0px 0px 0px; font-size: 70px; font-family: sylfaen; color: white;}
#hlavka .x2 {margin-top: 25px; text-align:center; font-family: trebuchet ms; font-size: 17px; color: silver;}

#content {margin: 0 auto; width: 1100px;} 
#content .left {float: left; width: 700px;}
#content .left .pozadavky {}
#content .left .pozadavkytableta {font-family: calibri; letter-spaing: 1px; line-height: 30px; font-size: 19px; color: silver;}
#content .left .pozadavky .slo1 {cursor: crosshair; font-weight: bold; color: white;}
#content .left .pozadavky .slo1:hover {color: white; transition: all 0.4s;}
#content .left .pozadavky .trwind {cursor: crosshair; font-weight: bold; background: #333333; transition: all 0.4s;}
#content .left .pozadavky .trwind:hover {background: #898989; color: white; transition: all 0.4s;}
#content .left h2 {text-transform: uppercase; border-left: 15px solid yellow; letter-spacing: 3px; padding: 0px 0px 0px 20px; color: yellow; font-family: trebuchet ms; margin: 50px 0px 10px 0px;}
#copy {margin: 0 auto; width: 1100px;}
#copy .con {text-align: center; margin-bottom: 20px; margin-top: 100px; color: silver; font-family:calibri; letter-spacing: 4px;}

#content .left .pozadavky .kroi {font-weight: bold; color: yellow; letter-spacing: 5px; font-family: courier new;}

#content .right {width: 260ox; float:right;}
#content .right .box1 {font-weight: bold; margin-top: 20px;}
#content .right .box1 a {letter-spacing: 1px; padding: 10px 16px; text-decoration:none; background: #333333; color: silver; font-size: 20px; display: block; font-family:calibri; transition: all 0.4s;}
#content .right .box1 a:hover {background: yellow; color: black; font-size: 20px; display: block; font-family:calibri; transition: all 0.4s;}
#content .sro {clear: both;}

#content .right .pocitadlo {margin-top: 50px; width: 270px;}

#content .left .toeng {margin-top: 50px;}
#content .left .toeng a {text-decoration:none; color: silver;}
#content .left .toeng a:hover {text-decoration:underline; color: silver;}


#content .left .data {line-height: 50px; ext-align:center; margin-top: 50px; width: 700px;}
#content .left .data a {font-size: 30px; font-family: arial black; text-decoration:none; padding: 5px 12px; background: silver; color: black; font-weight: bold; transition: all 0.4s;}
#content .left .data a:hover {font-size: 30px; font-family: arial black; text-decoration:none; padding: 5px 12px; background: yellow; color: black; font-weight: bold; transition: all 0.4s;}



#content .left .datavault {margin-top: 50px; width: 700px;}
#content .left .datavault a {display:block; font-size: 20px; font-family: arial black; text-decoration:none; padding: 5px 12px; background: silver; color: black; font-weight: bold; transition: all 0.4s;}
#content .left .datavault a:hover {font-size: 20px; font-family: arial black; text-decoration:none; padding: 5px 12px; background: yellow; color: black; font-weight: bold; transition: all 0.4s;}