html,body {
	height: 100%;
    padding: 0;
    margin: 0;
	text-align: center;
	font-family: Arial, serif;
	font-size: 14px;
	color: #acacac;
	background: #161616 url(../img/bodyBg.png) repeat-x left top;
	
}
body {
    _text-align: center; /* IE */
}
body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,hr,form {
	padding: 0;
	margin: 0;
	border: none;
}
/* obecne */
input {
	font-family: Times, serif;
	font-size: 12px;
}
#head h1 {
	display: block;
	position: absolute;
	top: 30px;
	left: 0px;
}
h1 a {
    display: block;
    width:333px;
    height: 103px;
    background: url(../img/logo.png) no-repeat;
}
h1,
h2 {
	color: #FFF;
}
div.hr {
	height: 1px;
	margin: 0;
	font: 0px;
	overflow:hidden;
}
div.linka {
	border-bottom: solid 1px #e9e5e0;
	margin: 15px 0;
}
div.hr hr {
	display: none;
}
.clearLeft {
	clear: left;
}
.clearBoth {
	clear: both;
}
.clearRight {
	clear: right;
}
#page .h {
    display: none;
}
a img {
	border: none;	
}
a {
	outline: none;
	color: #FFF;
}
#obalPage{
    height: auto;
    min-height: 100%;
    _height: 100%; /* IE */
    position: relative;
    
}
#page {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding-bottom: 150px; /* vyska paticky */
}
#head {
	height: 440px;
	position: relative;
	width: 960px;
}
p { 
	line-height: 1.5em;
	font-size: 14px; 
}
a.rss {
    width: 49px;
    height: 17px;
    background: url(../img/rssIcon.png) no-repeat;
    position: absolute;
    left: 415px;
    top: 25px;
    display: block;				
}
ul#menu{
	position: absolute;
	top: 340px;
	height: 40px;
	background: url(../img/menu.png) 0 0 no-repeat;
	padding-left: 40px;
}
#menu li {
	float: left;
	list-style: none;
	background: url(../img/menuBorder.png) right center no-repeat;
}
#menu li a {
	display: block;
	height: 29px;
	padding: 11px 27px 0;
	text-transform: uppercase;
	font-size: 17px;
	text-decoration: none;
	color: #929292;
}
#menu li.uvod a{background: url(../img/uvod.png) center 10px no-repeat; width: 100px;}
#menu li.o-nas a{background: url(../img/o-nas.png) center 10px no-repeat;; width: 100px;}
#menu li.co-delame a{background: url(../img/co-delame.png) center 10px no-repeat;; width: 100px;}
#menu li.reference a{background: url(../img/reference.png) center 10px no-repeat;; width: 100px;}
#menu li.kontakty a{background: url(../img/kontakty.png) center 10px no-repeat;; width: 100px;}

#menu li a span { display: none; }

#menu li a:hover,
#menu li a.active {
    background-position: center -29px;
}

div#submenuCover {
	position: absolute;
    top: 380px;
    height: 31px;
    width: 960px;
    background: url(../img/submenuBg.png) 0 0 no-repeat;	
}
div.sc_menu,
#myContent {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 40px;
  width: 960px;
  /* Add scroll-bars */
  overflow: auto;
  top: 380px;
}
ul.sc_menu {
  display: block;
  height: 31px;
  /* Max width here, for users without Javascript */
  width: 9999px;
  padding: 0 0px;
  /* Remove default margin */
  margin: 0;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
}
.sc_menu a {
  display: block;
    height: 25px;
    padding: 11px 27px 0;
    background: url(../img/submenuBorderBg.png) right center no-repeat;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    color: #929292;
}
.sc_menu a:hover,
.sc_menu a.active {
    color:#FF0000;
}
img.lightingIco {
    position: absolute;
    top: 350px;
    left: 930px;
}

#left {
    float: left;                
}
#right {
    float: right;                
}
.main #left {
	width: 460px;
	border-bottom: solid 1px #424242;
	padding-bottom: 20px;
}
.main #right {
	width: 470px;
	position: relative;
}
.main h1 {
    font-size: 40px;
    margin: 0 0 20px 0;		
}
p.motto {
	font-size: 50px;
	margin: 0 0 30px 0;
	line-height: 1.3em;
	height: 170px;
	background: url(../img/claim.png) no-repeat left center;
}
#right div.article {
    margin-bottom: 40px;			
}
#right h2 {
    font-size: 40px;
    margin: 0 0 30px 0;			
}
#right h2.news {
	margin: 0 0 10px 0;
}
#right div.article a.img {
	display: block;
	float: left;
	border: solid 5px #c0c0c0;              
}
#right div.article div.text {
    float: right;
    width: 340px;              
}
#right div.article h3 {
    display: inline;
    font-size: 14px;        
}
#right div.article a{
    display: inline;
    text-decoration: none;
    font-weight: bold;           
}
#right div.article p{
    display: inline;          
}
#right div.article span{
    color: #ff0000;          
}
#right div.nextArticles {
    border-bottom:1px solid #424242;
    border-top:1px solid #424242;
    padding: 12px 0;
    text-align:right;
    font-weight: bold;			
}
#right div.nextArticles a {
    font-size: 14px;
    text-decoration: none;
    color: #FFF;		
}
#right div.nextArticles a.prev {
    padding-left: 22px;
    background: url(../img/arrowLeft.png) no-repeat left center;        
}
#right div.nextArticles a.next {
    padding-right: 22px;
    background: url(../img/arrowRight.png) no-repeat right center;        
}
#right div.nextArticles span {
    color: #FF0000;				
}
/* KONTAKTY */
div.kontaktBox {
    width: 299px;
    float: left;
    padding-left: 20px;
    border-left: solid 1px #660000;
    height: 200px;
    color: #FFF;
}
div.kontaktBox a,
div.kontaktBox span {
    color: #FF0000;
    display: block;
    text-decoration: none;
    margin-bottom: 8px;				
}
div.kontaktBoxLast {
    border-right: solid 1px #660000;
    width: 298px;				
}
.kontaktBox .email {
    background: url(../img/email.png) no-repeat 0px 3px;
    height: 22px;				
}
.kontaktBox .telefon {
    background: url(../img/telefon.png) no-repeat 0px 3px;
    height: 22px;               
}
.kontaktBox .adresa {
    background: url(../img/adresa.png) no-repeat 0px 3px;
    height: 22px;               
}
/* REFERENCE */
div.reference h1 {
    background: url(../img/referenceTitleBg.png) repeat-x;
    font-size: 35px;
    color: #FFF;
    padding: 10px;				
}
div.reference h1.referenceDet {
	font-size:40px;
	margin:0 0 20px;
	padding-top:2px;             
}

div.reference div.text {
    float: left;
    width: 460px;				
}
div.reference #mainImg img.referenceImg,
div.reference #mainImg object {
    float: right;   				
}
#mainImg {
    float: right;
    width: 360px;
    margin-right: 60px;   				
}
div.gallery { margin-top: 30px; }
div.gallery div.prev {
    float:left;
    width: 30px;
    height: 80px;
    background: url(../img/prevBg.png) no-repeat;				
}
div.gallery div.next {
    float:left;
    width: 30px;
    height: 80px;
    background: url(../img/nextBg.png) no-repeat;               
}
div.gallery div.images {
    float: left;
    margin: 0 10px;
    width: 880px;
    
    position: relative;	
    overflow: auto;
    height: 85px;	
}

div.gallery div.imagesInner {
  height: 85px;
  /* Max width here, for users without Javascript */
  width: 9999px;
  padding: 0 0px;
  /* Remove default margin */
  margin: 0;
}

div.gallery div.images a {
    float: left;
    border: 5px solid #7b7b7b;
    margin: 0 10px 10px 0;              
}

/* bezna stranka */
.common h1 {
    border-bottom: solid 1px #660000;
    border-top: none;
    font-size: 40px;
    margin: 0 0 30px 0;
    padding-top: 2px;		
}
h1.o-nas {
    background: url(../img/o-nas.png) no-repeat 0px 0px;
    height: 40px; 				
}
h1.av-produkce {
    background: url(../img/av-produkce.png) no-repeat 0px 0px;
    height: 40px;               
}
h1.event-marketing {
    background: url(../img/event-marketing.png) no-repeat 0px 0px;
    height: 40px;               
}
h1.produkce {
    background: url(../img/produkce.png) no-repeat 0px 0px;
    height: 40px;               
}
h1.reference {
    background: url(../img/reference.png) no-repeat 0px 0px;
    height: 40px;               
}
.common #left {
    width: 480px;				
}
.common ul,
.common ol {
    margin: 10px;				
}
.common p {
    margin: 10px 0 20px;               
}
.common ul li {
    list-style: none;
    padding-left: 25px;
    background: url(../img/arrow.png) no-repeat 0 4px;
    line-height: 1.4em;
    padding-bottom: 7px;             
}
.common ol li {
    line-height: 1.4em;
    margin-left: 20px;
    padding-bottom: 7px;
    padding-left: 5px; 	
}
.common h2 {
    font-size: 14px;
    color: #FFF;
    margin: 30px 0 10px;				
}
.common h3 {
    font-size: 13px;
    color: #FFF;
    margin: 20px 0 8px;                
}
#foot {
	height: 80px;
	background: #000 url(../img/footBg.png) repeat-x;
	padding-top: 23px;
	margin-top: 55px;
	position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
#foot .inner {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    position:relative;				
}
#foot ul {
	margin: 0;
	float: left;
	border-left: 5px solid #3b3b3b;
	height: 80px;
}
#foot ul li {
    margin: 0;
    float: left;
    list-style: none;
    padding: 10px 50px 0 15px;
    color: #c0c0c0;
    font-weight: bold;
    font-size: 13px;
}
#foot ul li a {
    text-decoration: none;
    color: 	#c0c0c0;			
}
#foot ul li.feebee {
    background: url(../img/facebookIcon.png) 15px 5px no-repeat;             
}
#foot ul li.feebee a {
	display: block;
	margin:2px 0 10px 30px;				
}
#foot ul li span {
    display: block;
    color: #FFF;
    margin-bottom:3px;
}
#foot p.left {
	float: left;
	display: inline;
	width: 240px;
	margin-left: 30px;
	padding-top: 25px;
}
#foot p.right {
	float: right;
	display: inline;
	width: 270px;
	margin-right: 50px;
	padding: 25px 0;
}
#foot p.right span.flLeft {
	display:inline;
	float:left;
	margin-left:90px;
}
#foot p.createdBy {
    position: absolute;
    left: 820px;
    top: 45px;
    font-size: 11px;
}
#foot a.gs {
    background:transparent url(http://www.goodshape.cz/gs-icons/png/gs-footer-36x36_color-gray-hover.png) no-repeat scroll 0 0;
    color:#C0C0C0;
    display:block;
    position: absolute;
    left: 860px;
    top: 45px;
    height:18px;
    padding-left:40px;
    text-decoration:none;
    font-size: 11px;
    line-height: 15px;
}
#foot a.gs:hover {
    background-position: left bottom;
}

#text_toolbar1 {
    width:1px;
}
#eventsObal{
    position: absolute;
    height: 170px;
    width: 100%;
    top: 165px;
    left: 0;
    z-index: 999;
    border-collapse: collapse;
}
#nextLabel {
  height: 160px;
  width: 60px;
  background: url(../img/next.png) center center no-repeat;
}
#prevLabel {
  height: 160px;
  width: 60px;
  background: url(../img/prev.png) center center no-repeat;
}       
#events{
    height: 170px;
    width: 100%;
}
#eventsObal td {
    vertical-align: top;				
}
#eventsObal td.events {
    width: 100%;
}