/* CSS Document */
html {overflow: -moz-scrollbars-vertical;overflow: scroll;}
* {margin: 0;padding: 0;}
img, fieldset {display: block;border: none;}
a {text-decoration: none;}
a:hover,a.hover {text-decoration: underline;}

a.submit {display:block;margin:0.5em;padding:0.25em;border: 1px solid black;text-align:center}

body {background-color:white;font-family:"Arial Narrow", Arial, sans-serif;font-size:12px;text-align:center}
#page {width:872px;margin: 0 auto;position:relative;z-index:1;text-align:left}
#header {position:relative;padding-top:40px;}
    #links {position:absolute;right:0;top:0; line-height:50px;}
    #links h2{display:inline;color:#000;font-weight:bolder;font-size:12px;text-transform:uppercase;background: url('../img/predel_top_menu.png') no-repeat left center;}
    #links h2.last{padding-right:0;}                        
    #links h2.last a,#links h2.last span{margin:0}
    #links a, #links span{text-decoration: underline; color:#029DD7;padding:5px 8px;margin-right:-4px;}
    #links span {text-decoration:none;background-color:#029DD7;color:#fff}    
    #links a:hover{text-decoration:none;background-color:#029DD7;color:#FFF;}
    #logo-aaron,#logo-fotolab { float:left; position:relative;width: 872px;height: 35px;padding-top: 5px;overflow: hidden;cursor: pointer;text-align: center;font-weight: bold;font-size: 30px;color: #000;}
    #logo-aaron span,#logo-fotolab span {display: block;position: absolute;left: 0;top: 0;width: 872px;height: 40px;background: url('../img/loga_zahlavi.png') no-repeat left top;}
    
    #logo-fotolab {float:right; width: 230px;}
    #logo-fotolab span {width: 230px;height: 40px;background: url('../img/fotoprace.png') no-repeat left top;}
    #motto {margin-top:15px}
    #motto p {text-align:right;text-transform:uppercase;color:#3E3D3D;margin-bottom:4px;}
    #motto p b{color:black}
#content-wrap{margin-top:25px;padding-top:25px;position:relative;}
    #banner-col{display:block;float:right;width:166px;height:456px; background: url('../img/banner_right.jpg') no-repeat left top;}
    #banner-col{background: url('../img/banner/pasovky_sekce2.jpg') no-repeat left top;}
    #content{}

    .icon div{display:block;position:relative;width:223px;height:223px;font-family: Arial, sans-serif;margin:0 12px 12px 0;color:white}
    /*.icon div:hover{text-decoration:none}*/
    .icon a {color:inherit}
    .icon li {color:white; font-size:12px;width:170px;margin-bottom:10px; list-style:none}
    .icon h2 {font-size:14px;text-transform:uppercase; width:223px; text-align:center;position:absolute; top:8px;font-weight:bold}

    .icon div span.info {position:absolute; bottom:5px; right:10px;}
    

    #icon-calendar div ul {position:absolute; top:87px;left:25px;}
    #icon-calendar h2{color:#1C4505; }
    #icon-calendar div{background: url('../img/01_kalendare.png') no-repeat 100% 0;}

    #icon-online h2{color:#A17901;}
    #icon-online div ul {position:absolute; top:87px;left:25px;}
    #icon-online div{background: url('../img/02_online.png') no-repeat 100% 0;}

    #icon-minilab h2{color:#E34103;}
    #icon-minilab div ul {position:absolute; top:87px;left:25px;}
    #icon-minilab div{background: url('../img/03_minilab.png') no-repeat 100% 0;}

    #icon-pasovky h2{color:#B20202;}
    #icon-pasovky div ul {position:absolute; top:87px;left:25px;}
    #icon-pasovky div{background: url('../img/04_pasovky.png') no-repeat 100% 0;}

    #icon-ploter h2{color:#0B2EA6;}
    #icon-ploter div ul {position:absolute; top:87px;left:25px;}
    #icon-ploter div{background: url('../img/05_ploter.png') no-repeat 100% 0;}
    

    #icon-sluzby h2{color:#9A0144;}
    #icon-sluzby div ul {position:absolute; top:87px;left:25px;}
    #icon-sluzby div{background: url('../img/06_fotime.png') no-repeat 100% 0;}
    

     #icon-online div:hover,#icon-minilab div:hover,#icon-pasovky div:hover, #icon-ploter div:hover, #icon-sluzby div:hover, #icon-calendar div:hover,#icon-online div:hover{background-position:0 0;}

    #product-wrap {width:401px;height:177px;background: url('../img/bbanner_right.png') no-repeat right top;font-family: Arial, sans-serif;}
    #product-wrap h2 {color:#038BBD;font-size:18px}
    #banner-bottom {text-align:left}
    #banner-bottom img,  #banner-bottom a {margin:0; padding:0;}

    #product {margin-top:4px;}
    #product h3{color:#029DD7;margin-bottom:3px;font-size:12px}
    #product h3 a {color:#029DD7; text-decoration:underline}
    #product h3 a:hover{color:#029DD7; text-decoration:none}
    #product img {margin-right:25px; float:left}
    #product span {font-size:14px;}
    #product span b{font-size:16px;}
    #product span small{color:#3D3D3D}
#footer {margin-top:12px;color:#3E3D3D;}
#footer a {text-decoration: underline;}
#footer a:hover {text-decoration: none;}

#menu {position:absolute;top:0;left:0}
#menu li{list-style:none; float:left;}
#menu li.last{border:0}
#menu li h2 {font-size:14px;color:#FFF;text-transform:uppercase;font-weight:bold;font-family:"Arial Narrow", Arial, sans-serif;}
#menu li a {color:#FFF}
#menu li a:hover {text-decoration:none}
#menu li.active {/*position:relative;z-index:11;*/margin-top:-6px;}
#menu li.button h2{display:block;line-height:20px;text-align:center}
#menu li.button h2:hover {background-position:100% 0;}
#menu li.active h2:hover{background-position:left top;}

#menu-calendar h2, #menu-minilab h2{padding:15px 0;height:38px;}
/*#menu-calendar{position:relative;z-index:11;}*/
#menu-calendar h2{width:154px;background: url('../img/01_zalozka.png') no-repeat left top;}
#menu-minilab h2{width:109px;background: url('../img/03_zalozka.png') no-repeat left top;}

#menu-calendar.button.active h2{padding-top:21px;background: url('../img/01_zalozka_aktiv.png') no-repeat left top;height:33px}
#menu-minilab.button.active h2{padding-top:21px;background: url('../img/03_zalozka_aktiv.png') no-repeat left top;height:30px}

#menu-online h2,#menu-pasovky h2,#menu-ploter h2,#menu-service h2 {padding:5px 0;height:58px;}
#menu-online h2{width:142px;background: url('../img/02_zalozka.png') no-repeat left top;}
#menu-pasovky h2{width:144px;background: url('../img/04_zalozka.png') no-repeat left top;}
#menu-ploter h2{width:167px;background: url('../img/05_zalozka.png') no-repeat left top;}
#menu-service h2{width:156px;background: url('../img/06_zalozka.png') no-repeat left top;}

#menu-online.button.active h2{padding-top:11px;background: url('../img/02_zalozka_aktiv.png') no-repeat left top;}
#menu-pasovky.button.active h2{padding-top:11px;background: url('../img/04_zalozka_aktiv.png') no-repeat left top;}
#menu-ploter.button.active h2{padding-top:11px;background: url('../img/05_zalozka_aktiv.png') no-repeat left top;}
#menu-service.button.active h2{padding-top:11px;background: url('../img/06_zalozka_aktiv.png') no-repeat left top;}

sup{color:#009ED6;}
.info-underline{font-style: italic;color:#c2c2c2;margin-top:1em; border-top:1px solid #c2c2c2; padding-top:0.5em;}

.content .inner {position:relative;z-index:10}
.content-env {width:75%;min-height:610px;}
.content {width:872px;margin-top:20px;position:relative;z-index:10;margin-bottom:10px;font-size:13px;font-family: Arial, sans-serif;}
.content ul{padding-left:30px;margin:0}
.content h1 {font-size:20px;margin-bottom:10px;text-transform:uppercase;color:#009ED6}
.content h2 {font-size:15px;margin-bottom:15px;text-transform:uppercase;color:#009ED6}
.content h3,.content h4 {margin:1em 0 0.5em 0}
.content a {color:#009ED6;text-decoration: underline}
.content a:hover {text-decoration: none}
.content .top {height:20px;background: url('../img/top_menu_top.png') no-repeat left top;}
.content .mdl {padding:15px 35px;background: url('../img/top_menu_middle.png') repeat-y left top;}
.content .btn {height:21px;background: url('../img/top_menu_bottom.png') no-repeat left top;}
.content .right-col{float:right; width:180px; margin:0 15px 15px 15px; }
.content p{margin-bottom:0.5em;text-indent:0; text-align:left;}
.content p.first {text-indent:0}
.content .hr { margin:1em 0;width:100%;height:1px;line-height:1px;border-bottom:1px solid #009ED6}
.content .hr100 { margin:1em 0;width:100%;height:1px;line-height:1px;border-bottom:1px solid #009ED6}
.content table{border-color:#009ED6;margin:0.5em 0}
.content table th {background-color:#009ED6;color:#FFF; text-align:center}
.content table td {padding:0 1em;}
.content .form a {text-decoration:none}
.content .form table td{padding-left:0}
.content ul li {line-height:20px}
.banner {margin-left:15px;width:166px;position:absolute;top:0;right:30px;}

.content .form input, .form textarea, .form input[type="submit"] {margin:0.5em;padding:0.25em;border: 1px solid black;}



#content-tisk-kalendaru .top{background: url('../img/01_kategorie_top.png') no-repeat left top;}
#content-tisk-kalendaru .mdl{background: url('../img/01_kategorie_middle.png') repeat-y left top;}
#content-tisk-kalendaru .btn{background: url('../img/01_kategorie_bottom.png') no-repeat left top;}

#content-tisk-kalendaru .hr { border-color:#1C4505;}
#content-tisk-kalendaru table{border-color:#1C4505}
#content-tisk-kalendaru table th {background-color:#1C4505}
#content-tisk-kalendaru h1,#content-tisk-kalendaru h2, #content-tisk-kalendaru h3, #content-tisk-kalendaru h4, #content-tisk-kalendaru a {color:#1C4505}
#content-tisk-kalendaru h1 {line-height:65px;padding-left:86px;background: url('../img/01_ikona.png') no-repeat left center;}
/*#content-tisk-kalendaru .form table {border: 1px solid black; padding:15px;color:#FFF;background-color:#1C4505}*/
#content-tisk-kalendaru .form table {color:#1C4505}
#content-tisk-kalendaru .form input,#content-tisk-kalendaru .form textarea,#content-tisk-kalendaru .form input[type="submit"],#content-tisk-kalendaru a.submit{border-color:#1C4505}
#content-tisk-kalendaru .form input[type="submit"],#content-tisk-kalendaru a.submit{background-color:#1C4505; color:#FFF}
#content-tisk-kalendaru .form input[type="reset"]{color:#1C4505; background-color:#FFF}

#content-online-fotosberna .top{background: url('../img/02_kategorie_top.png') no-repeat left top;}
#content-online-fotosberna .mdl{background: url('../img/02_kategorie_middle.png') repeat-y left top;}
#content-online-fotosberna .btn{background: url('../img/02_kategorie_bottom.png') no-repeat left top;}

#content-online-fotosberna .hr {border-color:#A17901;}
#content-online-fotosberna table{border-color:#A17901}
#content-online-fotosberna table th {background-color:#A17901}
#content-online-fotosberna h1,#content-online-fotosberna h2, #content-online-fotosberna h3, #content-online-fotosberna h4, #content-online-fotosberna a {color:#A17901;}
#content-online-fotosberna h1 {line-height:65px;padding-left:106px;background: url('../img/02_ikona.png') no-repeat left center;}

#content-online-fotosberna .form input[type="submit"],#content-online-fotosberna a.submit{border-color:#A17901;background-color:#A17901; color:#FFF}



#content-minilab .form table {color:#E34103}
#content-minilab .form input,#content-minilab .form textarea,#content-minilab .form input[type="submit"],#content-minilab a.submit{border-color:#E34103}
#content-minilab .form input[type="submit"],#content-minilab a.submit{background-color:#E34103; color:#FFF}
#content-minilab .form input[type="reset"]{color:#E34103; background-color:#FFF}

#content-minilab .top{background: url('../img/03_kategorie_top.png') no-repeat left top;}
#content-minilab .mdl{background: url('../img/03_kategorie_middle.png') repeat-y left top;}
#content-minilab .btn{background: url('../img/03_kategorie_bottom.png') no-repeat left top;}

#content-minilab .hr, #content-minilab table{ border-color:#E34103;}
#content-minilab table th {background-color:#E34103}
#content-minilab h1,#content-minilab h2, #content-minilab h3, #content-minilab h4, #content-minilab a {color:#E34103;}
#content-minilab h1 {line-height:65px;padding-left:89px;background: url('../img/03_ikona.png') no-repeat left center;}

#content-prukazove-fotografie .top{background: url('../img/04_kategorie_top.png') no-repeat left top;}
#content-prukazove-fotografie .mdl{background: url('../img/04_kategorie_middle.png') repeat-y left top;}
#content-prukazove-fotografie .btn{background: url('../img/04_kategorie_bottom.png') no-repeat left top;}

#content-prukazove-fotografie .hr, #content-prukazove-fotografie table{border-color:#B20202;}
#content-prukazove-fotografie table th {background-color:#B20202}
#content-prukazove-fotografie h1,#content-prukazove-fotografie h2, #content-prukazove-fotografie h3, #content-prukazove-fotografie h4, #content-prukazove-fotografie a {color:#B20202;}
#content-prukazove-fotografie h1 {line-height:65px;padding-left:89px;background: url('../img/04_ikona.png') no-repeat left center;color:#B20202;}

#content-velkoformatovy-tisk .form table {color:#0B2EA6}
#content-velkoformatovy-tisk .form input,#content-velkoformatovy-tisk .form textarea,#content-velkoformatovy-tisk .form input[type="submit"],#content-velkoformatovy-tisk a.submit{border-color:#0B2EA6}
#content-velkoformatovy-tisk .form input[type="submit"],#content-velkoformatovy-tisk a.submit{background-color:#0B2EA6; color:#FFF}
#content-velkoformatovy-tisk .form input[type="reset"]{color:#0B2EA6; background-color:#FFF}

#content-velkoformatovy-tisk .top{background: url('../img/05_kategorie_top.png') no-repeat left top;}
#content-velkoformatovy-tisk .mdl{background: url('../img/05_kategorie_middle.png') repeat-y left top;}
#content-velkoformatovy-tisk .btn{background: url('../img/05_kategorie_bottom.png') no-repeat left top;}

#content-velkoformatovy-tisk .hr, #content-velkoformatovy-tisk table {border-color:#0B2EA6;}
#content-velkoformatovy-tisk table th {background-color:#0B2EA6}
#content-velkoformatovy-tisk h1,#content-velkoformatovy-tisk h2, #content-velkoformatovy-tisk h3, #content-velkoformatovy-tisk h4, #content-velkoformatovy-tisk a{color:#0B2EA6;}
#content-velkoformatovy-tisk h1 {line-height:65px;padding-left:103px;background: url('../img/05_ikona.png') no-repeat left center;color:#0B2EA6;}



#content-foto-sluzby .top{background: url('../img/06_kategorie_top.png') no-repeat left top;}
#content-foto-sluzby .mdl{background: url('../img/06_kategorie_middle.png') repeat-y left top;}
#content-foto-sluzby .btn{background: url('../img/06_kategorie_bottom.png') no-repeat left top;}


#content-foto-sluzby .form input[type="submit"], #content-foto-sluzby .hr, #content-foto-sluzby table {border-color:#9A0144;}
#content-foto-sluzby .form input[type="submit"] {background-color:#9A0144; color:#FFF}
#content-foto-sluzby table th {background-color:#9A0144}
#content-foto-sluzby h1, #content-foto-sluzby h2,#content-foto-sluzby h3,#content-foto-sluzby h4,#content-foto-sluzby a {color:#9A0144;}
#content-foto-sluzby h1 {font-size:19px;line-height:40px;padding-left:72px;background: url('../img/06_ikona.png') no-repeat left center;color:#9A0144;}


#content-tisk-kalendaru ul li{list-style-image:url('../img/01_odrazka.png')}
#content-online-fotosberna ul li{list-style-image:url('../img/02_odrazka.png')}
#content-minilab ul li{list-style-image:url('../img/03_odrazka.png')}
#content-prukazove-fotografie ul li{list-style-image:url('../img/04_odrazka.png')}
#content-prukazove-fotografie ul li ol li {list-style: disc}
#content-velkoformatovy-tisk ul li{list-style-image:url('../img/05_odrazka.png')}
#content-foto-sluzby ul li{list-style-image:url('../img/06_odrazka.png')}
#content-foto-sluzby ul li ul li {list-style-type:circle; list-style-image:none}




#content-ovlivnete-vysledek-tisku .col_left {width:60%}
#content-reference .col_left {width:75%}
#content-foto-sluzby .col_left {width:78%}
#content-kontakt p{text-indent:0}
#content-kontakt h4 {/*text-decoration:underline*/}
#content-kontakt .col{width:55%}
#content-404 h1 {color:red}


#content-kontakt h1 {font-size:19px;line-height:32px;padding-left:66px;background: url('../img/ikona_kontakt.png') no-repeat left center;}
#content-reference h1 {font-size:19px;line-height:35px;padding-left:102px;background: url('../img/ikona_reference.png') no-repeat left center;}

#content-reference i {font-style: normal;} /* jen pro content */

#reference, #content-reference p {padding:15px 0; border-top:1px solid #009ED6; text-align: justify; text-justify: newspaper;}
#reference a {color:#009ED6;}
#reference {border:0;overflow: hidden;text-align:left;}
#reference span,#reference b, #content-reference p span, #content-reference p b {font-weight: bold;font-size: 17px;color:#009ED6}
#reference b, #content-reference p b {font-size: 13px;}

#content-cenik-sluzeb h1 {font-size:19px;line-height:65px;padding-left:100px;background: url('../img/ikona_cenik.png') no-repeat left center;}
#content-ovlivnete-vysledek-tisku h1 {font-size:19px;line-height:65px;padding-left:90px;background: url('../img/ikona_ucast.png') no-repeat left center;}

/*#content-cenik-sluzeb .inner {background: url('../img/cenik_roh.jpg') no-repeat right bottom;}*/
.corner {position:absolute;bottom:-13px;right:5px;}
 /*#content-cenik-sluzeb .corner{width:298px;height:224px;background: url('../img/cenik_roh.jpg') no-repeat right bottom;} /* 298px 224px */


.envelope {margin:10px 15px 10px 25px}
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.fll{float:left !important;}
.flr{float:right !important;}
.nod{display:none !important;}
.nb{border:none !important;}
.nob{background:none !important;}
.cleaner{clear:both;}
.bold{font-weight:bold;}
.pr {position:relative}

.mtb5 {margin:0.5em 0}
.m10 {margin:10px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.form input[type="submit"], .form input[type="reset"], .hand{cursor:pointer}
.small{font-size:60%}

ol {padding-left:30px}
.col_left {width:50%; padding-right:25px;min-height:250px;}
.col {padding-right:25px;}
span.price {font-weight:bolder;color:red}
table {border-collapse:collapse}
.noindent{text-indent:0}

.error{border-color:red !important}
.errorLabel {color:red !important} 

a.ex-pic{padding:2px;float:left;}
.p3 {padding:3px !important;}

.pl3 {padding-left:3px !important;}