body{
background: #022D58;
margin-top: 20px;
padding-bottom: 15px;
color: #282828
}
.text ul
{
 padding-left: 15px;
}
.text ul li
{
 padding-left: 10px;
 background: url(../images/li.png) no-repeat left 0.7em;
}
.text h3{
 color: #6FADE7;
 font-weight: bolder;
 font-size: 13px; 
}
.text a{
 color: #5C8C12;
}
#ramec
{
width: 932px;
margin: auto;
font-family: sans-serif, 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;
border-top: 14px solid #3D556F;
border-left: 14px solid #3D556F;
border-right: 14px solid #3D556F;
border-bottom: 5px solid #3D556F;
margin-bottom: 20px;
}
#hlavicka
{
 background: url(../images/plachta-logo.jpg) no-repeat;
 width: 904px;
 height: 309px;
}
a#logo_link{
position: absolute;
width: 247px;
height: 124px;
display: block;
text-decoration: none;
}
a#logo_link:hover{
text-decoration: none;
}
#velky-zabalovac
{
border: 14px solid #FFFFFF;
background-color: white;
}
.menu ul
{
 float: right;
 width: 629px;
 margin-top: 15px;
}
.menu ul li
{
 background: url(../images/carka.png) no-repeat right center;
 height: 29px;
 float: left;
}
.menu ul li a
{
 color: #034281;
 font-weight: bold;
 margin-left: 18px;
 margin-right: 20px;
 line-height: 29px;
}
.menu ul li a:hover
{
 text-decoration: none;
 color: #1582ef;
}
.menu ul li.posledni
{
 background: none;
}
#hlavicka em
{
 color: white;
 font-size: 10px;
 padding-top: 68px;
 padding-left: 92px;
 display: block;
}
.menu-podpora ul
{
 padding-top: 56px;
 margin-left: 15px;
}
.menu-podpora ul li
{
 background: url(../images/sipka-v-menu.png) no-repeat left center;
 height: 30px;
 padding-left: 25px;
}
.menu-podpora ul li a
{
 line-height: 30px;
 color: white;
 font-size: 13px;
}
.pravy-blok
{
 width: 657px;
 float: right;
 font-size: 12px;
 background-color: white;
}
.cms33, .shop33, .webhosting33
{
 font-size: 12px;
 color: #FFFFFF;
}
.cms33 a, .shop33 a, .webhosting33 a
{
 color: #F7DE05;
 font-weight: bold;
 clear: both;
 display: block;
 font-size: 15px;
}
.cms33 a
{ 
 text-align: right;
 padding-right: 9px;
 padding-top: 22px;
}
.shop33 a
{
 text-align: right;
 padding-right: 9px;
 padding-top: 15px;
}
.webhosting33 a
{
 padding-left: 9px;
 padding-top: 15px;
}
.cms33 ul li, .shop33 ul li, .webhosting33 ul li
{
 background: url(../images/sipka-produkty.png) no-repeat 0% 50%;
 height: 15px;
 padding-left: 15px;
}
.cms33 ul, .shop33 ul
{
 float: right;
 padding-top: 10px;
 padding-right: 9px;
}
.shop33 ul
{
 width: 105px;
}
.webhosting33 ul
{
 width: 110px;
 padding-top: 10px;
 padding-left: 9px;
}
.shop33 ul li, .webhosting33 ul li
{
 height: 28px;
}
.cms33
{
 background: url(../images/cms33.png) no-repeat;
 width: 211px;
 height: 213px;
 text-align: left;
 float: left;
 margin-left: 9px;
 position: relative;
 margin-top: -555px;
}
.cms33 p
{
 padding-top: 43px;
 padding-left: 9px;
 padding-right: 9px;
 line-height: 14px;
 text-align: right;
}
.shop33
{
 background: url(../images/shop33.png) no-repeat;
 width: 211px;
 height: 230px;
 text-align: justify;
 float: left;
 margin-left: 227px;
 margin-right: 7px;
 position: relative;
 margin-top: -572px;
}
.shop33 p
{
 padding-top: 40px;
 padding-left: 9px;
 padding-right: 9px;
 line-height: 14px;
}
.webhosting33
{
 background: url(../images/webhosting33.png) no-repeat;
 width: 212px;
 height: 230px;
 text-align: left;
 float: right;
 position: relative;
 margin-top: -572px;
}
.webhosting33 p
{
 padding-top: 40px;
 padding-left: 9px;
 padding-right: 9px;
 line-height: 14px;
}
.text{
 padding-left: 14px;
 padding-right: 14px;
 font-size: 13px;
 line-height: 20px;
}
.text.index
{
 clear: both;
 padding-top: 220px;
 height: 300px;
 overflow: hidden;
}
.text h1
{
 color: #518403;
 font-size: 18px;
 padding-top: 10px;
 font-weight: normal;
}
.text h2
{
 color: #022D58;
 font-size: 15px;
 font-weight: bold;
 padding-top: 10px;
}
.text p
{
 padding-top: 5px;
 padding-bottom: 5px;
}
.levy-blok
{
 width: 247px;
 float: left;
 background: white url(../images/pozadi-levy-panel.jpg) no-repeat;
 min-height: 378px;
 font-size: 12px;
}
.proc-zvolit
{
 background: url(../images/proc-zvolitm33.jpg) no-repeat;
 background-color: white;
 width: 247px;
 height: 42px;
 margin-bottom: 20px;
}
.proc-zvolit h2
{
 visibility: hidden;
}
.kolecko
{
 background: url(../images/kulicka.png) no-repeat;
 height: 33px;
 margin-left: 7px;
 color: #002C59;
 font-weight: bold;
 font-size: 14px;
 padding: 9px 11px 9px 11px;
 float: left;
 clear: left;
 width: 20px;
}
.levy-blok .kolecko p
{
 font-size: 12px;
}
.bod
{
 height: 60px;
 padding-right: 10px;
}
#reference-lista
{
 background: white url(../images/posledni-reference.jpg) no-repeat;
 height: 25px;
}
#reference-lista a
{
 display: block;
 float: right;
 font-size: 14px;
 color: #305578;
 text-decoration: underline;
 margin-right: 15px;
 margin-top: 5px;
 font-weight: bold;
}
#reference-lista a:hover
{
 text-decoration: none;
}
#reference
{
 background-color: #DBECFC;
 border-bottom: 2px solid white;
 height: 238px;
}
#reference .prevPage
{
 background: url(../images/sipka-vlevo-reference.png) no-repeat 0% 50%;
 display: block;
 width: 50px;
 height: 100%;
 float: left;
 margin-right: 14px;
 cursor: pointer;
}
#reference .nextPage
{
 background: url(../images/sipka-vpravo-reference.png) no-repeat 0% 50%;
 display: block;
 width: 50px;
 height: 100%;
 float: right;
 margin-left: 14px;
 cursor: pointer;
}
#reference .scrollable{
position: relative;
overflow: hidden;
width: 804px;
height: 100%;
float: left;
}
#reference .scrollable .items{
	width: 20000em;
	position: absolute;
	clear: both;
	height: 100%;
}
/*
932-100=832
832-28=804
832/4=208
804/4=201
*/
#reference .reference
{
 float: left;
 width: 177px;
 height: 100%;
 margin-left: 12px;
 margin-right: 12px;
 font-size: 12px;
 margin-top: 9px;
}
#reference .reference img{
width: 177px;
height: 121px;
display: block;
}
#reference .reference h3
{
/*
width: 177px;
height: 13px;
overflow: hidden;
*/
 color: #6F9F01;
 font-weight: bold;
 font-size: 13px;
 padding-top: 3px;
 padding-bottom: 3px;
}
#reference .reference em
{
 color: #294765;
 font-style: normal;
 padding-bottom: 5px;
 display: block;
}
#reference .reference p
{
 line-height: 14px;
 text-align: justify;
}
#reference .reference a
{
 text-align: right;
 display: block;
 margin-top: 3px;
 color: #6F9F01;
 font-weight: bold;
}
.paticka
{
 background: #3D566F url(../images/media33.png) no-repeat 100% 75% !important;
 color: #E2E9F0;
 font-size: 11px;
 padding: 5px 0px 5px 3px;
 height: 28px;
}
.paticka p
{
 float: left;
 width: 180px;
 margin-top: 5px;
}
.paticka p.vytvorilo
{
 float: right;
 width: 120px;
 text-align: right;
 margin-top: -21px;
 font-style: italic;
}
.paticka ul
{
 text-align: center;
 height: 20px;
 line-height: 20px;
 width: 450px;
 margin: auto;
}
.paticka ul li
{
 float: left;
 font-size: 15px;
}
.paticka ul li a
{
 color: #E2E9F0;
 line-height: 35px;
 margin-left: 18px;
 margin-right: 18px;
}
.paticka ul li a:hover
{
 text-decoration: underline;
}

/* Reference */
.nadpis-sekce-levo
{
 background: url(../images/nadpis-sekce.jpg) no-repeat;
 background-color: white;
 width: 247px;
 height: 42px;
 margin-bottom: 20px;
}
.nadpis-sekce-levo h2
{
 visibility: visible;
 color: #002D59;
 font-size: 18px;
 padding-left: 15px;
 line-height: 42px;
}
.levy-blok p
{
 font-size: 11px;
 padding-left: 15px;
 text-align: justify;
 padding-right: 15px;
 padding-bottom: 3px;
 line-height: 13px;
}
.levy-blok .zakaznik
{
 color: #3D6082;
 font-size: 11px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 8px;
 display: block;
 background: url(../images/uvozovky.png) no-repeat 98% 0%;
 height: 15px;
 line-height: 20px;
}

#ref {
position: relative;
border: 1px solid #AEC0CE;
width: 614px;
clear: both;
margin-top: 40px;
margin-bottom: 40px;
padding: 0px 0px 10px;
}
#ref:after {
content: "";
clear: both;
display: block;
}

#ref .tabs {
position: absolute;
top: -36px;
left: -1px;
width: 100%;/*Opera*/
}
#ref .tabs a.tab {
height: 32px;
margin-top: 3px;
min-width: 150px;
padding: 0px 10px;
border: 1px solid #AEC0CE;
border-bottom: 0px;
margin-right: -1px;
display: block;
float: left;
color: #002854;
font-weight: bold;
line-height: 32px;
text-align: center;
}
#ref .tabs a.tab:hover {
text-decoration: none;
}
#ref .tabs a.tab span {
font-size: 0.8em;
font-weight: normal;
}
#ref .tabs a.tab.active {
background: url(../images/reference/stin.png) repeat-x;
height: 35px;
margin-top: 0px;
}

#ref .strankovani {
position: absolute;
bottom: -27px;
right: 0px;
padding: 0px;
}
#ref .strankovani a,
#ref .strankovani span {
border: 1px solid #AEC0CE;
border-top: 0px;
line-height: 25px;
padding: 0px 6px;
font-weight: bold;
float: left;
margin-left: 5px;
}
#ref .strankovani a {
color: #AEC0CE;
}
#ref .strankovani span {
background-color: #AEC0CE;
color: white;
}
#ref .strankovani a.dalsi,
#ref .strankovani a.predchozi {
border: 0px;
text-decoration: underline;
color: #4A749C;
}

#ref .reference {
float: left;
clear: both;
width: 370px;
padding: 10px 15px;
}
#ref .reference > h2 {
float: left;
font-size: 1.3em;
}
#ref .reference > h2 a {
color: #4A749C;
font-weight: normal;
text-decoration: none;
}
#ref .reference > img {
float: right;
display: block;
margin-left: 5px;
}
#ref .reference > img.nove {
margin-top: 10px;
}
#ref .reference > img.oceneno {
margin-top: 5px;
}
#ref .reference > .description {
border: 1px solid #CBCBCB;
border-width: 1px 0px;
min-height: 40px;
clear: both;
background: url(../images/reference/uvozovky.png) no-repeat 100% 100%;
}
#ref .reference > .description table td {
padding: 0px 3px;
}
#ref .reference > a {
color: #4A749C;
font-weight: bold;
font-size: 0.9em;
text-decoration: underline;
}
#ref .reference > a:hover {
text-decoration: none;
}
#ref .screenshot {
float: right;
width: 214px;
height: 180px;
margin-top: 20px;
}



/*
.nove
{
 background: url(../images/nove.png) no-repeat left top;
 position: absolute;
 left: 0px;
 z-index: 1;
 width: 93px;
 height: 54px;
 margin-top: -3px;
 margin-left: -3px;
}
.reference-licha, .reference-suda, .reference-licha2, .reference-suda2
{
 float: left;
 width: 269px;
 height: 184px;
 overflow: hidden;
 padding: 3px;
 position: relative;
}
.reference-licha a img, .reference-suda a img, .reference-licha2 a img, .reference-suda2 a img
{
 margin: 4px auto 0px auto !important;
 display: block;
 text-align: center;
 border: 2px solid #4694E0;
}
.reference-licha p a, .reference-suda p a, .reference-licha2 p a, .reference-suda2 p a
{
 text-align: center;
 color: #002D59;
 display: block;
 padding: 0px 0px 10px 0px !important;
 margin: 0px !important;
 line-height: 10px;
 font-weight: bolder;
 font-size: 12px;
}
.reference-licha a, .reference-suda a, .reference-licha2 a, .reference-suda2 a
{
 color: #4F8403;
 font-weight: bolder;
}
.chci-podobny
{
 display: block;
 float: left;
 width: 155px;
 margin-left: 5px;
}
.reference-licha
{
 background-color: #E2F1FF;
 margin: 5px 5px 5px 35px;
}
.reference-suda
{
 background-color: #F3F9FF;
 margin: 5px 34px 5px 5px;
}
.reference-licha2
{
 background-color: #F3F9FF;
 margin: 5px 5px 5px 35px;
}
.reference-suda2
{
 background-color: #E2F1FF;
 margin: 5px 34px 5px 5px;
}

.reference .strankovani{
clear: both;
margin: auto;
text-align: center;
}
.reference .strankovani a{
padding: 3px 4px;
margin: 0px 2px;
border: 1px solid #577628;
background: #E2FFB6;
color: #567A18;
font-weight: bolder;
}
.reference .strankovani a.predchozi,
.reference .strankovani a.dalsi{
background: transparent;
border: 0px;
text-decoration: underline;
}
.reference .strankovani a.predchozi:hover,
.reference .strankovani a.dalsi:hover{
text-decoration: none;
}
.reference .strankovani span{
padding: 3px 4px;
margin: 0px 2px;
border: 1px solid #577628;
background: #81DC03;
color: #FFFFCF;
font-weight: bolder;
}
*/
/*Sluzby*/
.sluzba-licha, .sluzba-suda
{
 width: 590px;
 height: 110px;
 overflow: hidden;
 margin: 5px auto 5px auto;
 padding: 5px 13px 5px 13px;
}
.sluzba-licha h2, .sluzba-suda h2
{
 padding: 0px;
 margin: 0px;
 height: 15px;
 line-height: 15px;
 display: block;
}
.sluzba-licha h2 a, .sluzba-suda h2 a
{
 color: #002D59;
 text-align: left;
}
.sluzba-licha p, .sluzba-suda p
{
 text-align: justify;
 font-size: 12px;
 line-height: 16px;
 height: 60px;
}
.sluzba-licha img, .sluzba-suda img
{
 width: 140px;
 height: 95px;
 padding-left: 15px;
 padding-bottom: 15px;
}
.sluzba-licha a, .sluzba-suda a
{
 color: #4F8403;
 font-weight: bolder;
 display: block;
 text-align: right;
}
.sluzba-licha
{
 background-color: #E2F1FF;
}
.sluzba-suda
{
 background-color: #F3F9FF;
}
/* Detail reference */
.detail-reference
{
 font-size: 12px;
}
.detail-reference em
{
 color: #103A63;
}
.nahledy-webu
{
 float: right;
 background-color: #E2F1FF;
 width: 345px;
 height: 265px;
 text-align: center;
 padding-top: 8px;
 margin-left: 10px;
 margin-bottom: 15px;
}
.nahledy-webu img
{
 border: 2px solid #4694E0;
}
.nahledy-webu table
{
 text-align: center;
 margin: auto;
}
.nahledy-webu td
{
 padding: 1px;
}
.detail-reference strong
{
 color: #002D59;
}
.detail-reference table
{
 color: #305578;
 line-height: 14px;
}
.detail-reference td
{
 padding: 2px;
}
.text a.zpet-ref
{
 font-size: 14px;
 color: #002D59;
 float: left;
 display: block;
 font-weight: bolder;
 margin: 15px;
}
.text .odkaz-podobny
{
 font-size: 14px;
 color: #5C8C12;
 display: block;
 float: right;
 font-weight: bolder;
 margin: 15px;
}


.objednavka,
.kontakt{
padding: 0px 20px 20px;
font-size: 12px;
}
.objednavka .form td,
.kontakt .form td{
padding: 2px 5px;
vertical-align: top;
}
.kontakt .form td strong,
.objednavka .form td strong{
color: #002D59;
}

.objednavka input,
.objednavka select,
.objednavka textarea,
.kontakt input,
.kontakt select,
.kontakt textarea{
background: #F3FFD9;
border: 1px solid #8DA454;
}
.objednavka textarea,
.kontakt textarea{
height: 129px;
}
.objednavka select,
.kontakt select{
width: 145px;
}
.objednavka input.submit,
.kontakt input.submit{
background: #82B906;
color: white;
text-shadow: 2px 0px 2px black;
letter-spacing: 1px;
border: 3px solid #82B906;
}

.form .submit,
.form .submit{
float: right;
}

/* Administrace */
.login{
padding: 5px 15px;
}
.login td{
padding: 2px 5px;
}
.administrace{
padding: 0px 20px;
text-align: left;
}
.administrace li{
line-height: 20px;
vertical-align: middle;
display: block;
}
.administrace li img, .administrace .administrace-akce img{
float: left;
margin-right: 5px;
padding-top: 2px;
}
.administrace h1{
/*text-align: left;
font-size: 16px;
font-weight: bolder;
color: #0B0600;
padding: 10px 0px;
clear: both;*/
}
.administrace h3{
text-align: left;
font-size: 14px;
font-weight: bolder;
color: #473529;
padding: 10px 0px 3px;
}
.administrace a{
color: #7E6048;
}
.administrace div.administrace-akce{
padding-bottom: 10px;
line-height: 20px;
vertical-align: middle;
width: 500px;
height: 20px;
}
.administrace .administrace-akce a{
display: block;
float: left;
}
.administrace div.administrace-akce a{
padding: 0px 7px;
}

.administrace table.administrace-vypis{
min-width: 70%;
margin: auto;
}
.administrace table.administrace-vypis thead tr, .administrace table.administrace-vypis tr:hover{
background: #7E6048;
color: white;
}
.administrace table.administrace-vypis thead tr, .administrace table.administrace-vypis tr:hover a{
color: #F0DAB5;
}
.administrace table.administrace-vypis td, .administrace table.administrace-vypis th{
padding: 4px 7px 2px;
line-height: 19px;
}
.administrace table.administrace-vypis th{
text-align: center;
}
.administrace table.administrace-vypis img{
margin: 0px;
padding: 0px 2px;
}
.administrace th.action2{
width: 44px;
}
.administrace th.action3{
width: 68px;
}
.administrace th.action4{
width: 92px;
}
.administrace input.submit{
margin-top: 5px;
float: right;
}
.administrace .form td{
padding: 1px 5px;
}
.administrace .administrace-buttonky{
margin: 10px auto;
width: 160px;
height: 25px;
}
.administrace .administrace-buttonky a.button{
margin: 3px;
border: 2px solid #7E6048;
padding: 2px 5px;
min-width: 30px;
display: block;
float: left;
text-align: center;
}
.administrace input#name.required{
width: 200px;
}

.administrace table.view th,
.administrace table.view td{
padding: 2px;
}
.administrace table.view table{
padding: 5px;
}

.administrace #status-email-list{
padding: 10px;
}
.administrace #status-email-list p{
padding: 20px 0px 3px;
}
.administrace #status-email-list ul{
list-style-type: disc;
padding-left: 15px;
margin-left: 10px;
}
.administrace #status-email-list em{
text-decoration: underline;
}
.administrace ul li ul{
padding-left: 15px;
}

/* Stránkování a filtrování */
.strankovani{
font-size: 14px;
padding: 3px 25px;
}
.strankovani span{
font-weight: bolder;
}

table.filter{
margin: auto 12px 10px;
}
.filter td{
padding: 2px 5px;
line-height: 20px;
vertical-align: middle;
}
.filter td a{
color: #1079AC;
}

.form .error{
text-align: left;
padding-bottom: 15px;
}


.administrace h2{
display: none;
}
.levy-blok.administrace{
width: 207px;
}
.administrace{
font-size: 14px;
}