/*************/
/*** HLAVA ***/
/*************/

/* logo */
#logo {
  position : absolute;
  left : 10px;
  top : 88px;
  width : 173px; height : 120px; 
  background-position: 0 0px; 
  background-repeat: no-repeat;
  background-image: url('grafika/logo.jpg');
}

/* login */
fieldset.login {
  border : solid 0 transparent;
}
fieldset.login legend {
  display : none;
}
fieldset.login label {
  display : block;
}
fieldset.login span {
  display : none;
}
fieldset.login label {
  font-size : 11px;

}
fieldset.login input {
  width : 110px;   
  border : 1px solid #808080;    
  margin-top: 3px;
}

p.jmeno {
  position : absolute;
  top : 30px; left : 610px;
}
p.heslo {
  position : absolute;
  top : 30px; left : 735px;
}

a.ok {
  position : absolute;
  top : 47px; 
	left : 858px;
	width : 72px;
	height : 18px;
	line-height : 18px;
	font-size : 11px;
	text-align : center;
	text-decoration : none;
	color : #FFFFFF;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('grafika/login-tl.jpg');
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
a.ok:hover {
  color : #FFFF00;
}

/* menu */
#menu {
  position : absolute;
  left : 0px;
  top : 244px;
  height : 45px;
  background-position: top left; 
  background-repeat: no-repeat;
  background-image: url('grafika/menu-mezera.jpg');
  padding-left : 1px;
  width : 100%;
}
#menu li {
  float : left;
  list-style-type : none;
  height : 45px;
  background-position: top right; 
  background-repeat: no-repeat;
  background-image: url('grafika/menu-mezera.jpg');
  padding-right : 1px;
}
#menu li a {
  font-weight : bold;
  text-decoration : none;
  height : 45px;
  line-height : 45px;
  padding : 0 13px;
  display : block;
  float : left;
  color : #000000;
  text-transform : uppercase;
}
#menu li.active a {
  font-weight : bold;
  text-decoration : none;
  height : 45px;
  line-height : 45px;
  padding : 0 13px;
  display : block;
  float : left;
  color : #000000;
  text-transform : uppercase;
  height : 45px;
  background-position: 0 0; 
  background-color : transparent;
  background-repeat: repeat-x;
}

body.home #menu li a:hover { color : #638594; }
body.home #menu li.active a { background-image: url('grafika/menu-uvod.gif'); }

body.reference #menu li a:hover { color : #8D7878; }
body.reference #menu li.active a { background-image: url('grafika/menu-reference.gif'); }

body.sluzby #menu li a:hover { color : #7C8D66; }
body.sluzby #menu li.active a { background-image: url('grafika/menu-sluzby.gif'); }

body.onas #menu li a:hover { color : #828271; }
body.onas #menu li.active a { background-image: url('grafika/menu-onas.gif'); }

body.cenik #menu li a:hover { color : #838A7F; }
body.cenik #menu li.active a { background-image: url('grafika/menu-cenik.gif'); }

body.kontakt #menu li a:hover { color : #8F5E5E; }
body.kontakt #menu li.active a { background-image: url('grafika/menu-kontakt.gif'); }



/***************/
/*** STRANKA ***/
/***************/

h1 {
  margin : 0 0 25px 0;
  padding : 0;
  color : #C90000; 
  font-size : 30px;
  font-weight : normal;
}
body.kontakt h1 { color : #C90000; }



/* ref 1 */
#content .ref1 {
  background : #F2F6F9; 
  padding-right : 15px;
  margin-bottom : 35px;
}

#content .ref1 .obr {
  padding : 8px; 
  background : #C9D4DA; 
  float : left; 
  margin-right : 15px;
}
#content .ref1 h2 {
  padding : 15px 0px 5px 0px; 
  color : #7C878B;
  font-size : 18px;
}
#content .ref1 p {
  padding : 5px 0px 5px 0px; 
}

/* ref 2 */
.ref2 {
  margin : 0px 25px 35px 0px; 
  background : #F2F6F9; 
  width : 170px; 
  float : left;
}
.ref2 .obr {
  padding : 5px; 
  background : #C9D4DA;
}
.ref2 p {
  padding : 10px 0px;
  text-align : center;
}
.ref2-last {
  margin : 0px 0px 35px 0px; 
}

body.reference .ref2 {
  background : #F3E8E8; 
}
body.reference .ref2 .obr {
  background : #CEBCBC; 
}

/* ref-more */
.ref-more {
  padding : 0px 0 10px 0;
}

/* info */
.info {
  padding-bottom : 25px;
  font-weight : bold;
  font-size : 13px;
}


/* anot */
.anot {
  margin-bottom : 40px;
}

/* img */
.img {
  background : #F3E8E8;
  padding : 6px;
  display : block;
  float : left;
  border : 1px solid #CCCCCC;
}
.img img {
  border : 1px solid #909090;
}

/* params */
.params {
  width : 250px;
  float : right;
  margin-left : 20px;
}
.params h2 {
  margin-bottom : 15px;
  font-size : 15px;
}

.params ul li {
  list-style-type : none;
  line-height : 2;
}
.params ul li strong {
  padding-right : 6px;
}


/* content-spc */
.content-spc {
  margin-top : 40px;
}
.content-spc p {
  margin-bottom : 10px;
}


/* testimonial */
#content .testimonial {
  width : 250px;
  background : #F3E8E8; 
  float : right;
  margin-left : 20px;
  margin-bottom : 20px;
}
#content .testimonial h2 {
  padding : 15px 15px 0px 15px;
  color : #C90000; 
  margin : 0;
}
#content .testimonial .content {
  padding : 10px 15px 15px 15px;
}

/* gallery-images */
.gallery-images ul li {
  list-style-type : none;
  margin : 0 15px 15px 0;  
  float : left;
  padding : 4px;
  background : #F3E8E8;
  border : 1px solid #CCCCCC;
}
.gallery-images ul li.last {
  margin : 0 0px 15px 0;  
}
.gallery-images ul li img {
  border : 1px solid #909090;
}

/* h2 */
h2.title {
  padding : 25px 0 15px 0;
}

/* more */
.more li {
  list-style-type : none;
  line-height : 2;
}


/************/
/*** PBOK ***/
/************/

/* news */
.news {
  margin : 30px 25px;
}
.news h2 {
  margin-bottom : 15px;
  color : #C90000; 
  font-size : 20px;
  font-weight : normal;
}
.news h3 {
  margin-bottom : 5px;
}
.news ul li {
  list-style-type : none;
  margin-top: 25px;
}
.news ul li span {
  padding-bottom : 5px;
  display : block;
}
.news ul li p {
  color : #666666;
}  

/* bok-menu */
.bok-menu {
  margin : 0px 25px 30px 25px;
}
.bok-menu h2 {
  margin-top : 30px;
  margin-bottom : 15px;
  color : #C90000; 
  font-size : 20px;
  font-weight : normal;
}
.bok-menu ul li {
  list-style-type : none;
}
.bok-menu ul li a {
  display : block;
  line-height : 30px;
  border-bottom : 1px solid #EEEEEE;
  background: url('grafika/sipka.gif') no-repeat 0 50%;
  text-indent : 22px;
}

.bok-menu ul li span {
  line-height : 30px;
  display : block;
  border-bottom : 1px solid #EEEEEE;
  font-weight : bold;  
  background: url('grafika/sipka.gif') no-repeat 0 50%;
  text-indent : 22px;
}

.bok-menu ul li.active {
  font-weight : bold;  
}

/* more */
#sidebar-right .more {
  padding-top : 30px;
}


/* obr */
#sidebar-right .obr {
  text-align : center;
  background-color : #FFFFFF; 
}
/* obr */
#sidebar-right .facebook {
  border-top : 1px solid #EEEEEE;
  padding : 25px;
}
#sidebar-right .facebook a.fban {
  background: url('grafika/facebook-banner.gif') no-repeat 0 0;
  display : block;
  line-height : 18px;
  height : 18px;
  padding : 0 8px 0 25px;
  float : left;
  color : #FFFFFF;
  text-decoration : none;
  font-weight : bold;
  font-size : 11px;
  margin-right : 10px;
  border-right : 1px solid #29447E;
}




/*************/
/*** PATA ***/
/*************/

#footer-wrapper {
  border-top : 3px solid #C0C0C0;
}

#footer {
  background : #F8F8F8;
  padding : 20px 20px 40px 20px;
}

#footer ul {
  position : absolute;
  right : 25px;
  top : 25px;
}
#footer ul li {
  display : inline;
  margin-left : 8px;
  padding-left : 11px;
  border-left : 1px solid #AAAAAA;
}
#footer ul li.first {
  border-left : 0px solid #AAAAAA;
}




#podpora {

}
#podpora ul li {
  list-style-type : none;
  height : 50;
  border-bottom : 1px solid #FFFFFF;
}
#podpora ul li a {
  border-left : 0px solid #AAAAAA;
  height : 50px;
  line-height : 50px;
  text-indent : 60px;
  display : block;
  text-transform : uppercase;
  font-size : 15px;
  font-weight : bold;
  text-decoration : none;
}
#podpora ul li.mail a { background: url('grafika/podpora-email.jpg') no-repeat 0 0; }
#podpora ul li.webhosting a { background: url('grafika/podpora-hosting.jpg') no-repeat 0 0; }
#podpora ul li.cms a { background: url('grafika/podpora-cms.jpg') no-repeat 0 0; }
#podpora ul li.shop a { background: url('grafika/podpora-shop.jpg') no-repeat 0 0; }



/* kontakt */
#content div.contact {
  margin-bottom : 20px;
  margin-right : 20px;
  width : 250px;
  float : left;
  border : 4px solid #F3E8E8;
  background : #FFFFFF;
  padding : 15px;
}
#content div.contact h2 {
  color:#C90000;
  font-size:20px;
  font-weight:normal;
  margin-bottom:5px;
  margin-top:5px;
}
#content div.contact p {
  line-height : 1.7;
}
#content div.contact p.fce {
  text-transform : uppercase;
  font-weight : bold;
  color:#4d4d4d;
  line-height : 2;
  font-size : 13px;
}
#content div.contact p strong {
  width : 60px;
  display : block;
  float : left;
}


/* kontakt */
div.podsekce {
  margin-bottom : 40px;
  
}
div.podsekce h2 {
  color:#C90000;
  font-size:22px;
  font-weight:normal;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom : 1px solid #EEEEEE;
}

div.podsekce h2 a {
  color:#C90000;
  padding-left : 30px;
  background: url(grafika/sipka2.gif) no-repeat 0 50%;
}
div.podsekce h2 a:hover {
  color:#000000;
}

div.podsekce h3 {
  color:#000000;
  font-size:18px;
  font-weight:normal;
  margin-bottom:10px;
  margin-top:10px;
}
div.podsekce p {
  line-height : 1.4;
  margin-bottom:5px;
}


/* obsah */

#content p {
  line-height : 1.4;
  margin-bottom:5px;
}

#content h2 {
  color:#000000;
  font-size:20px;
  font-weight:normal;
  margin-bottom:10px;
  margin-top:20px;
}
#content h3 {
  color:#DD0000;
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:20px;
}

#content ul.seznam {
  margin-bottom:15px;
  margin-top:20px;
  margin-left : 10px;
}
#content ul.seznam li {
  line-height : 1.8;
  background: url(grafika/sipka.gif) no-repeat 0 5px;
  list-style-type : none;
  padding-left : 25px;
  margin-bottom:10px;
}

/* CENIK */
table.cenik {
  border-collapse : collapse;
  border-top : 1px solid #808080;  
  border-left : 1px solid #808080;  
  margin : 0 0 15px 0;
  width : 600px; 
  background : #FFFFFF;
}
table tr td, table tr th {
  color:#000000;
  font-size:13px;
  padding:5px 10px;
  border-bottom : 1px solid #808080;  
  border-right : 1px solid #808080;  
}
table.cenik tr th {
  background-color:#606060;
  color:#FFFFFF;
}
table.cenik .cena {
  width : 150px;
}




p.vice {
  color:#C90000;
  padding : 10px 0px;
}
p.vice a {
  color:#C90000;
  text-transform : uppercase;
  font-weight : bold;
  font-size : 16px;
}
p.vice a:hover {
  color:#000000;
}