/*  creactor.cms CSS template
    copyright creactive.cz; studio@creactive.cz
*/

*{margin: 0 ; padding: 0 ;}
html{
  background: #5f5f5f url(../img/bg_body.gif) 0 0px;  
  height: 100%;
  width: 100%;
}

body {
  font: 75% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  color: #cccccc;
  text-align: left; 
  background:  url(../img/bg_messy.gif) no-repeat 0px 0px ;
  height: 100%;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, address, blockquote, table, .meta, .separ, .photobar {
  margin: 5px 20px ;
  line-height: 16px;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0 ;
  color: #990000;
}
h1{font-size: 2.2em; letter-spacing: -1px;}
h2{font-size: 1.9em; letter-spacing: -1px; line-height: 15px; color: #a40015; }
h2.light{ color: #cccccc; }
h3{font-size: 1.2em; letter-spacing: -1px;  }
h4{font-size: 1em; }
h5{font-size: 1em; padding: 0 ;border: none;  display: inline; }
h6{font-size: 0.8em; padding: 0 ;border: none;  display: inline;}

p, address{ font-size: 1em;  margin-bottom: 20px;}
ul{margin-left: 40px ; list-style: square;  }
ol{margin-left: 50px ; }
dl{margin-left: 20px ; }
dt{font-weight: bold;}
dd{margin: 0 0 20px 30px;}

address{ font-style: normal; }
blockquote{}

img{border: 0 }
.photo{	border: 5px solid #666 ; margin: 0 20px 5px 0;}



big{font-size: 1.2em;}
small{font-size: 0.9em;}


a:link { color: #ffcc00; text-decoration: none; font-weight: bold;}
a:visited { color: #ffcc00;}
a:active {color: #fff;}
a:hover {text-decoration: none; color: #fff;}

a:hover .photo{border-color: #ffcc00;}
a.thickbox:hover img{ filter:alpha(opacity=70); opacity: 0.70;}


hr {display: none;}

/*		table		*/
table{
  border: none ;
  font-size: 1em;
  border-collapse: collapse;
  }
th,td{
  border: none;
	padding:6px 10px;
  font-size: 1em;
  }
th{
  background-color: #ffcc00;
  padding: 8px 10px;
  color: white;
  font-size: 1em;
  text-align: center;
  }
.note {background-color: #f1f2eb; font-size: 0.9em;}
input.submit{
  font-weight: bold;
  padding: 3px 6px ;
}


table.form{

  border: none;
  margin: 0 0 0 -10px ;
}
table.form td{

  border: none ;
}
table.guestbook{margin-left: 13px;}

/*		forms		*/
fieldset{
  border: none;
  padding: 0 0 0 20px ;
  margin: 0 ;
 }
legend{
	padding: 5px 0 0 0 ;
	border: none;
	text-align: left;
}
label{}
input, select, textarea {
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size: 0.9em;
}
form input.button{
  font-weight: bold;
  width: auto ;
}

/*  ID  */
#page{
  width: 100%;
  text-align: left;
  margin: 0 ;
  padding: 0px;
  position: relative;


}

/*#page.portfolio #sidebar{
  display: none;
}
#page.kariera #sidebar{
  display: none;
}
#page.kontakt #sidebar{
  display: none;
}
#page.navody #sidebar{
  display: none;
}

#page.portfolio #content{
  margin: 0 0px 0px 0;
}
#page.kariera #content{
  margin: 0 0px 0px 0;
}
#page.kontakt #content{
  margin: 0 0px 0px 0;
}
#page.navody #content{
  margin: 0 0px 0px 0;
}*/

#header{
  height: 210px;
}
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
background: url(../img/cryt.gif) no-repeat ;
  height: 190px; 
   text-align: center;
}
#header h1 a{
  display: block;
  text-decoration: none;
  color: white;
  width: 350px;
  line-height: 60px;
  height: 150px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;}
  
#header h1 a span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
  cursor: hand;
  background: url(../img/cryt.gif) no-repeat ;
}
/*  header title */

#mainlink{
  position: absolute;
  top: 20px;
  left: 730px;
  text-decoration: none;
  font-size: 0.9em;
  z-index: 3;
  width: 170px;
  height: 40px;
  /* display: none; */
  }
.re{position: relative;}  
.re span{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
} 
a.re span{
  cursor: pointer;
  cursor: hand;
} 
#mainlink span{
  background: url(../img/mainlink.gif) no-repeat ;
}
#mainlink:hover{
color: #fff;
}
#mainlink:hover span{
  background-position: 0px -40px;
}

#flashcontent2{
  position: absolute;
  top: 0;
  left: 0;
  width: 430px;
  height: 200px;
  z-index: 20;
}

/*  languages */
#lang{
  position: absolute;
  top:50px;
  left: 705px;  
  font-size: 0.9em;
  width: 200px;
}
#lang a{
  padding-right: 20px;
}
/*  search */
#search{
  position: absolute;
  top: 80px;
  left: 700px;  width: 200px;
}
#search input{
  background: #2a2b26 ;
  font-size: 0.9em;
  border: none ;
  height: 18px;  
  line-height: 18px;
  padding: 0 2px ;
  margin: 0 2px ;
  float: left;
  color: #ccc;
  border-bottom: 1px solid #666;  
  border-right: 1px solid #666; 
}
#search input[type="submit"]{
  background: #666 ;
}
/**/

#celebrate{
  position: absolute;
  top: 60px;
  left: 805px;
}

/*  navigation */

#nav{
  height: 140px;
  position: absolute;
  top: 25px;
  left: 427px;
  z-index: 11;
 }
#nav ul {
  float: left;
  height: 140px; 
   width: 180px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav ul.about {margin-top: 44px; width: 120px; margin-left: 20px;}
#nav ul.about li a {color: white;}

#nav li {
  float: left;
  width: 100%;
  height:22px;
  margin: 0 ;
  padding: 0px ;
}
#nav a {
  display: block;  
  height:22px;
  width: 100%;
  padding: 0  0 0 30px;  
  font-size: 1.2em;
  float: left;  
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 22px ;
  text-decoration: none;
  text-align: left;
  color: #ffcc00; 
  background:  url(../img/nav_li.gif) no-repeat 0 4px; 
}
#nav a.re span{ margin-left: 30px; width: 80%;}
#nav a.nav_01 span{ background: url(../img/nav_01.gif) no-repeat }
#nav a.nav_02 span{ background: url(../img/nav_02.gif) no-repeat }
#nav a.nav_03 span{ background: url(../img/nav_03.gif) no-repeat }
#nav a.nav_04 span{ background: url(../img/nav_04.gif) no-repeat }
#nav a.nav_05 span{ background: url(../img/nav_05.gif) no-repeat }
#nav a.nav_06 span{ background: url(../img/nav_06.gif) no-repeat }

#nav .about a.nav_01 span{ background: url(../img/navabout_01.gif) no-repeat }
#nav .about a.nav_02 span{ background: url(../img/navabout_02.gif) no-repeat }
#nav .about a.nav_03 span{ background: url(../img/navabout_03.gif) no-repeat }
#nav .about a.nav_04 span{ background: url(../img/navabout_04.gif) no-repeat }
#nav .about a.nav_05 span{ background: url(../img/navabout_05.gif) no-repeat }

#nav a.on { color: #fff;}
#nav a:hover, #nav a.on { color: #fff;  background-position: 0 -30px;}
#nav a.re:hover span{ background-position: 0 -22px;}


/* content */
#content{
  padding: 1px ;
  margin: 0 0 0px 60px;
  width: 860px;
  position: relative;
  }
#content.index{}


/*p.extra{  font-size: 1.3em;}*/
.photobar{
  padding: 0 ;
  
}
.photobar a{
	text-align: center;
	float: left;
	width: 33%;
	position: relative;
	margin-bottom: 5px;

}
.photobar a span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/overlay.gif) no-repeat ;	
  margin-right: 2px;
}

li.last{list-style: none; }



/* sidebar */
.sidebar{
  width: 49%;
  float: right;
  }
.sidebar2{
  width: 40%;
  float: right;
  }


/* columns */

.column{
  float: left;
}

.dev20{
  width: 19%;
}
.dev30{
  width: 29%;
}
.dev40{
  width: 39%;
}
.dev45{
  width: 44%;
}
.dev50{
  width: 50%;
}
.dev60{
  width: 59%;
}
.dev70{
  width: 69%;
}


.blockextra{
  padding: 0; 
  margin: 0 0 30px 0 ;
}


.blockextra p {    
  font-size: 1.5em; line-height: 1.1em; 
  letter-spacing: -1px;
  margin-top: 0;
}
.index .blockextra p {    
  font-weight: bold;  
  color: white;
}
.blockextra p strong {    
   color: white;
}


p.note {padding: 5px 10px ; background-color: #444; font-size: 1.2em;}

.button-txt{
  display: block;
  padding: 5px 20px;
  border: 2px outset #666 ;
  background-color: #ffcc00;
  color: #000 !important;
  float: right;
  text-decoration: none !important;
  margin: 5px 0; 
  font-size: 1.2em;
  line-height: 20px;
  font-weight: bold;
}
.button-txt:hover{
    background-color: #FF8833;
    border-color: #999;
}
.ok_button{border: none; background: none; padding: 0 ; margin: 0;  }
.input-text {
  width: 130px;
  font-size: 0.9em;
  padding: 2px 5px ;
  margin: 1px 2px;
  background-color: #ddd;
}

#page a.ext_button{
  display: block;
  height: 36px;
  background: url(../img/bg_button.gif) no-repeat left top;
  color: black;
  font-weight: bold;
  padding-left: 45px;
  line-height: 33px;
  font-size: 1.4em;
  margin: 3px 40px 3px 20px;
  letter-spacing: -1px;
  text-decoration: none;
}
#page a.ext_button:hover{
  color: #421010;
  background-position: 0 -46px;
}

div.brands{
  margin: 5px 20px ;
}

.gmessage{border-bottom: 2px solid #666; padding: 3px 0 5px 0 ; margin:  3px 0px 5px 20px; }
.gmessage p, .gmessage h3 { margin: 0; background-color: black; padding: 5px; }
.gmessage p {  padding: 2px 5px 12px 6px; }
.gmessage .date{display: block;
color: #666; margin: 5px 5px 0 0;}

.reply {
  padding-left: 30px;
  background: black url(../img/arr_up.gif) no-repeat 8px 2px;
}

/**/
.paging{
	padding:  0;
	margin: 20px  ;
	position: relative;
}
.paging a{
	background: #333;
	padding: 0.3em 0.6em ;
	font-weight: bold;
	margin: 0 1px ;
	text-decoration: none !important;
}
.paging a:hover, .paging .active{
	background: #000;
	color: white !important;
}
.paging a:active, .paging a:visited {
  background: none ;
}


/**/


/**/

.pricelist{ margin: 20px ; width: 70%;}
.pricelist dt{float: left; clear: both; padding-right: 20px; border-bottom: 1px solid #666 ; }
.pricelist dd{ text-align: right; border-bottom: 1px solid #666 ; margin: 10px 0;}

/**/

.faqlist{
}
.faqlist dt{  margin: 20px 0 0 0  ; }
.faqlist dd{  
  border-bottom: 1px solid #666 ; 
  margin: 0 ; 
  padding: 10px 0 20px 40px ;
  background: url(../img/ico/go_next.gif) no-repeat 15px 10px;
}

/**/
.news{float: right;}

.news-item{
  clear: both;
	font-size: 0.9em ;
	margin: 0px 0 10px 0 ;
}
.news-item .date{
  width: 50px;
	padding: 3px 10px;
	color: #111;
	margin: 0 10px 0 18px ;
	float: left;
	clear: both;
	background: url(../img/news_time.gif) no-repeat ;
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
}
.news p{
		margin: 0px 0 0 100px ;
		font-size: 1em;
}
.news p a{
		font-weight: bold;
}


/**/
.breadcrumbs{
  padding: 10px 40px ;
  margin: 0 ;
  background-color: #888;
  font-size: 0.9em;
  background:  url(../img/bg_body.jpg) repeat-x 0 -248px;
  
   /*  */
  
}
.breadcrumbs a{
  color: black;
}
.meta{
  text-align: right;
  border-top: 1px solid #888;
  line-height: 40px;
  margin-top: 40px;
}
.meta a{
padding: 0 20px 0 0 ;
}

/*  hCARD  */

  .vcard .lb{
  width: 14%;
  padding-right: 1em;
  float: left;
  color: #888; /* soft text */
  }
  .vcard:after {
  clear: both;  }  
        
/*  */

/*    WEB SPECIFIC   */
.refer{
  padding: 5px 0px;
  margin: 5px 20px;
  border-bottom: 1px solid #666 ;
  }
.refer div .photo{
  margin: 5px 20px 10px 0; 
  float: left;  
  padding: 1px ;
}
.refer h3{
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.refer ul{
  margin-bottom: 10px;
  list-style: none ;
}
.refer p{
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
}
.refer .break{
  margin: 0 ;
}

/*		icons		*/
.ico{
	padding-left: 30px !important;
  background-position: 4% 50%;
  background-repeat: no-repeat;
}
.gif{background-image: url(../img/ico/file-gif.gif);}
.jpg{background-image: url(../img/ico/file-jpg.gif);}
.xls{background-image: url(../img/ico/file-xls.gif);}
.zip{background-image: url(../img/ico/file-zip.gif);}
.pdf{background-image: url(../img/ico/file-pdf.gif);}
.doc{background-image: url(../img/ico/file-doc.gif);}
.cdr{background-image: url(../img/ico/file-cdr.gif);}

.next{background-image: url(../img/ico/go_next.gif);}
.up{background-image: url(../img/ico/go_home.gif);}
.print{background-image: url(../img/ico/printer.gif);}
/**/

/* footer */
#footer{
clear: both;
  margin: 60px 0 0 0px; 
  clear: both;
  height: 100px;

  font-size: 0.9em;
 	  }
.homepage #footer{
  margin: 20px 0 0 0px;
} 	
  
#footer p{
  padding: 0px 20px 0 20px ;
  margin: 0 ;
  text-align: left;
  font-size: 1em;
  color: #999;
  }

#footer a{
  text-decoration: none;
  color: #999;
  }
#footer a:hover{color: #fff;}

.counters{
  position: absolute;
  visibility: hidden;
}

/*  class   */
.highlight{color: #ffcc00;}
.noscreen{display: none;}
.clear{display:block; clear: both;}
.separ {border-bottom: 1px solid #888  ; line-height: 1px; font-size: 1px; height: 1px; }
.break {display:block; clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 0 0px 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}


/*	color scheme

background  
text        
title       
border      
anchor:l    
anchor:v    
anchor:a    
anchor:h    

soft background 
soft text 

*/

/*  CUSTOM   */

.column.dev30.fr{
  padding-top: 100px;
}
.column.dev30.fr blockquote{
  margin-top: 0;
}
.small{font-size: 1em;}

.fl.dev30 a {text-decoration: none;}

.navigator{
  display: block;
  text-align: right;
  background: #494949;
  padding: 4px 20px ;
  margin: 4px 0 ;
  font-weight: bold;
  text-decoration: none !important;
}
.navigator:hover{background-color: #444;}