* {margin: 0; padding: 0; border: none;}
body {font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; background-image:url(../images/bgr.png); background-repeat: repeat;}

.no { clear: both; height: 1px; visibility: hidden;}

div#page { position: relative; width: 780px; margin: auto; top: -10px/*border: solid thin black;*/}
div#content { float: left; width: 570px; background-image: url(../images/content-bgr.png); background-position: left; background-repeat: repeat-y; background-color: #fff;}

div#content-top {background-image: url(../images/content-top.png); height: 85px;}
div#content-top span {position: absolute; top: 20px; right: 20px;}
div#content-top span {color:#FFFFFF; font-size: 0.8em;}
div#content-top a:link, div#content-top a:visited {color:#FFFFFF; font-size: 0.9em;}

div#footer {background-image: url(../images/footer.png); background-repeat: no-repeat; height: 22px;}
div#footer span img {margin-left: 512px; position: absolute; z-index: 10;}

div#left {background-image:url(../images/left-bgr.png); background-repeat: repeat-y; float: left;}
div#left-top {background-image: url(../images/left-top.png); width: 210px; height: 29px;}
div#left-bottom {position:relative; background-image: url(../images/left-bottom.png); width: 210px; height: 175px; margin-top: 28px;_margin-top: 26px;}
div#left-bottom span {position: absolute; left: 45px; bottom: -20px; _bottom: -21px; display:block; background:url(../images/copyright.png) no-repeat; width: 140px; height:29px; color:#FFFFFF; font-size: 0.75em; padding: 7px 0 0 15px;}
div#left-bottom span a {color: #FFFFFF;}
div#logo {position: relative; left: 9px; width: 200px; height: 78px;}

div#menu {width: 210px; color: #FFFFFF;}
div#menu ul {list-style: none; text-align: right; margin: 40px 10px 0 0;}
div#menu li {font-weight: bold; line-height: 1em; margin-bottom: 10px;}
div#menu li a {text-transform: uppercase; color:#FFF; text-decoration: underline;}
div#menu li a:hover {color:#FF6600; text-decoration: none;}
div#menu li span {font-size: 0.75em; font-weight: normal;}

a { color: #FF6935}
a:hover { text-decoration: none}
p {font-size: 0.85em; line-height: 1.5em; padding: 0 25px 10px 30px;}
h1 {color:#FF6600; font-size: 1.6em; padding: 0 25px 10px 30px; letter-spacing: 0.05em; font-weight: normal;}
h2 {color:#000; font-size: 1.3em; padding: 10px 25px 10px 30px; letter-spacing: 0.05em;	font-weight: normal;}
.list {list-style: none; margin: 10px 25px 20px 50px; font-size: 0.85em; line-height: 1.5em;}
.list li {font-size: 0.95em; padding: 0 0 5px 20px; background: url(../images/list.gif) 0px 4px no-repeat;}
.list-ol {margin: 10px 0 20px 70px; _margin: 10px 0 20px 75px; font-size: 0.85em; line-height: 1.5em;}
.list-ol li {font-size: 0.95em; padding-bottom: 5px;}

div#sluzby {background-color: #d5d5d5; width: 515px; margin-left: 30px; margin-top: 10px;}
div#sluzby .bl {background-image: url(../images/s-bl.gif); background-position: bottom left; background-repeat: no-repeat;}
div#sluzby .br {background-image: url(../images/s-br.gif); background-position: bottom right; background-repeat: no-repeat;}
div#sluzby .tl {background-image: url(../images/s-tl.gif); background-position: top left; background-repeat: no-repeat;}
div#sluzby .tr {background-image: url(../images/s-tr.gif); background-position: top right; background-repeat: no-repeat; padding: 16px;}
div#sluzby h2 {font-size: 1.3em; color: #FF6600; padding: 0 0 10px 0;}

.sluzby-left, .sluzby-right {float: left; display: block; width: 240px;}
.sluzby-right {float: right}
.sluzby-left h3, .sluzby-right h3 {color: #000; font-size: 1em; padding: 0; font-weight: bold;}
.sluzby-left a:link, .sluzby-left a:visited, .sluzby-left a:hover, .sluzby-left a:active {color:#000; text-decoration: underline;}
.sluzby-right a:link, .sluzby-right a:visited, .sluzby-right a:hover, .sluzby-right a:active {color:#000; text-decoration: underline;}
.sluzby-left p, .sluzby-right p {padding: 0 0 10px 0;}

/*div#sluzby p {padding: 0 0 10px 0;}*/

div#novinky {background-color: #444343; width: 240px; float: right; margin-right: 25px; _margin-right: 12px;/*margin-left: 305px; margin-top: 10px;*/}
div#novinky .bl {background-image: url(../images/bl.gif); background-position: bottom left; background-repeat: no-repeat;}
div#novinky .br {background-image: url(../images/br.gif); background-position: bottom right; background-repeat: no-repeat;}
div#novinky .tl {background-image: url(../images/tl.gif); background-position: top left; background-repeat: no-repeat;}
div#novinky .tr {background-image: url(../images/tr.gif); background-position: top right; background-repeat: no-repeat; padding: 16px;}
div#novinky p, div#novinky h2 {color: #FFF; padding: 0 0 10px 0;}
div#novinky p { font-size: 0.8em;}
div#novinky a { color: #fff;}

div#reference {float: left; padding-left: 15px;}
div#reference h2 {font-size: 1.3em; color: #FF6600; padding: 16px 0 10px 30px;}
div#reference img {border: solid 5px #ccc; _margin-bottom: 3px;}
div#reference a:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.0; border: solid 5px #666;}

.popis {font-size: 0.85em; padding: 0 0 10px 10px;}
.popis-uvod {display: block; width: 206px;}
.ref {list-style: none; margin: 0px 25px 20px 10px; font-size: 0.85em; line-height: 1.5em;}
.ref li {font-size: 0.95em; padding: 0 0 5px 20px; background: url(../images/list.gif) 0px 4px no-repeat;}
h3 {font-size: 1em; padding-left: 10px;}
table {margin-left: 30px; width: 520px}
table img {border: solid 5px #ccc; _margin-bottom: 3px;}
table a:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.0; border: solid 5px #666;}
td.text {vertical-align: top;}
td {padding: 5px 0; vertical-align: top;}
td img {vertical-align: top;}
.mapa {position: absolute; top: 100px; left: 470px;}

/* form */
div#form {margin-left: 30px;}
fieldset p {margin: 5px 0 0px -30px; padding-bottom: 2px;}
fieldset {width: 450px; padding: 0em 0em 0em 1em; border: solid 1px #ccc;}
legend {background: #DC342F; border: 1px solid #fff; background: #f2f2f2; border: solid 1px #d9d9d9; padding: 2px 6px;} 
input, textarea, select {border: solid 1px #ccc;}
select {width: 200px;}
.povinne-udaje { font-size: 0.85em;}
table.form td { padding: 2px;	font-size: 1.2em;}
/* konec form */

/* tabulka */
table.webhosting {margin: 10px auto ; width: 400px; border: solid 1px #ccc;}
table.webhosting th {text-align: left; color:#FFF; background: #FF6A36; height: 30px; padding: 5px 0 0 5px;}
table.webhosting td {font-size: 0.8em; padding: 5px;}
table.webhosting td.left {color: #fff; background: #999;}
/* konec tabulka */

/* top menu */
div#content-top ul {position: relative; height: 40px; top: 7px; display: block; list-style: none; padding: 11px 0 0 30px;}
div#content-top li {display: inline;}
div#content-top li a {text-decoration: underline; padding: 13px;
	/*border: solid thin black;*/}
div#content-top li a:hover {background: #1A1B1C; text-decoration: none;}
/* konec top menu */

img.cms {margin: auto; display: block; margin: 10px auto; border: solid 1px #CCCCCC;}

div#footer span.pocitadlo {float: right; position: absolute; z-index: 0;}
p.footer a { color: #000000}

p.footer {font-size: 0.75em; border-top: solid 1px #666; margin: 10px 30px 0px 30px; padding: 5px 0 0 0;}

.center {text-align: center}