html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1.5;color:#222}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:'' ''}
header,section,footer,aside,nav,article{display:block}
@font-face{font-family:"Pictos";src:url(/font/pictos-web.eot);src:url(/font/pictos-web.eot?iefix) format('eot'),url(/font/pictos-web.woff) format('woff'), url(/font/pictos-web.ttf) format('truetype'), url(/font/pictos-web.svg) format('svg')}
body { width: 980px; margin: 0 auto; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Tahoma, Verdana, Arial, sans-serif; background: #fff url(/img/light-background.jpg) repeat; text-shadow: 0 1px 0 white; font-size: 90%; }
p, ul, ol, dl { margin-bottom: 1em; clear: both; }
a:link, a:visited { color: #900; padding: 5px 15px; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 0 #fff; }
a:hover, a:active, a:focus { text-decoration: underline; background-color: #ffc; }
a:active { top: 1px; }
strong { font-weight: bold; }
em { font-style: italic; }
dt a:link { padding: 0; }
dd a:link { padding: 0; }
header { overflow: visible; height: 85px; position: relative; margin-top: 30px }
h1 { position: fixed; }
h1, h1 a { text-indent: -9999px; margin-top: -5px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
h1 a:link, h1 a:visited { width: 211px; height: 80px; float: left; padding: 15px 10px 0; background: transparent url(/img/webtranslation-logo.png) no-repeat 50% 50%; }
h1 a:hover, a:active, a:focus { background-color: #ffc }
.languages { position: absolute; top: 5px; right: -5px; font-size: 10px; }
.languages li { display: inline }
h2, h3, h4 { clear: both; font-family: Georgia, Times New Roman; }
h2 { font-size: 28px; margin-bottom: 10px; border-bottom: 2px dashed #ccc; }
h3 { color: #900; font-size: 22px; margin-bottom: 10px; font-family: Georgia; border-bottom: 1px dashed #900; }
h4 { font-size: 18px; font-weight: bold; border-bottom: 1px dashed #ccc; }
ul li { margin-left: 2.5em; list-style: disc; line-height: 175%; }
nav { float: right; margin: 35px 5px 0; font-size: 110%; width: 630px; }
nav ul { margin-bottom: 0; text-align: right; margin-right: -15px; }
nav li { display: inline; margin: 0 5px; }
nav a { padding: 5px 0; text-decoration: none !important; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
nav a:hover, nav a:focus { }
#sluzby:before, #reference:before, #o-nas:before, #kontakt:before {
font-family: "Pictos" !important;
content: 'W';
font-weight: 400;
font-style: normal;
text-transform: none;
line-height: .55;
vertical-align: top;
margin: 0 6px 0 0;
font-size: 22px;
}
#reference:before {
content: 'G'
}
#o-nas:before {
content: 'q'
}
#kontakt:before {
content: 'M'
}
#container { min-height: 23em; padding: 10px; }
aside { min-height: 23em; width: 300px; padding: 0 10px 10px; float: left; position: fixed; }
aside dt { line-height: 300%; }
aside a:link { display: block; padding: 2px 0; text-decoration: none !important; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
aside a:hover, aside a:focus { padding-left: 10px; }
aside hr { border: 0; border-bottom: 2px dashed #ccc; }
#content { width: 640px; padding: 0 10px 10px; float: right; }
#content a { padding: 0; }
label { width: 130px; text-align: left; padding-right: 10px; float: left; clear: left; line-height: 30px; }
input, select, textarea { margin-left: 5px; float: left; line-height: 22px; height: 22px; margin-bottom: 4px; padding: 2px 6px; border: 1px solid #ccc; box-shadow: 0 0 6px #ccc; width: 170px; background: #fff url(/img/form-bg.png) repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus { border: 1px solid #999; box-shadow: 0 0 6px #999; }
textarea { width: 300px; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Tahoma, Verdana, Arial, sans-serif; height: 100px; font-size: 11px; }
input[type="submit"] { clear: both; margin-left: 145px; padding: 5px 10px; width: 184px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; font-weight: bold; font-size: 16px; background: #008a00; color: #fff; height: 34px; }
input[type="submit"]:hover, input[type="submit"]:focus { background: #006a00; }
input[type="submit"]:active { background: #004a00; }
.kontakt { margin-bottom: 5px; overflow: auto; }
.kontakt dt { width: 140px; float: left; clear: left; margin-bottom: 10px; }
.kontakt dd { margin-left: 5px; float: left; }
#message { -moz-box-shadow:rgba(100,100,100,0.5) 0 1px 6px 0,rgba(255,255,255,0.3) 0 1px 0px 0 inset; -webkit-box-shadow:rgba(100,100,100,0.5) 0 1px 6px 0,rgba(255,255,255,0.3) 0 1px 0px 0 inset; box-shadow:rgba(100,100,100,0.5) 0 1px 6px 0,rgba(255,255,255,0.3) 0 1px 0px 0 inset; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:11px; font-weight:bold; margin-bottom:20px; padding:10px; color:#fff; text-align:left }
#message.success { background:#008a00; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6cd136), color-stop(100%, #008a00)); background:-webkit-linear-gradient(#6cd136,#008a00); background:-moz-linear-gradient(#6cd136,#008a00); background:-o-linear-gradient(#6cd136,#008a00); background:-ms-linear-gradient(#6cd136,#008a00); background:linear-gradient(#6cd136,#008a00); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #008a00; text-shadow:0 -1px 0px #008a00 }
#message #success { padding-left: 50px; font-size: 14px }
#message .alert-icon { font-size: 36px; position: absolute; margin-left: -47px; margin-top: -32px; color:#fff }
#message .success { margin-top: -3px; font-size: 29px; margin-left: -42px }
.pictos { font-family: "Pictos" !important; }
.reference { margin-right: -10px; }
.reference li { list-style: none; float: left; margin: 0 8px 8px 0; }
.reference a { border: 1px solid #ccc; width: 120px; height: 120px; display: block; padding: 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position: relative; overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.reference span { background-color: rgba(0, 0, 0, .35); didplay: block; color: #fff; text-shadow: 0 1px 0 #333; display: block; line-height: 30px; position: absolute; bottom: 0; width: 100%; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-align: center; bottom: -40px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.reference a:hover, .reference a:focus { -webkit-box-shadow: 0 0 10px 5px #ffc; -moz-box-shadow: 0 0 10px 5px #ffc; box-shadow: 0 0 10px 5px #ffc; }
.reference a:hover span, .reference a:focus span { bottom: 0; }
footer { overflow: auto; padding: 10px; clear: both; }
footer p { float: right; clear: none; margin-bottom: 0; }
footer ul { float: left; clear: none; margin-bottom: 0; }
footer li { display: inline; }