@import url(css.css);
@import url(administrace.css);
@import url(test.css);

#page{width: 751px;margin: auto;position: relative;padding: 108px 0px 0 0px; background-color: White;}
#odsun{width: 751px; position: relative; background: url(../img/telo.gif) repeat;}

#vlevo{width: 250px; float: left;text-align: left; padding: 0px 0px 0 0px;}
#head{position: absolute; left: 0px; top: 0px; height: 108px;width: 751px; background: url(../img/hlava.png) no-repeat top;text-align: left;background-color: #555555}
#obsah{width: 457px; float: right; padding: 52px 24px 0 20px; background: White; position: relative; text-align: left;}

#pata{clear: both;background: url(../img/pata.png) no-repeat bottom; padding: 0px 30px 23px 30px; width: 691px;}

#obsah p{margin-bottom: 15px; padding-left: 8px; padding-bottom: 0px;}
#obsah p.min{min-height: 175px;_height:175px; margin-bottom: 0px;}
#obsah p.posledni{margin-bottom: 5px;}
.ffl,.ffr{width: 167px; background-color: #F6F6F6; padding: 8px 18px 0px 18px; text-align: left; margin-bottom: 60px;}
.ffl{float: left; margin-left: 8px; _margin-left: 4px;}
.ffr{float: right;margin-right: 12px; _margin-right: 6px;}
#obsah .ffl h2,#obsah .ffr h2{color: #27A8C9;font-size: 20px; margin-bottom: 8px; font-size: 110%;}
#obsah .ffl h3,#obsah .ffr h3{ color: #575757; font-size: 100%; margin-bottom: 3px;}
#obsah .ffl p,#obsah .ffr p{padding: 0px;}
.en-version {font-size: 90%; color: #fff; position: absolute; right: 10px; top: 5px; text-decoration: none;}
#jed{width: 250px; background:#29b2d6 url(../img/jednotlivec.jpg) no-repeat;height: 75px; position: relative; 
padding-top: 163px; margin-bottom: 15px;}
#jed a{width: 164px; height: 32px; line-height: 32px; font-size: 100%; color: White; text-transform: uppercase;
position: absolute; left: 0px; top: 121px; text-align: center;background-color: #1998B8; text-decoration: none;}
#jed p{font-size: 88%; color: White; text-align: left; padding: 0px 15px 0 20px;}

#spo{width: 250px; background:#AEC10C url(../img/firma.jpg) no-repeat;height: 75px; position: relative;
padding-top: 163px;margin-bottom: 15px;}
#spo a{width: 164px; height: 32px; line-height: 32px; font-size: 100%; color: White; text-transform: uppercase;
position: absolute; left: 0px; top: 121px; text-align: center;background-color: #9AAD00; text-decoration: none;}
#spo p{font-size: 88%; color: White; text-align: left; padding: 0px 15px 0 20px;}

/*
.bord{ background: url(../img/border.gif) ; padding: 4px 5px 4px 5px;width: 184px; margin-bottom: 30px; margin-left: 26px;}
.bord ul{background-color: White;list-style: none; display: block;}
.bord ul li{background: url(../img/vlevo-li.png) no-repeat bottom; display: block;width: 184px; padding-bottom: 1px;}
.bord ul li a{color: #27A8C9; font-weight: bold; line-height: 22px;background: url(../img/vlevo-li.png) no-repeat bottom;
padding-left: 21px; display: block; width: 163px;text-decoration: none;font-size: 90%;}
.bord ul li a:hover{text-decoration: none;}
.bord ul li li{background-image: none;}
.bord ul li li a{color: #27A8C9; font-weight: normal;background: url(../img/vlevolilia.gif) no-repeat left center;
padding-left: 47px; display: block; width: 137px;}
*/


#microsoft{background: url(../img/microsoft.jpg) no-repeat right center; padding-right: 155px; margin-bottom: 35px; min-height: 110px;
_height: 110px;}
#pcAInternet{background: url(../img/pc-internet.jpg) no-repeat right center; padding-right: 155px; margin-bottom: 35px; min-height: 133px;
_height: 110px;}
#openoffice{background: url(../img/openoffice.gif) no-repeat right center; padding-right: 155px; margin-bottom: 35px; min-height: 110px;
_height: 110px;}
#ostatniSkoleni{background: url(../img/ostatni-skoleni.jpg) no-repeat right center; padding-right: 155px; margin-bottom: 35px; min-height: 133px;
_height: 110px;}
#grafickeProgramy{background: url(../img/graficke-programy.jpg) no-repeat right center; padding-right: 155px; margin-bottom: 35px; min-height: 133px;
_height: 110px;}
#tvorba-www{background: url(../img/tvorba-www.jpg) no-repeat right center; padding-right: 155px; margin-bottom: 35px; min-height: 110px;
_height: 110px;}
#sprava-site{background: url(../img/sprava-site.jpg) no-repeat right center; padding-right: 155px; margin-bottom: 35px; min-height: 110px;
_height: 110px;}
#objednavka{background: url(../img/objednavka.jpg) no-repeat right center; padding-right: 155px; margin-bottom: 35px; min-height: 110px;
_height: 110px;}
#pronajem-ucebny{background: url(../img/pronajem-ucebny.jpg) no-repeat right center; padding-right: 155px; margin-bottom: 35px; min-height: 110px;
_height: 110px;}

#microsoft h1{background-image: none;}
#microsoft p{}
.word,.excel,.power,.outl{}
#obsah .nabidka p{padding: 0 0 10px 58px; margin: 0px; line-height: 130%;background: url(../img/nabidka.png) no-repeat bottom;}
#obsah .nabidka p.noLine{ background-image: none;}
#obsah .nabidka h2{padding: 0 0 0 58px;; margin:0px 0 2px 0;font-size: 13px;}
#obsah .nabidka h3{padding: 0 0 0 58px;; margin:0px 0 2px 0;font-size: 12px; color: #575757}
#obsah .nabidka h2 a{ color: #27A8C9; text-decoration: none;}
#obsah .nabidka h2 a:hover{ text-decoration: none; color: #087f9d}
.nabidka{background: url(../img/nabidka.png) no-repeat top; padding-bottom: 1px; padding-top: 12px; margin-bottom: 70px;}
.nabidka div{width: 457px;padding: 0px 0 0px 0px; margin-bottom: 12px;}
.word{background: url(../img/word.jpg) no-repeat left top;}
.excel{background: url(../img/excel.jpg) no-repeat left top;}
.outlook{background: url(../img/outlook.jpg) no-repeat left top;}
.powerpoint{background: url(../img/powerpoint.jpg) no-repeat left top;}
.pc{background: url(../img/pc.jpg) no-repeat left top;}
.internet{background: url(../img/internet.jpg) no-repeat left top;}
.writer{background: url(../img/writer.jpg) no-repeat left top;}
.calc{background: url(../img/calc.jpg) no-repeat left top;}
.draw{background: url(../img/draw.jpg) no-repeat left top;}
.impress{background: url(../img/impress.jpg) no-repeat left top;}
.grafika{background: url(../img/grafika.jpg) no-repeat left top;}
.zakladni-kurzy{background: url(../img/zakladni.jpg) no-repeat left top;}
.tvorbawww{background: url(../img/tvorbawww.jpg) no-repeat left top;}
.autocad{background: url(../img/autocad.jpg) no-repeat left top;}
.sprava{background: url(../img/sprava.jpg) no-repeat left top;}
.office{background: url(../img/office.jpg) no-repeat left top;}
.openoffice{background: url(../img/openoffice.jpg) no-repeat left top;}
.adobe-photoshop{background: url(../img/adobe-photoshop.jpg) no-repeat left top;}
.adobe-illustrator{background: url(../img/adobe-illustrator.jpg) no-repeat left top;}
.corel-draw{background: url(../img/corel-draw.jpg) no-repeat left top;}
.flash{background: url(../img/flash.jpg) no-repeat left top;}
.ostatni{background: url(../img/ostatniskoleni.jpg) no-repeat left top;}
.stanice{background: url(../img/stanice.jpg) no-repeat left top;}
.vybaveni{background: url(../img/vybaveni.jpg) no-repeat left top;}
.sluzby{background: url(../img/sluzby.jpg) no-repeat left top;}


.img-right{float: left;}
.skoleni-obrazky{width: 500 px;}
.skoleni-obrazky img{width: 100px;padding-right:14px;border-style:none;}

.termin{padding:0px 0 10px 5px; background: url(../img/kurz.png) no-repeat right bottom; margin-bottom: 5px; position: relative;}
.termin2{padding:0px 0 6px 5px;}

.kurz{padding:0 0 5px 8px; background: url(../img/kurz.png) no-repeat right bottom; margin-bottom: 40px; position: relative;}
.kurz ul{list-style: none;}
.kurz ul li{font-size: 90%;}
#obsah .kurz p{padding-left: 0px; text-indent: 50px;}
#obsah .kurz h2{padding:0 0 5px 50px; margin-bottom: 3px; background: url(../img/kurz-h2.png) no-repeat right bottom;font-size: 105%;
color: #27A8C9;}
.kurz a.rezervovat{width: 161px; height: 21px; color: White; padding: 0 0 0 16px;float: right; margin: 0px;
background:#2BA2C4 url(../img/rezervovat.png); line-height: 21px; text-decoration: none; display: block;
}
.podtrzeni{border-bottom: 1px dotted black; margin-bottom: 5px;}
.kurz a.rezervovat:hover{text-decoration: none;}
.kurz table tbody tr td {font-size: 90%; color: #313131; line-height: 13px}
.kurz table tbody tr td.levy{width: 170px}
.kurz table tbody tr td.pravy{width: 200px}
.kurz table tbody tr td.pravy2{width: 260px}

#obsah .nabidka table tbody tr td.tablekurz{padding: 10px}
#obsah .nabidka table tbody tr td.tablekurz a{font-size: 93%; color: #27A8C9; text-decoration: none; font-weight: none}
#obsah .nabidka table tbody tr td.tablekurz a:hover{font-size: 93%; color: #087f9d; text-decoration: none; font-weight: bold} 

#obsah .nabidka table tbody tr td {border: 1px solid #ffffff; line-height: 15px}
/*#obsah .nabidka table tbody tr td:hover{border: 1px solid #27A8C9}*/

.rezervovat{padding-left: 8px; margin-bottom: 30px;}
.rezervovat h2{ font-size: 100%; color: #27A8C9; margin-bottom: 10px;}
.rezervovat form{background-color: #F6F6F6; padding-top: 16px; padding-bottom: 12px;}
.fleft{float: left;}
.rezervovat form label{display: block; color: Black; font-size: 90%; line-height: 17px;_line-height: 16px;}
.rezervovat #jmeno,.rezervovat #ico,.rezervovat #prijmeni,.rezervovat #spolecnost,.rezervovat #email,.rezervovat #telefon{display: block; width: 138px; height: 19px;margin-bottom: 6px; 
border: 1px solid #575757;background:white url(../img/zeptat-input.jpg) no-repeat top left;}
.rezervovat form select{ display: block;border: 1px solid #cccccc;height: 19px;font-size: 90%;margin-bottom: 6px;}
.rezervovat form textarea{display: block; width: 233px; height: 73px; border: 1px solid #575757; margin-bottom: 13px;
background:white url(../img/zeptat-textarea.jpg) no-repeat top left;}
.fright{float: right; width:49%; margin:0 40px 0 0}
.rezervovat form input.submit{ width: 139px; height: 21px; background:#2FA0C1 url(../img/zeptat-odeslat.jpg) no-repeat top; 
color: White;border: none;font-size: 90%; cursor: pointer; line-height: 21px;}
.rezervovat form button.submit{ width: 139px; height: 21px; background:#2FA0C1 url(../img/zeptat-odeslat.jpg) no-repeat top; 
color: White;border: none;font-size: 90%; cursor: pointer; line-height: 21px;}


#objednavka{padding-right: 155px; min-height: 110px;_height: 110px;}
#objednavka table tbody tr td {color: #333333; font-size: 93%}

#objednavkaForm{ background: #E4E4E4 url(../img/telo.gif) repeat;; padding:15px 0 35px 70px; margin-bottom: 35px;}

#objednavkaForm select{display: block; border: 1px solid #575A57;margin-bottom: 8px;}
#objednavkaForm textarea{ width: 288px; height: 160px; overflow:auto; display: block;border: 1px solid #575A57; margin-bottom: 8px;
background:white url(../img/objednavka-textarea.jpg) no-repeat top left; color: #515151; line-height: 150%;}
#objednavkaForm #adresa{ width: 288px; height: 40px; overflow:auto; display: block;border: 1px solid #575A57; margin-bottom: 8px;
background:white url(../img/objednavka-textarea.jpg) no-repeat top left; color: #515151; line-height: 150%;}
#objednavkaForm label{color: #515151; font-weight: bold; font-size: 90%;}
#objednavkaForm #ico,#objednavkaForm #jmeno,#objednavkaForm #pocet,#objednavkaForm #prijmeni,#objednavkaForm #spolecnost,#objednavkaForm #email,#objednavkaForm #telefon{display: block; width: 153px; height: 19px; 
border: 1px solid #575757; margin-bottom: 6px;background:white url(../img/objednavka-input.jpg) no-repeat top left;}
#objednavkaForm button.submit{ width: 173px; height: 21px; background:#2FA0C1 url(../img/objednavka-odeslat.jpg) no-repeat top; 
color: White;border: none;font-size: 90%; cursor: pointer; line-height: 21px;}