/*
RESET
*/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td  
{margin: 0; padding: 0; border: 0; outline: none;} 

h1, h2, h3, h4, h5, h6  {font-size: 130%;}  

/*
CSS
*/

body {font-family: arial, sans-serif; line-height: 1; font-size: 85%;padding:0 0 40px 0;}
#toptop {height:16px;width:100%;background:#2D416C url(../img/toptop.gif) repeat-x;display:block;}
#head {width:1205px;height:244px;display:block;margin:0 auto;background:transparent url(../img/head.jpg) center center no-repeat;position:relative;}
#wrapper {margin:0 auto; width:999px; background:transparent url(../img/bg.jpg) top left repeat-y;height:auto;}

/*
MENU AND MENU HELP 
*/
#logoclick a {position:absolute;width:200px;height:200px;background:transparent;top:10px;left:200px;}
#menu {background:transparent url(../img/menu.jpg) top center no-repeat; width:979px;height:76px;}
#menu span {display:none;}
#menu ul {margin:0;padding:0;list-style: none; padding:5px 0 0 360px;}
#menu ul li  {float:left;	}
.m1 {display:block;width:72px;height:40px;background:transparent url(../img/m11.jpg) top left no-repeat;}
.m2 {display:block;width:86px;height:40px;background:transparent url(../img/m22.jpg) top left no-repeat;}
.m3 {display:block;width:154px;height:40px;background:transparent url(../img/m33.jpg) top left no-repeat;}
.m4 {display:block;width:128px;height:40px;background:transparent url(../img/m44.jpg) top left no-repeat;}
.m5 {display:block;width:131px;height:40px;background:transparent url(../img/m55.jpg) top left no-repeat;}

.m1:hover {background-position: 0px -40px;}
.m2:hover {background-position: 0px -40px;}
.m3:hover {background-position: 0px -40px;}
.m4:hover {background-position: 0px -40px;}
.m5:hover {background-position: 0px -40px;}

/*
OBSAH - CONTENT
*/
.right {height:auto;width:655px;background:transparent url(../img/right.jpg) -6px repeat-y;float:left;padding:77px 0 0 0; color:#363F6B;}
.right p, .right h1, .right h2  {width:540px;}
.right p {margin:15px 0 0 70px;line-height:1.3em;}
.right h1 {margin:0px 0 0 70px;line-height:1.3em;}
.right h2 {font-size:120%;margin:10px 0 0 70px;line-height:1.3em;}
.right ul {margin:10px 0 0 110px;}
.right ul li {padding:0.5em 0.5em; list-style-image:url(../img/designspice_bullet23.gif)}
.right-end {background:transparent url(../img/body-bottom.jpg) 3px 0px no-repeat;width:655px;height:74px;}

/*
GALLERY
*/
.gallery {margin:15px 0 0 70px;width:550px;background:transparent;}
.thumbnail {float: left;border: 1px solid #66799A;padding:5px;background:#DFE2E7;margin: 0 20px 20px 0;}

/*
LEFT SUBMENU
*/
.left {height:600px;width:290px;background:transparent;float:left; color:#363F6B;}
.left-top {background:transparent url(../img/submenu-top.jpg) top left no-repeat;height:78px;width:290px; display:block;}
.left-mid {height:auto;width:290px; display:block;background:transparent url(../img/submenu-mid.jpg) top left repeat-y;}
.left-bottom {background:transparent url(../img/submenu-bottom.jpg) top left no-repeat;height:81px;width:290px; display:block;}

.left-mid p {padding:0 0 15px 30px; color:#363F6B; width:220px;line-height:1.2em;font-size:90%;}
.left-mid h2 {padding:0 0 15px 30px; color:#363F6B;width:245px;}
.block {display:block;background:#CED3D8;width:265px;height:30px;margin:0 0 10px 10px;}
.left-mid  ul {width:200px;padding:0 0 15px 60px;}
.left-mid  ul li {padding:3px;line-height:1.2em;}

/*
FOOTER
*/
#footer {width:979px;height:104px;background:transparent url(../img/footer.jpg) top right no-repeat;}
#footer div {display:block;width:770px;height:auto;background:transparent;float:right;margin:45px 105px 0 0;font-weight:bold;color:#363F6B;text-align:center;}

a {color:#363F6B;text-decoration:underline;}
a:hover {color:#EAA135;}
a.active {color:#EAA135;}
a.visited {color:#EAA135;}

.cb {clear:both;}
.center {margin:0 0 0 66px;}
