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, b,u,i,center, dl,dt,dd,ol,ul,li,menu, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}

body{margin: 0;font-size:75%;font-family:Arial, sans-serif;  color:#000;  background:#fff url('../images/bg.jpg') repeat-x}
a{color:#000; text-decoration:none;}
a:hover{color:#c30}
.noscreen {display:none}

#main {margin:0 auto;width:930px;position:relative}
#header {width:100%;margin-bottom:30px;overflow:hidden}
#header .logo {font-size:2.2em;padding:10px;margin-top:10px;font-weight:normal;background:#111;font-family:Calibri;overflow:hidden;color:#fff;float:left;}
#header .logo p {font-size:1em;line-height:inherit;line-height:120%}



#omne{border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;padding:25px 50px 25px 10px; letter-spacing:-1px;  font-family:Georgia, serif;font-size:3.1em;font-weight:normal;   line-height:130%;}
h2{font-size: 1.5em;margin-bottom:30px;font-weight:normal;}
p{font-size:1.1em;line-height:170%}

.foto {position:absolute;top:104px;right:0;border:1px solid #ccc;padding:6px}
/* ---- menu ---- */
menu{float:right;list-style:none;margin-top:0;border-left:#E4E4E4 1px solid;padding-left:0 !important;background:#fff}
menu li{font-size:1.3em;font-family:Calibri;float:left;padding:16px 13px 10px 13px;border-right:#E4E4E4 1px solid;}
menu li a{color:#fff;text-decoration:none;padding:10px;display:block;float:left;background:#000}
menu li a:hover, menu li a.active{background:#f5f6f7;color:#000;}
menu li a strong{font-weight:normal}

/* --- obsah --- */
#content{width:600px;float:left;margin-bottom:20px;overflow:hidden;padding-right: 20px;border-right:1px solid #E4E4E4;}
#content p {padding-left:7px}
#content h2{font-size: 2em;font-family: georgia, serif;;margin:15px 0 10px 0; padding:0;}
#content h2 a{color:#c30;}
#content h2 a:hover{color:#000;}

/* --- postranni sloupec --- */
#pravy-sloupec {padding:20px 0 0 0;width:289px;float:right;}
#pravy-sloupec h2{margin:0 0 10px 0;}
#pravy-sloupec ul{margin:0 0 40px 0;width:100%; float:left;   border-top:1px solid #ccc;}
#pravy-sloupec ul li{list-style:none;margin:0;border-bottom:1px solid #ccc;font-size: 1em;display:block}
#pravy-sloupec ul li.bez, #pravy-sloupec ul li.fir {padding:6px}
#pravy-sloupec ul li a{color:#000;display:block;padding:6px;}
#pravy-sloupec ul li.fir a {display:inline;padding:0}
#pravy-sloupec ul li a:hover{color:#c30;}

/* --- posledni prace ---*/
.last-work {margin:20px 0 0 0;float:left;padding-right:5px}
.last-work li{list-style:none;padding: 25px 0 15px 0;border-bottom:1px solid #E4E4E4;border-top:1px solid #E4E4E4;color:#000;float:left;width:600px;}
.last-work h3{font-size:1.8em;font-weight:normal;font-family:Georgia, serif;margin:0 0 15px 0;padding:0;padding-left:5px}
.last-work h3 a {font-weight:normal;padding:2px;text-decoration:underline}
.last-work h3 a:hover {color:#c30}
.last-work a {font-weight:bolder;text-decoration:underline}
.last-work img{float:right;margin:-30px 0 0 10px;display:inline;border:1px solid #ccc;padding:6px}
.last-work img:hover {border:1px solid #000}
.last-work p{margin:0;padding:0;padding-left:10px;line-height:150%;width:270px;float:left;}

/* --- moje prace --- */
.moje-prace {clear:both;position:relative;margin-bottom:20px;overflow:hidden}
.moje-prace h2 {margin-bottom:10px}
.moje-prace img {float:left;padding:4px;color:#000}
.moje-prace p {width:280px;float:left;margin:10px;border:1px solid #ccc;padding:2px}
.moje-prace .info {display:block;clear:left;float:left;margin-top:2px;width:260px;padding:10px;background:#222;color:#FFF;line-height:140%;font-size:0.9em}
.moje-prace .info strong {font-size:1.2em;font-weight:normal}
.moje-prace p:hover .info {background:#c30}
.moje-prace a {color:#fff;text-decoration:underline}
.moje-prace a:hover {text-decoration:none}
.bez .info {margin-top:0;background:#333}
.bez h2{margin-bottom:5px}

/* --- kontaktni formular --- */
#kontakt {float:left;width:410px;clear:left;margin-top:20px;margin-bottom:10px}
#kontakt h2 {margin-bottom:15px}
#kontakt .chyba {float:left;margin-top:-10px;color:red}
#kontakt form {float:left;width:450px;clear:left}
#kontakt form input {background:#fff;border:#bbb 2px solid;width:200px;padding:5px 2px;color:#000;margin-bottom:8px}
#kontakt form input:focus, #kontakt form textarea:focus {border:2px solid #000}
#kontakt form textarea {background:#fff;border:#ccc 2px solid;width:295px;padding:3px 2px;color:#000}
#kontakt form label {color:#000;font-weight:normal}
#kontakt form .zprava {vertical-align:top;padding-top:3px}
#kontakt form .submit {text-align:right;}
#kontakt form .sub {background:#f5f6f7;color:#111;cursor:pointer;border:#bbb 2px solid;width:140px;padding:5px;text-align:center;font-size:1em;margin-top:8px}
#kontakt form th {text-align:right;padding-left:15px;padding-bottom:10px;width:200px}
#kontakt form td {padding-left:10px}
#kontakt form p {font-size:1em;float:left;padding-top:10px}

/* --- Footer --- */
#footer{color:#000;border-top:1px solid #E4E4E4;margin:0 0 10px 0;padding:10px 0 20px 0;clear:both;font-size:1em ;text-align:right}
#footer a{font-weight:bold;color:#000;text-decoration:underline}
#footer a:hover{color:#c30;}

.high {color:red}
