/* CSS Document : AllSet Computers CZ s.r.o. | tvorba grafiky, tvorba loga, polepy automobilů, corporate identity  */
html,body {
  margin: 0px;
  text-align: center;
  background: #FFF; 
  background-position: left top;
}

a {
  color: #87BE22;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

#left-content a {
  font-weight: normal;
}

#pageholder {
  position: relative;
  margin: 0 auto;
  width: 944px;
  text-align: left;
  font-family: Verdana, Tahoma;
  font-size: 0.7em;
  color: #666;
  top: 23px;
  left: 7px;
}

#header {
  position: relative;
  width: 100%;
  height: 152px;
  background-image: url(../img/page-top.jpg);
  background-repeat: no-repeat;
}

#flash-logo {
  position: absolute;
  top: 30px;
  right: 35px;
}

#logo {
  position: absolute;
  margin: 0px;
  padding: 0px;
  background-image: url(../img/allset-logo.gif);
  background-repeat: no-repeat;
  width: 98px;
  height: 58px;
  top: 60px;
  left: 46px;
}

#logo a {
  position: absolute;
  width: 98px;
  height: 58px;  
}

#content {
  position: relative;
  width: 100%;
  background-image: url(../img/page-middle.gif);
  background-repeat: repeat-y;
}

#menu, #menu ul {
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#menu li a {
  line-height: 20px;
  background-image: url(../img/button-green.gif);
}
#menu li a:hover {
  background-image: url(../img/button-green-hover.gif);
}

#menu li ul li a {
  background-image: url(../img/button-gray.gif);
}
#menu li ul li a:hover {
  background-image: url(../img/button-gray-hover.gif);
}

#menu a {
  position: relative;
  width: 132px;
  height: 22px;
  padding-left: 20px;
  display: block;
  color: #FFF;
  text-decoration: none;
  font-size: 1em;
  font-weight: normal;
}

#menu li #active {
  background-image: url(../img/button-green-active.gif);
}

#menu li li #active {
  background-image: url(../img/button-gray-active.gif);
}

#left-content {
  position: relative;
  float: left;
  width: 152px;
  left: 20px;
}

#left-content p {
  padding-left: 14px;
  padding-right: 0px;
  background-image: url(../img/arrow-right.gif);
  background-repeat: no-repeat;
  background-position: 8px 4px;
  font-size: 0.8em;
  line-height: 150%;
}

#right-content p {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.8em;
  line-height: 150%;
}

#middle-content {
  position: relative;
  float: left;
  left: 20px;
  width: 560px; /*  s paddingem 600px */
  padding: 20px 20px 10px 20px;
  line-height: 145%;
}

#right-content {
  position: relative;
  float: right;
  width: 152px;
  right: 20px;
}

#right-content #novinky {
  padding: 0px;
  margin: 0px;
  background-image: url(../img/button-green.gif);
  color: #FFF;
  font-size: 1em;
  font-weight: normal;
  height: 22px;
  line-height: 20px; 
}

#right-content #banner-akce {
  position: relative;
  margin: 5px 0 0 -6px;
}

#right-content #novinky .arrow-white {
  position: relative;
  width: 10px;
  height: 10px;
  padding-left: 24px;
  background-image: url(../img/arrow-right-white.gif);
  background-repeat: no-repeat;
  background-position: 10px 4px;
}

#footer {
  position: relative;
  width: 100%;
  height: 61px;
  background-image: url(../img/footer.gif);
  background-repeat: no-repeat; 
}

#footer p {
  padding: 0px;
  margin: 0px;
  line-height: 21px;
  text-align: center;
  color: #FFF;
  font-size: 0.8em;
}


/* obsah prostredniho bloku formatovani (middle-content) */
#middle-content h1, #cenik-pc h1 {
  margin: 10px 0 10px 0;
  padding: 0px;
  color: #89C122;
  font-size: 1.25em;
}

#middle-content h2, #cenik-pc h2 {
  margin: 10px 0 10px 0;
  padding: 0px;
  color: #89C122;
  font-size: 1.1em;
  font-style: italic;
}

#middle-content h3 {
  margin: 10px 0 10px 0;
  padding: 0px;
/*  color: #89C122; */
  font-size: 1.10em;
}

#middle-content {
  text-align: justify;
}

#middle-content .vyhody, #middle-content .nevyhody {
  list-style-type: none;
  margin: 0px;
  padding: 0 0 0 20px;
}
#middle-content .nevyhody {
  margin: 5px 0px 0px;
}


/* index - 6 bloku */
#middle-content #grafika-a-design, #middle-content #www-stranky, #middle-content #zvyseni-navstevnosti, #middle-content #outsourcing-it, #middle-content #tvorba-software, #middle-content #servis-pc {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  margin: 0px 2px 0px 2px;
}

#grafika-a-design {
  background-image: url(../img/grafika-a-design.jpg);
  width: 275px;
  height: 150px;
  margin-right: 10px;
}
#grafika-a-design a:hover {
  background-image: url(../img/grafika-a-design-hover.jpg);
  background-position: -10px -10px;
}

#www-stranky {
  background-image: url(../img/webdesign.jpg);
  width: 275px;
  height: 150px;
}
#www-stranky a:hover {
  background-image: url(../img/webdesign_hover.jpg);
  background-position: -10px -10px;
}

#zvyseni-navstevnosti {
  background-image: url(../img/zvyseni-navstevnosti.jpg);
  width: 275px;
  height: 150px;
  margin-right: 10px;
}
#zvyseni-navstevnosti a:hover {
  background-image: url(../img/zvyseni-navstevnosti_hover.jpg);
  background-position: -10px -10px;
}
#outsourcing-it {
  background-image: url(../img/tvorba-e-shopu.jpg);
  width: 275px;
  height: 150px;
}
#outsourcing-it a:hover {
  background-image: url(../img/tvorba-e-shopu_hover.jpg);
  background-position: -10px -10px;
}
#tvorba-software {
  background-image: url(../img/tvorba-software.jpg);
  width: 275px;
  height: 150px;
  margin-right: 10px;
}
#tvorba-software a:hover {
  background-image: url(../img/tvorba-software-hover.jpg);
  background-position: -10px -10px;
}
#servis-pc {
  background-image: url(../img/pocitacovy-servis.jpg);
  width: 275px;
  height: 150px;
}
#servis-pc a:hover {
  background-image: url(../img/pocitacovy-servis_hover.jpg);
  background-position: -10px -10px;
}

#grafika-a-design a, #www-stranky a, #zvyseni-navstevnosti a, #outsourcing-it a, #tvorba-software a, #servis-pc a {
  position: absolute;
  width: 254px;
  height: 132px;
  left: 10px;
  top: 10px;
}


#kontakt1 {
  width: 458px;
}

#kontakt2 .textbox, #kontakt2 select {
  border: #CCC 1px solid;
  color: #666;
  width: 320px;
  font-family: Verdana;
}

#kontakt2 textarea {
  border: #CCC 1px solid;
  color: #666;
  width: 400px;
  font-family: Verdana;
  font-size: 0.95em;
}

#kontakt2 .checkbox {
  position: relative;
  top: 2px;
}

#kontakt2 #odeslat {
  border: #CCC 1px solid;
  background: #FFF;
  font-weight: bold;
  color: #87BE22;
  width: 320px;  
}

/* nasi partneri */
.partner {
  position: relative;
  margin: 20px 60px 0 180px;
  height: 90px;
}

.partner .partner-link {
  position: absolute;
  left: -180px;
  top: 0px;
}
.partner .partner-link img {
  width:170px;
  height: auto;
}

.partner h3 a {
  color: #666;
}

/* cenik-pc */
#cenik-pc {
  position: relative;
  width: 480px;
  text-align: left;
  margin: 10px;
  font-family: Verdana, Tahoma;
  font-size: 0.7em;
  color: #666;
}

#cenik-pc table {
  width: 480px;
  font-size: 1em;
  margin-top: 6px;
}

#cenik-pc table .prvni-sl {
  width: 80%;
}

#cenik-pc table .druhy-sl {
  width: 20%;
  text-align: center;
}

#cenik-pc table td {
  border: 1px solid #C4C4C4;
}

#cenik-pc .cena {
  font-weight: bold;
}

#cenik-pc .ceny-info {
  color: #999;
  font-size: 0.90em;
  text-align: right;
  margin-top: 10px;
}
/*  vseobecne formatovani */

.cleaner {
  position: relative;
  clear: both;
  height: 1px;
  line-height: 1px;
}

.hide {
  display: none;
}

.green {
  color: #8AC125;
}

.red {
  color: #EE0000;
}

.bd-top {
  border-top: 1px solid #C5C5C5;
  padding-top: 5px;
}

.zpet {
  text-align: right;
}


.chyba {
  color: #EE0000;
  font-weight: bold;
  margin: 4px 0 4px 0;
}

a img {
  border: none;
}

/* popup reference tvorba www */
#reference {
  position: relative;
  width: 555px;
  height: 420px;
  text-align: left;
  font-family: Verdana, Tahoma;
  font-size: 0.7em;
  color: #666;
  cursor:pointer;
}
.www-reference {
  position: relative;
  text-align: left;
}
.www-reference img {
  max-height:68px;
  position: relative;
  margin: 3px;
  cursor:pointer;
}
.vyssi img {
  max-height:80px;
}
#reference ul {
  margin: 10px 0 5px 100px;
  padding: 0px;
  line-height: 130%;
}

.box{
	float: left;
	width: 105px;
	margin: 3px;
}
.box strong{
	color: #89C122;
	}
.box h3{
	font-size: 105%;
	margin-bottom:-10px;
	}
.vlevo{
	float: left;
	}
.zelena{
	color: #89C122;
	font-size: 1.05em;
}
.text{
	margin-top: -10px;
}
.modry{
	color: rgb(0,97,160);
	margin-left: 40px;
	padding: 7px;
	width: 400px;
}
.box a.profishop{
	display: block;
	height: 165px;
	background-image: url("../img/boxy/profi_shop.jpg");
	background-repeat: no-repeat;
}
.box a.profishop:hover{
	background-image: url("../img/boxy/profi_shop_hover.jpg");
}
.box a.standardshop{
	display: block;
	height: 165px;
	background-image: url("../img/boxy/standart_shop.jpg");
	background-repeat: no-repeat;
}
.box a.standardshop:hover{
	background-image: url("../img/boxy/standart_shop_hover.jpg");
}
.box a.profiweb{
	display: block;
	height: 165px;
	background-image: url("../img/boxy/profi_web.jpg");
	background-repeat: no-repeat;
}
.box a.profiweb:hover{
	background-image: url("../img/boxy/profi_web_hover.jpg");
}
.box a.economyweb{
	display: block;
	height: 165px;
	background-image: url("../img/boxy/economy_web.jpg");
	background-repeat: no-repeat;
}
.box a.economyweb:hover{
	background-image: url("../img/boxy/economy_web_hover.jpg");
}
.box a.realityweb{
	display: block;
	height: 165px;
	background-image: url("../img/boxy/reality_web.jpg");
	background-repeat: no-repeat;
}
.box a.realityweb:hover{
	background-image: url("../img/boxy/reality_web_hover.jpg");
}
li{
	list-style-type: none;
}
.posun{
	display:block;
	margin-top: 70px;
}
.vpravo{
float: right;}

p.eshopy
  {padding-top:10px;
  letter-spacing:20px;}
a.eshopy
  {padding:15px 0px;
  display:block;}

.nase_prace_obal h2
  {padding:3px 0px 4px 10px !important;
  font-style:normal !important;
  color:#fff !important;
  background-color:rgb(158,200,57);}
.nase_prace_obal .inpage-navigace
  {margin:0px -2px 0px 2px;
  padding-top:5px;
  height:100px;
  font-weight:bold;}
.nase_prace_obal .inpage-navigace a
  {width:134px;
  height:101px;
  margin:0px 6px 0px 0px;
  text-decoration:none;
  color:#666;
  display:block;
  float:left;}
.nase_prace_obal .inpage-navigace a.ref1
  {background:#eee url('/tmpl/img/reference-bg-1.png');}
.nase_prace_obal .inpage-navigace a.ref1:hover
  {background:#eee url('/tmpl/img/reference-bg-1-hover.png');}
.nase_prace_obal .inpage-navigace a.ref2
  {background:#eee url('/tmpl/img/reference-bg-2.png');}
.nase_prace_obal .inpage-navigace a.ref2:hover
  {background:#eee url('/tmpl/img/reference-bg-2-hover.png');}
.nase_prace_obal .inpage-navigace a.ref3
  {background:#eee url('/tmpl/img/reference-bg-3.png');}
.nase_prace_obal .inpage-navigace a.ref3:hover
  {background:#eee url('/tmpl/img/reference-bg-3-hover.png');}
.nase_prace_obal .inpage-navigace a.ref4
  {background:#eee url('/tmpl/img/reference-bg-4.png');}
.nase_prace_obal .inpage-navigace a.ref4:hover
  {background:#eee url('/tmpl/img/reference-bg-4-hover.png');}
.nase_prace_obal .inpage-navigace a span
  {padding:10px 0px 0px 12px;
  font-size:13px;
  font-weight:normal;
  color:#333;
  display:block;}
.nase_prace_obal .nase_prace
  {text-align:left;
  word-spacing:8px;}
.nase_prace_obal .nase_prace img
  {margin:8px 0px 0px;
  border:1px solid #ddd;}
.nase_prace_obal .nase_prace div
  {margin:0px;
  padding:5px 0px 10px 0px;
  font-weight:bold;
  text-align:right;
  word-spacing:0px;}
.nase_prace_obal .nase_prace div a
  {color:#666;}
.nase_prace_obal .absolutni
  {position:relative;
  width:560px;
  height:890px;}
.nase_prace_obal .absolutni div
  {position:absolute;}
.nase_prace_obal .absolutni div.nahoru
  {margin-top:870px;}