body{ margin: 0px; font-family: Arial, sans-serif; background-color: #F8F8F8; }
a img{ border: 0px; }
.clear{ clear: both; }
form{ padding: 0px; margin: 0px; }

/**ID PRVKY**/
#page{ width: 950px; margin: 0px auto; }
#hlavicka{ width: 950px; background-color: #0771A1; border-top: 5px solid #026795; }
#hledej{ width: 928px; background-color: #CC0000; color: #FFF; border: 1px solid #BB0000; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; }
#telo{ width: 910px; background-color: #FFF; background-image: url('http://www.domenovaportfolia.cz/img/back.png'); background-repeat: repeat-x; padding: 20px 20px 0px 20px; }
#admin{ width: 950px; background-color: #FFF; background-image: url('http://www.domenovaportfolia.cz/img/back.png'); background-repeat: repeat-x; border-top: 1px solid #D6D6D6; margin: 10px 0px 10px 0px; }
#info{ width: 950px; background-color: #FFF; background-image: url('http://www.domenovaportfolia.cz/img/back.png'); background-repeat: repeat-x; border-top: 1px solid #D6D6D6; margin: 10px 0px 10px 0px; }
#paticka{ width: 940px; text-align: right; margin: 0px 10px 20px 0px; }
.left{ width: 570px; margin: 0px 20px 0px 0px; float: left; }
.right{ width: 290px; border-left: 1px solid #F1F1F1; padding: 0px 0px 0px 19px; float: left; }

    
/**HLAVICKA**/
.hold{ width: 590px; height: 110px; background-image: url('http://www.domenovaportfolia.cz/img/logo.png'); background-repeat: no-repeat; float: left; padding: 20px 0px 0px 20px; }
.logo1{ width: 380px; height: 80px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo1 h1 a { width: 380px; font-size: 12px; height: 80px; display: block; }
.logo1 h1 span { width: 380px; height: 80px; position: absolute; left: 0; top: 0; z-index: 1; background: url('http://www.domenovaportfolia.cz/img/logogo.png') 0 0 no-repeat; }
.logo2{ width: 339px; color: #FFF; height: 130px; font-size: 12px; border-left: 1px solid #026795; padding: 0px 0px 0px 0px; float: left; }
    .logo2 a{ color: #FFF; text-decoration: underline; }
    .logo2 a:hover{ color: #FFF; text-decoration: none; }
.logo2 h2{ color: #FFF; font-size: 14px; margin: 5px 0px 5px 20px; }
.logo2 p{ color: #FFF; margin: 10px 0px 5px 20px; }
    .logo2 p a{ color: #FFF; text-decoration: underline; }
    .logo2 p a:hover{ color: #FFF; text-decoration: none; }
.logo2 input{ width: 120px; color: #FFF; background: #1289B9; border: 1px solid #026795; margin: 0px 0px 0px 10px; }
.logo2 .submit{ width: 70px; font-size: 12px; color: #FFF; border: 1px solid #1289B9; background: #026795; padding: 2px 0px 2px 0px; }
.m1{ width: 220px; float: left; }
.m2{ width: 80px; padding: 40px 0px 0px 0px; float: left; }
    
/**HLEDEJ**/
#hledej h2{ font-size: 16px; margin: 0px; float: left; }
#hledej p{ font-size: 12px; margin: 3px 5px 0px 20px; float: left; }
#hledej select{ font-size: 12px; margin: 0px; float: left; }
#hledej input{ font-size: 12px; margin: 0px 0px 0px 30px; float: left; }


/**------LEFT------**/
#telo .left div{ width: 570px; background-image: url('http://www.domenovaportfolia.cz/img/h2l.png'); background-repeat: no-repeat; padding: 15px 0px 20px 0px; margin: 0px 0px 20px 0px; float: left; }
#telo .left img{ margin: 6px 10px 0px 15px; float: left; }
#telo .left h2{ color: #00496A; font-size: 18px; margin: 0px 0px 10px 0px; }
#telo .left p{ font-size: 14px; font-weight: normal; color: #4E4E4E; margin: 0px 0px 0px 38px; }
#telo .left ul{ padding: 0px; margin: 20px 0px 10px 10px; }
#telo .left li{ width: 129px; color: #008000; font-size: 10px; list-style-type: none; border-left: 1px solid #EEE; padding: 8px 0px 8px 10px; float: left; }
#telo .left .li{ width: 129px; color: #008000; font-size: 10px; list-style-type: none; border-left: 1px solid #EEE; padding: 5px 0px 5px 10px; float: left; }
    #telo .left li a{ font-size: 14px; color: #0066CC; text-decoration: underline; }
    #telo .left li a:hover{ font-size: 14px; color: #0066CC; text-decoration: none; }
/*------HLEDEJ------*/
#telo .left p span{ color: #FFF; font-size: 14px; background-color: #06C; padding: 0px 5px 0px 5px; margin-right: 10px; }
#telo .left .search li p{ width: 220px; float: left; }
#telo .left .search li span{ background: #FFF; font-weight: bold; color: #0066CC; }
#telo .left .search li{ width: 550px; color: #008000; font-size: 10px; list-style-type: none; border-left: 1px solid #EEE; padding: 8px 0px 8px 10px; float: left; }
    #telo .left .search li a{ font-size: 14px; color: #0066CC; text-decoration: underline; }
    #telo .left .search li a:hover{ font-size: 14px; color: #0066CC; text-decoration: none; }
#telo .right ul{ padding: 0px; margin: 20px 0px 10px 10px; }
#telo .right .s li{ width: 280px; color #000; font-size: 14px; font-size: 12px; list-style-type: none; padding: 5px 0px 5px 10px; float: left; }

/**------banner------**/
#telo .left #banner{ width: 348px; height: 145px; border: 1px solid #EEE; background-image: url('http://www.domenovaportfolia.cz/source/111.jpg'); padding: 15px 0px 0px 220px; margin: 0px 0px 20px 0px; }
#telo .left #banner h2{ color: #00496A; font-size: 18px; margin: 0px 0px 15px 0px; }
#telo .left #banner h3{ width: 164px; color: #FF7300; font-size: 14px; margin: 0px 0px 10px 0px; float: left; }
#telo .left #banner p{ width: 147px; text-align: justify; color: #000; font-size: 12px; margin: 0px 17px 0px 0px; float: left; }
    #telo .left #banner p a{ color: #0066CC; text-decoration: underline; }
    #telo .left #banner p a:hover{ color: #0066CC; text-decoration: none; }

/**------RIGHT------**/   
#telo .right div{ width: 290px; background-image: url('http://www.domenovaportfolia.cz/img/h2r.png'); background-repeat: no-repeat; margin: 0px 0px 20px 0px; float: left; }
#telo .right img{ margin: 6px 10px 0px 15px; float: left; }
#telo .right h2{ color: #00496A; font-size: 18px; margin: 15px 0px 5px 0px; }
#telo .right p{ font-size: 14px; font-weight: normal; color: #4E4E4E; margin: 0px 0px 0px 18px; }
#telo .right ul{ padding: 0px; margin: 20px 0px 10px 10px; }
#telo .right .m li{ width: 280px; color: #000; font-size: 10px; list-style-type: none; padding: 5px 0px 5px 10px; float: left; }
    #telo .right .m li a{ font-size: 14px; color: #0066CC; text-decoration: underline; }
    #telo .right .m li a:hover{ font-size: 14px; color: #0066CC; text-decoration: none; }

/**PORTFOLIO**/
#telo .left  table{ font-size: 12px; border: 1px solid #EEE; margin-top: 20px; }
#telo .left .tr0{ background-color: #EFEFEF; }
#telo .left .tr1{ background-color: #F9F9F9; }
#telo .left .tr2{ background-color: #FFF; }
#telo .left td{ width: 70px; text-align: center; padding: 8px 40px 8px 0px; }
#telo .left .td0{ font-weight: bold; text-align: left; padding: 8px 40px 8px 10px; }
#telo .left .td1{ width: 190px; font-weight: bold; text-align: left; color: #0066CC; padding: 8px 0px 8px 20px; }
    #telo .left .td1 a, #telo .left .td1 a:hover{ font-size: 12px; font-weight: normal; color: #CC0000; text-decoration: none; }


#telo .right div .p1{ width: 50px; margin: 15px 0px 5px 10px; float: left; }
#telo .right div .p2{ width: 210px; margin: 15px 0px 5px 10px; float: left; }
#telo .right div .p2 input{ width: 200px; font-size: 12px; color #333; border: 1px solid #999; }
#telo .right div .p2 textarea{ width: 200px; height: 120px; font-size: 12px; color #333; border: 1px solid #999; }
#telo .right div .p2 .submit{ font-size: 12px; color: #FFF; border: 1px solid #00AC00; background: #008000; padding: 5px 0px 5px 0px; }
#telo .right div .kontrolni_kod{ width: 150px; }
#telo .right .yes{ width: 282px; text-align: center; color: #FFF; background-color: #008000; padding: 4px; margin: 0px; }
#telo .right .no{ width: 282px; text-align: center; color: #FFF; background-color: #CC0000; padding: 4px; margin: 0px; }
#telo .right .mail{ margin: 0px 10px 0px 10px; }


/**REGISTRACE**/
#telo .left .reg p{ font-size: 12px; margin: 0px 0px 0px 20px; }
#telo .left .reg input{ width: 165px; margin: 5px 0px 10px 20px; }
#telo .left .reg .error{ color: #FFF; background-color: #CC0000; font-size: 12px; }
#telo .left .reg .submit{ font-size: 12px; color: #FFF; border: 1px solid #00AC00; background: #008000; padding: 5px 0px 5px 0px; }


/**INFO**/
#info div{ width: 217px; margin: 25px 10px 25px 10px; float: left; }
#info h2{ color: #333; font-size: 15px; margin: 0px; }
#info p{ font-size: 11px; font-family: Verdana; text-align: justify; line-height: 160%; margin: 10px 0px 0px 5px; }
    #info p a{ color: #0066CC; text-decoration: underline; }
    #info p a:hover{ color: #0066CC; text-decoration: none; }
#info p strong{ color: #0066cc; }
#info img{ width: 45px; margin: 10px 20px 0px 0px; float: left; }

/**PATICKA**/
#paticka p{ font-size: 14px; }
    #paticka p a{ color: #0066CC; text-decoration: underline; }
    #paticka p a:hover{ color: #0066CC; text-decoration: none; }
#paticka span{ font-size: 12px; }
    #paticka span a{ color: #00172C; text-decoration: none; }
    #paticka span a:hover{ color: #0066CC; text-decoration: none; }

#telo .left .tucne, #telo .right .s li .tucne{ color: #000; font-weight: bold; background: #FFF; padding: 0px; margin: 0px; }
#telo .left .modre, #telo .right .s li .modre{ color: #0066CC; background: #FFF; padding: 0px; margin: 0px; }
#telo .left .tucnemodre, #telo .right .s li .tucnemodre{ font-weight: bold; color: #0066CC; background: #FFF; padding: 0px; margin: 0px; }