body
{
 background-color: black;
 color: white;
 text-align: center;
}
#ramec
{
 width: 1000px;
 margin: auto;
 text-align: center;
 font-family: Tahoma;
 font-size: 12px;
}
.logo
{
 width: 1000px;
 height: 116px;
 text-align: left;
 background: url('../images/dvojita-cara.jpg') repeat-x 0px 107px;
}
.hypopartners
{
 width: 204px;
 height: 97px;
 display: block;
 float: left;
 background-image: url('../images/logo.jpg');
 background-repeat: no-repeat;
 margin-top: 10px;
 color: black;
 margin-left: 20px;
}
.vyhledat
{
 width: 266px;
 height: 61px;
 float: right;
 background-image: url('../images/vyhledat.jpg');
 background-repeat: no-repeat;
 color: black;
}
.vyhledat strong
{
 margin-top: 10px;
 padding: 0px 0px 0px 83px;
 font-weight: bold;
 display: block;
}
.vyhledat input
{
 float: right;
 border: 1px solid #39AECC;
 margin-top: 5px;
 background-image: url('../images/stin-input.jpg');
 background-repeat: repeat-x;
 height: 17px;
 width: 130px;
}
.vyhledat input.submit
{
 background-image: url('../images/tlacitko-ok.png');
 background-repeat: no-repeat;
 border: 0px;
 color: white;
 width: 43px;
 height: 22px;
 display: block;
 margin-left: 5px;
 margin-right: 5px;
}

.obsah
{
 background-color: #1F1D1D;
 background-image: url('../images/svisla-cara.jpg');
 background-position: 696px 0px;
 background-repeat: repeat-y;
}
.obsah-clanek
{
 background-color: #1F1D1D;
 /*background-image: url('../images/svisla-cara.jpg');
 background-position: 689px 0px;*/
 background-image: url('../images/pozadi-clanku.jpg');
 background-repeat: repeat-y;
}
.levy-panel
{
 width: 698px;
 float: left;
 background-color: #1F1D1D;
 background-image: url('../images/svisla-cara.jpg');
 background-position: right;
 background-repeat: repeat-y;
 text-align: left;
}
.levy-panel p
{
 padding-left: 20px;
 padding-right: 15px;
 color: #DEDEDE;
 line-height: 20px;
 font-size: 13px;
 padding-bottom: 15px;
}
.chci-stavet, .kupuji-nemovitost, .budu-rekonstruovat
{
 color: white;
 text-decoration: none;
 display: block;
 float: left;
 padding: 2px 0px 2px 7px;
 width: 220px;
 line-height: 30px;
 font-variant: small-caps;
 text-align: center;
} 
.chci-stavet
{
 background: #1F1D1D url(../images/chci-stavet.png) no-repeat right bottom;
 height: 228px;
 margin-left: 10px;
}
.kupuji-nemovitost
{
 background: #1F1D1D url(../images/kupuji-nemovitost.png) no-repeat right bottom;
 height: 269px;
}
.budu-rekonstruovat
{
 background: #1F1D1D url(../images/budu-rekonstruovat.png) no-repeat right bottom;
 height: 299px;
}
.modra
{
 color: #1DA6C9;
}
.pravy-panel
{
 float: right;
 width: 302px;
 background-color: #1F1D1D;
 margin-top: 15px;
 color: #BDB1B1;
 text-align: left;
}
.pravy-panel p
{
 width: 240px;
 float: right;
 padding-right: 5px;
 padding-bottom: 5px;
}
.pravy-panel a
{
 color: white;
 float: right;
 display: block;
 padding-top: 5px;
 margin-right: 5px;
 text-decoration: none;
}
.pravy-panel a:hover
{
 text-decoration: underline;
}
.pravy-panel input
{
 border: 1px solid #39AECC;
 margin-top: 5px;
 background-image: url('../images/stin-input.jpg');
 background-repeat: repeat-x;
 height: 17px;
 width: 130px;
}
.spocitejte-si-hypoteku input.vypocitat
{
 background-image: url('../images/tlacitko-modre.png');
 background-repeat: no-repeat;
 background-color: black;
 border: 0px;
 color: white;
 width: 81px;
 height: 20px;
 display: block;
 margin-left: 5px;
 padding: 0px;
 float: right;
}
.spocitejte-si-hypoteku #hypoteka-result{
padding-top: 10px;
}
.spocitejte-si-hypoteku #hypoteka-result table td{
padding: 2px;
}

/*Nadpisy*/
.levy-panel h1
{
 font-size: 20px;
 padding-left: 20px;
}
.pravy-panel h2
{
 color: #BCB0B0;
 font-size: 20px;
 text-align: right;
 background: url(../images/podtrzitko.jpg) no-repeat;
 width: 241px;
 float: right;
 padding-bottom: 7px;
 background-position: right bottom; 
 margin-right: 5px;
}
.spocitejte-si-hypoteku h2
{
 color: white;
 font-size: 20px;
 width: 241px;
 background-image: none;
 padding-bottom: 7px; 
 text-align: left;
 width: 290px;
}
.spocitejte-si-hypoteku table
{
 clear: both; 
 color: white;
 padding-left: 20px;
}
.spocitejte-si-hypoteku td
{
 vertical-align: middle;
 line-height: 20px;
 height: 20px;
 padding: 2px 0px 0px 2px;
}
.pravy-panel h3 a
{
 float: right;
 padding: 4px 0px 3px 0px;
 color: white;
 clear: both;
 width: 240px;
}
.spocitejte-si-hypoteku
{
 background-color: #1A1819;
 border-top: 1px solid #323232;
 border-bottom: 1px solid #323232;
 border-left: 0px;
 border-right: 0px;
 clear: both;
 margin-bottom: 5px;
 margin-top: 10px;
 padding-bottom: 5px;
 padding-top: 5px;
}
.zajimavosti
{
 background: #333534 url('../images/velka-cara.jpg') repeat-x;
 clear: both;
 display: block;
 text-align: left;
}
.zajimavosti h2
{
 text-align: left;
 font-size: 20px;
 padding: 20px 0px 10px 20px;
}
.zajimavosti a
{
 color: white;
 margin: 0px;
 display: block;
 padding: 0px 0px 10px 20px;
 width: 110px;
}
.clanek
{
 float: left;
 width: 250px;
 text-align: left;
 padding-left: 55Px;
}
.clanek h3 a 
{
 color: #1DA6C9;
 font-size: 15px;
 font-weight: bold;
 text-align: left;
 float: left;
 display: block;
}
.clanek h3 a:hover  
{
 color: #1DA6C9;
}

.clanek a
{
 color: white;
 text-decoration: none;
 text-align: right;
 float: right;
 padding: 5px 0px 5px 0px;
 display: block;
 width: 100%;
}
.clanek a:hover
{
 text-decoration: underline;
}
.cleaner
{
 clear: both;
 width: 1000px;
 background-image: url('../images/velka-cara.jpg');
 background-repeat: repeat-x;
 display: block;
}
.paticka
{
 text-transform: uppercase;
 color: white;
 border: 1px solid #2E2D2D;
 height: 40px;
 font-size: 14px;
 line-height: 40px;
 margin-top: 10px;
 clear: both;
}
.paticka a
{
 color: white;
 text-decoration: none;
 padding-left: 5px;
 padding-right: 5px;
}

.newsletter
{
 width: 630px;
 float: right;
 padding-top: 10px;
 font-size: 11px;
}
.newsletter p
{
 float: left;
 width: 400px;
 text-align: right;
 padding-right: 5px;
}
.newsletter input.vypocitat
{
 background-image: url('../images/tlacitko-modre.png');
 background-repeat: no-repeat;
 background-color: black;
 border: 0px;
 color: white;
 width: 81px;
 height: 20px;
 display: block;
 margin-left: 5px;
 padding: 0px;
}
.newsletter input
{
 border: 1px solid #39AECC;
 background-image: url('../images/stin-input.jpg');
 background-repeat: repeat-x;
 height: 17px;
 width: 130px;
 float: left;
}

/* Detail článku */
.detail{
padding: 0px;
width: 697px;
}
.detail h1{
height: 44px;
line-height: 44px;
padding: 0px 30px;
font-size: 17px;
font-weight: bold;
}
.detail.modry h1{
background: url(../images/nadpis-modry.jpg) repeat-x;
}
.detail.zluty h1{
background: url(../images/nadpis-zluty.jpg) repeat-x;
}
.detail.cerveny h1{
background: url(../images/nadpis-cerveny.jpg) repeat-x;
}
.detail.zeleny h1{
background: url(../images/nadpis-zeleny.jpg) repeat-x;
}
.detail .detail-navigace{
background: black;
color: white;
padding: 0px 30px;
}
.detail .detail-navigace *{
color: white;
}
.detail .detail-text{
color: black;
padding: 15px 30px;
background: #EAEBE3;
}
/*
.detail.modry .detail-text{
background: #EAEBE3;
}
.detail.zluty .detail-text{
background: #EAEBE2;
}
.detail.cerveny .detail-text{
background: #EBE2E2;
}
.detail.zeleny .detail-text{
background: #DBE9DC;
}
*/
.detail .detail-text *{
color: black;
padding-left: 0px;
padding-right: 0px;
}
.vypis-clanku
{
 padding: 5px 10px 5px 10px;
}
.vypis-clanku h2 a
{
 color: #1DA6C9;
 font-size: 15px;
 font-weight: bold;
 text-decoration: none; 
}
.vypis-clanku h2 a:hover
{
 text-decoration: underline;
}
.vypis-clanku a
{
 color: white;
}
.paginationControl
{
 margin: auto;
 text-align: center;
 color: white;
 text-decoration: none;
 display: block;
 font-size: 13px;
}
.paginationControl a
{
 color: white;
 text-decoration: none;
}
.paginationControl a:hover
{
 text-decoration: underline;
 color: #FFDD00;
}
.mapa-webu
{
 margin-left: 25px;
}
.mapa-webu h2
{
 color: #1DA6C9;
 font-size: 15px;
 font-weight: bold;
 text-decoration: none;
 padding: 5px 0px 5px 0px; 
}
.mapa-webu ul
{
 margin-left: 15px;
}
.mapa-webu ul li
{
 list-style-type: square;
}
.mapa-webu ul li a
{
 text-decoration: none;
 color: white;
 padding-left: 5px;
}
.mapa-webu ul li a:hover
{
 text-decoration: underline;
 color: white;
 list-style-type: square;
}
/* Administrace */
/*
.duhotna-navigace
{
 margin-bottom: 20px;
 padding-left: 20px;
}
.duhotna-navigace a 
{
 color: #FFE52E;
 text-decoration: none;
}
.duhotna-navigace a:hover 
{
 text-decoration: underline;
}
.duhotna-navigace h2
{
 font-weight: bold;
 font-size: 13px;
}*/

ul#admin-menu 
{ 
 display: block;
 float: left;
 padding-left: 25px;
 padding-top: 10px;
}
#admin-menu li
{
 clear: both;
 line-height: 17px;
}
#admin-menu li a
{
 text-align: left;
 display: block;
 float: left;
 color: white;
 text-decoration: none;
}
#admin-menu li a:hover
{
 text-decoration: underline;
}

.administrace
{
 padding: 10px 15px 20px;
}
.administrace p
{
 padding: 5px 5px 5px 0px;
 margin: 0px;
}
.administrace h1{
padding: 0px 0px 5px;
}
.administrace a 
{
 color: #FFE52E;
 text-decoration: none;
 line-height: 17px;
}
.administrace a:hover 
{
 text-decoration: underline;
}
.administrace h2
{
 font-weight: bold;
 font-size: 13px;
 padding: 10px 0px 5px;
}

.delete{
background: url(../images/cross.png) no-repeat left center;
padding-left: 20px;
}

.edit{
background: url(../images/pencil.png) no-repeat left center;
padding-left: 20px;
}

ul.admin-list{
line-height: 20px;
}
ul.admin-list{
padding-left: 10px
}
ul.admin-list li a, ul.admin-list li strong, ul.admin-list li span{
display: inline-block;
min-width: 200px;
}
ul.admin-list li a.edit, ul.admin-list li a.delete{
min-width: 100px;
}

/*
ul.admin-list ul li{
padding-top: 0px;
font-weight: normal;
list-style-type: circle;
}

ul.admin-list ul li a{
background: none;
padding-left: 0px;
}
*/

.admin-table th{
white-space: nowrap;
padding: 3px 5px;
}
.admin-table td{
padding: 2px;
line-height: 16px; 
}

.administrace dl{
padding-top: 10px;
}
.administrace dt{
font-weight: bolder;
line-height: 20px;
}
.vytvorilo
{
 text-align: right;
 margin-top: 5px;
 margin-bottom: 40px;
}
.vytvorilo p
{
 margin: 0px;
 padding: 0px;
}
.vytvorilo a
{
 color: silver;
 font-weight: bold;
 text-decoration: none;
}
.vytvorilo a:hover
{
 text-decoration: underline;
 color: #FFDD00;
}
.sluzba-1, .sluzba-2, .sluzba-3
{
 background-color: #EAEBE3;
 margin: auto;
 width: 390px;
}
.sluzba-1
{
 border: 2px solid #A23828;
}
.sluzba-2
{
 border: 2px solid #E2C200;
}
.sluzba-3
{
 border: 2px solid #00750C;
}
.sluzba-1 p.cerna, .sluzba-2 p.cerna, .sluzba-3 p.cerna
{
 background-color: black;
 height: 35px;
 background-repeat: no-repeat;
 color: white !important;
 padding: 5px 35px 10px 10px !important;  
}
.sluzba-1 p.cerna
{
 background-image: url('../images/zavinac-cerveny.png');
 background-position: 98% 50%;  
}
.sluzba-2 p.cerna
{
 background-image: url('../images/zavinac-oranzovy.png');
 background-position: 98% 50%; 
}
.sluzba-3 p.cerna
{
 background-image: url('../images/zavinac-zeleny.png');
 background-position: 98% 50%;
}
.sluzba-1 table, .sluzba-2 table, .sluzba-3 table
{
 margin: auto;
 margin-top: 10px;
 margin-bottom: 10px;
}
.sluzba-1 td, .sluzba-2 td, .sluzba-3 td 
{
 padding: 2px !important;
 vertical-align: middle;
}
.sluzba-1 td.nebo, .sluzba-2 td.nebo, .sluzba-3 td.nebo
{
 line-height: 45px;
 height: 45px;
 padding-right: 15px !important;
}
.sluzba-1 input, .sluzba-2 input, .sluzba-3 input
{
 background-image: url('../images/stin-inputek.jpg');
}
.sluzba-1 input
{
 border: 2px solid #9A4C40;
}
.sluzba-2 input
{
 border: 2px solid #E2C200;
}
.sluzba-3 input
{
 border: 2px solid #00750C;
}
.sluzba-1 .submit, .sluzba-2 .submit, .sluzba-3 .submit
{
 height: 20px;
 width: 82px;
 display: block;
 float: right;
 color: white;
 border: none;
}
.sluzba-1 .submit
{
 background-image: url('../images/sluzba-cervena.png');
}
.sluzba-2 .submit
{
 background-image: url('../images/sluzba-oranzova.png');
}
.sluzba-3 .submit
{
 background-image: url('../images/sluzba-zelena.png');
}
.sluzba-1 a
{
 color: #9C3B2B !important;
 font-weight: bold;
}
.sluzba-2 a
{
 color: #E2C200 !important;
 font-weight: bold;
}
.sluzba-3 a
{
 color: #00750C !important;
 font-weight: bold;
}
.kontakt
{
 float: right;
 display: block;
 padding: 3px 15px 0px 0px !important;
}
.sluzba-1 p, .sluzba-2 p, .sluzba-3 p
{
 padding: 0px 0px 5px 5px !important;
}