/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Výchozí hodnoty HTML tagů
---------------------------------------------------------------------------------------------------------- */

body {background:#FFF url("../design/bg.gif") 0 0 repeat-x; color:#000; font:0.75em/1.5 "arial", sans-serif; text-align:center;}

a {color:#E11932;}
a:hover {color:#000;}

h1, h2, h3 {font-family:"arial", sans-serif;}
h1 {font-size:240%; line-height:1.2; letter-spacing:-1px; color:#202020;}
h1 span {color:#E11932;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}



p, table, ul, ol, dl, fieldset, address {margin:15px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px; border:1px solid #CCC;}
legend {position:absolute; top:-1em; margin:0; font-size:100%; font-weight:bold; color:#000;}

input, select {padding: 1px;}

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
del {text-decoration:line-through;}
strong {font-weight:bold;}
blockquote {margin:15px 20px;}
cite, em, q, blockquote {font-style:italic;}
pre, code, kbd, samp {font-family:monospace; font-size:110%;}
sub, sup {line-height:0;}

hr {display:block; height:1px; margin:10px 0; border:0 solid #CCC; background:#CCC; color:#CCC;}

/* ----------------------------------------------------------------------------------------------------------
3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

.width100 {width:100%;}
.big {font-size:130%;}
.bigger {font-size:100%;}
.smaller {font-size:85%;}

.high {color:#E11932;}
.low {color:#707070;}

/* ----------------------------------------------------------------------------------------------------------
4) Obecné HTML styly (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

ul.ul-style01 {margin:0; list-style:none;}
ul.ul-style01 li {padding-left:12px; background:url("../design/ul-style01.gif") 0 5px no-repeat;}
ul.ul-style01 ul {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
5) Layout: Všeobecný
---------------------------------------------------------------------------------------------------------- */

#main-box {background:url("../design/bg-02.gif") 50% 0 repeat-y;}
#main {width:975px; margin:0 auto; border-top:5px solid #E11932; background:#FFF; text-align:left; overflow:hidden;}

	#header {position:relative; padding:20px 0; background:url("../design/header.jpg") 220px 0 no-repeat;}

        #logo {position:relative; overflow:hidden; width:241px; height:50px; margin:0; padding:0; font-size:240%;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
        
        #lang {position:absolute; top:10px; right:0; margin:0;}
        #lang-cz {padding:5px 5px 5px 25px; background:#EFEFEF url("../design/flag-cz.gif") 5px 50% no-repeat;}
        #lang-sk {padding:5px 5px 5px 25px; background:#EFEFEF url("../design/flag-sk.gif") 5px 50% no-repeat;}
        #lang a {font-size:95%; font-weight:bold; color:#505050; text-decoration:none;}
        #lang a:hover {background-color:#E5E5E5; color:#303030;}

        #add {position:absolute; top:40px; right:0; margin:0;}
        
    #lista-acomware {padding:7px 10px; background:#103F70;}
    #lista-acomware a {margin-right:5px; padding-left:7px; background:url("../design/acomware-link.gif") 0 5px no-repeat; color:#FFF;}
    #lista-acomware a:hover {color:#91BFEC;}

    #cols {clear:both; background:#FFF;}

        #col-left {float:left; width:775px;}    

            #content {float:right; width:555px; padding:10px; overflow:hidden;}
            
            #aside-left {float:left; width:200px; padding:10px 0; overflow:hidden;}
            
                #aside-left .title, #aside-right .title {margin-top:10px; padding:10px 10px 5px 10px; background:#134C86; color:#FFF; font-size:110%;}
                #aside-left .title-02, #aside-right .title-02 {margin-top:10px; padding:10px 10px 5px 10px; background:#E11932; color:#FFF; font-size:110%;}
                
                ul.subnav {margin:0; list-style:none;}
                ul.subnav li {display:inline;}
                ul.subnav li a {display:block; padding:2px 10px; border-bottom:1px solid #D2E6F9; background:url("../design/subnav-link.gif") 190px 7px no-repeat; font-size:110%; color:#134C86; text-decoration:underline;}
                ul.subnav li a:hover {background:#F1F7FD url("../design/subnav-hover.gif") 190px 7px no-repeat; color:#134C86;}
                ul.subnav li.subnav-active a {background:#F1F7FD url("../design/subnav-active.gif") 190px 7px no-repeat; font-weight:bold; text-decoration:none; color:#E11932;}
                
                ul.subnav-02 {margin:0; margin-bottom:10px; list-style:none;}
                ul.subnav-02 li {display:inline;}
                ul.subnav-02 li a {display:block; padding:2px 10px; border-bottom:1px solid #D2E6F9; background:#F1F7FD url("../design/subnav-hover.gif") 190px 7px no-repeat; font-size:110%; color:#E11932; text-decoration:underline;}
                ul.subnav-02 li.subnav-active a {background:#F1F7FD url("../design/subnav-active.gif") 190px 7px no-repeat; font-weight:bold; text-decoration:none; color:#134C86;}
                ul.subnav-02 li a:hover {background:#FFF url("../design/subnav-02-hover.gif") 190px 7px no-repeat; color:#E11932;}
                ul.subnav-02 li.subnav-02-active a {background:#FFF url("../design/subnav-active.gif") 190px 7px no-repeat; font-weight:bold; text-decoration:none; color:#134C86;}                
                
                #stats {margin-top:10px; padding-left:95px; background:url("../design/stats.gif") 0 50% no-repeat;}
                #stats dl dt {font-weight:normal;}
                #stats dl dd {font-weight:bold; color:#E11932;}                 
                                       
        #aside-right {float:right; width:200px; padding:10px 0; overflow:hidden;}
        #aside-right a {color:#134C86;}
        #aside-right a:hover {color:#E11932;}        
        
            #login {border:0; margin:0; padding:10px; background:#F1F7FD;}
            #login table {width:180px;}
            #login table td {padding:2px 0;}
        

	#footer {clear:both; padding:11px 0 20px 0; background:url("../design/footer.gif") 0 0 repeat-x;}
	#footer p {margin:0;}
	
	   #footer-links {padding:10px 0; border-bottom:1px solid #D2E6F9; background:#F2F7FD;}
	   #footer-links span {margin:0 5px; color:#909090;}
	   #footer-links a {color:#134C86; font-weight:bold;}
	   #footer-links a:hover {color:#E11932;}
	   
	   #footer-links-exchange {margin-bottom:10px; padding:10px 0; border-bottom:1px solid #D2E6F9; font-size:95%;}
	   #footer-links-exchange span {margin:0 5px; color:#909090;}
	   #footer-links-exchange a {color:#134C86;}
	   #footer-links-exchange a:hover {color:#E11932;}
	   
	   #nuvio {padding-left:18px; background:url("../design/nuvio.gif") 0 50% no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
6-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

#search {margin-bottom:10px; border-bottom:1px solid #BDD9F4; background:#D3E6F8;}
#search fieldset {margin:0; border:0;}
#search optgroup option {padding-left: 1em;}
#search selecte {width: 200px;}

#welcome {padding-right:220px; background:url("../design/welcome.jpg") 100% 50% no-repeat;}

#rec {margin:10px 0; padding-bottom:15px; background:url("../design/rec.gif") 0 100% repeat-x;}
#rec-in {background:url("../design/rec-in.gif") 0 0 repeat-y;}

    #rec .col {float:left; width:180px; overflow:hidden;}
    #rec .col.margin {margin:0 7px;}
    #rec .col p {margin:0;}
    #rec .col .desc {padding:0 5px; font:95%/1.4 "tahoma",sans-serif;}
    #rec .col .col-title {font-size:110%;}            
    #rec .col .col-title a {display:block; padding:5px 20px 5px 5px; background:#E11932 url("../design/rec-title.gif") 165px 50% no-repeat; color:#FFF; text-decoration:underline;}
    #rec .col .col-title a:hover {background-color:#B81429;}

dl#news {clear:both; margin:10px 0;}
dl#news a {color:#134C86;}
dl#news a:hover {color:#E11932;}
dl#news dt {margin-bottom:5px; color:#000; font-weight:normal;}
dl#news dt span {margin-right:2px; padding-right:8px; background:url("../design/news-arrow.gif") 100% 50% no-repeat;}
dl#news dd {padding-bottom:10px; margin:0; margin-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x; color:#777; font-size:95%;}

.list {clear:both; padding:10px; border-top:1px solid #D1E5F9;}
.list.alt {background:#E8F2FC;} 
.list.zvyraznit {background:#F8C2C9;}    

    .list-img {float:left; width:125px;}
    .list-img img {display:block; border:1px solid #DDD;}
    .list-desc {float:right; width:400px;}
    .list-desc a {color:#134C86;}
    .list-desc a:hover {color:#E11932;}
    .list-desc h4 {margin-bottom:5px;}
    .list-info {margin-top:5px !important; font-size:95%;}
    .list-info a {color:#000;}
    .list-info a:hover {color:#E11932;}
    .list-info2 {margin-top:5px !important; font-size:110%;}
    .list-info2 a {color:#000;}
    .list-info2 a:hover {color:#E11932;}
    .list-info2 .red {color:#E11932; font-weight: bold;}
    .list p {margin:0;}

ul#rec-mini {margin:0;}
ul#rec-mini li {display:block; clear:both; padding:5px 0; border-bottom:1px solid #D2E6F9; color:#707070;}

ol.cloud {margin:10px 0; padding:0; padding-left:10px; list-style:none;}
ol.cloud a {color:#134C86;}
ol.cloud a:hover {color:#E11932;}

/* ----------------------------------------------------------------------------------------------------------
6-2) Stránka: Detail obchodu
---------------------------------------------------------------------------------------------------------- */

#detail-scr {float:right; width:127px; margin-left:10px;}
#detail-scr img {display:block; border:1px solid #DDD;}

.ico-folder {padding-left:23px; background:url("../design/ico-folder.gif") 0 0 no-repeat; color:#134C86;}
a:hover.ico-folder {color:#000;} 

#gallery {text-align:center;}
#gallery img {margin:0 2px; border:0;}

dl#fce dd {margin-left:25px;}
dl#fce dt.ico-doprava {padding-left:25px; background:url("../design/ico-doprava.gif") 0 0 no-repeat;}
dl#fce dt.ico-platba {padding-left:25px; background:url("../design/ico-platba.gif") 0 0 no-repeat;}

#mapa {float:right; width:262px;}
#mapa img {display:block; width:260px; height:260px; border:1px solid #DDD;}

.col50 {float:left; width:270px;}

    .goods {margin:10px 0; padding-bottom:15px; background:url("../design/rec.gif") 0 100% repeat-x;}
    .goods-in {background:url("../design/rec-in.gif") 0 0 repeat-y;}
    
        .goods .col {float:left; width:180px; overflow:hidden;}
        .goods .col.margin {margin:0 7px;}
        .goods .col p {margin:0;}
        .goods .col .desc {padding:0 5px; font:95%/1.4 "tahoma",sans-serif;}
        .goods .col .col-title {font-size:110%;}
        .goods .col .col-title a {display:block; padding:5px 20px 5px 5px; background:#D2E6F9 url("../design/rec-title.gif") 165px 50% no-repeat; color:#134C86; text-decoration:underline;}
        .goods .col .col-title a:hover {background-color:#134C86; color:#FFF;}
    

/*------------------------------------------------------------------*/
/* formulare - ruzne casti 							  --*/
/*------------------------------------------------------------------*/


input.noborder {
	border: 0em;
}

span.podminka {
	padding-right: 5px;
	color: #FF0000;
}

form td.formComment {
	font-weight: bold;
	padding: 3px;    
}

input.fEltext, input.fElpassword, select.fElselect {
	width: 215px;
}

textarea.fElarea {
    width: 215px;
    height: 100px;
}

textarea.fElarea2 {
    width: 300px;
    height: 250px;
}

input.fEltextSmall {
	width: 50%;
}

input.fElbutton {	
    float: right;
    width: auto;
	 margin: 0 0 0 5px;
    padding: 0 5px 0 5px;
   /* overflow: visible;*/
}

input.fElCheckbox, span.fElcheckbox input {
	border: none;
	float: left;
	padding: 0;
	margin: 0 12px 0 0;
}

input.fElradiobutton {
	border: none;
	width: auto;
	background: none;
}

span.fElradiobutton {
	display: block;
	clear: both;
}

input.fElfile {
	width: 140px;
}

.fElcheckboxList {
	width: 200px;
	float: left;
	clear: both;
}

.fElcheckboxList input, .fElcheckboxList img {
    float: left;
    width: auto;
}

.fElcheckboxList input {
    border: none;  
}

.fElcheckboxList label {
    width: 140px;
    float: left;
	 color: #000000;
    padding: 3px 0 2px 10px;
}
    
    
/*------------------------------------------------------------------*/
/* registrace - formular												  	              --*/
/*------------------------------------------------------------------*/
.formRegistration th {
	width: 130px;
	text-align: left;
	padding: 6px 0 0 0; 
	vertical-align: top;
	 font-weight: normal;
	}
.formRegistration td {
	width: 340px;
}
.formRegistration td input.fEltext {width: 215px;}
.formRegistration td input.fEltext2 {width: 250px;}
.formRegistration td input.fElpassword {width: 215px;}
.formRegistration select.fElselect {width: 218px;}
.formRegistration label {display:inline; width: auto;}
.formRegistration fieldset {border:1px solid #D1EAFA; padding:10px; margin-bottom:15px}
.formRegistration fieldset legend {font-weight:bold; color:#16649C; font-size:100%}
.formRegistration fieldset.ico-osoba {background:url("../design/ico-osoba.gif") 95% 20px no-repeat}
.formRegistration fieldset.ico-zamek {background:url("../design/ico-zamek.gif") 95% 20px no-repeat}
.formRegistration fieldset.ico-osoba {background:url("../design/ico-osoba.gif") 95% 20px no-repeat}
.formRegistration fieldset.ico-osoba-fakturace {background:url("../design/ico-osoba-firma.gif") 95% 20px no-repeat}
.formRegistration fieldset.ico-osoba-dodaci {background:url("../design/ico-osoba-dodaci.gif") 95% 20px no-repeat}
.formRegistration fieldset.ico-mobil {background:url("../design/ico-obalka.gif") 95% 20px no-repeat}

span.podminka {
	padding-right: 5px;
	color: #FF0000;
}
    
/* ----------------------------------------------------------------------------------------------------------
Z) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

.title {font-size:120%; background:url("../design/dot.gif") 0 50% repeat-x;}
.title span {padding-right:5px; background:#FFF;}

.submit {border:0; padding:2px 3px; border:1px solid #A70C24; border-left:1px solid #F18E98; border-top:1px solid #F18E98; background:#E11932; font-size:100%; font-weight:bold; color:#FFF;}

.out {padding-right:13px; background:url("../design/out.gif") 100% 0 no-repeat;}

#adfox-l2 {clear:both; margin: 10px; padding:10px; border:1px solid #D1E5F9;}
#adfox-l2 h2 a {float: right; font-size: 50%; margin-top: -9px;}
.adfox-box {border-bottom:2px solid #D1E5F9; padding-top: 2px; padding-bottom: 2px;}
.adfox-box h3 a {padding-top: 5px; margin-bottom: -10px; font-size: 90%;}
.adfox-box p {margin-top: 0px; margin-bottom: 0px;}
.adfox-box div {display:none;}

.ul404 {line-height: 20px;}


.informace {color:#103F70; margin-bottom:2px; border-width:1px; border-style:solid; padding:5px 10px 5px 10px; border-color:#C8DFF7; font-weight:bold;}
.informace2 {color:#E11932; margin-bottom:2px; border-width:1px; border-style:solid; padding:5px 10px 5px 10px; background:#F9C6CC; font-weight:bold;}

.informace-ok {color:#000; margin-bottom:2px; border-width:1px; border-style:solid; padding:5px 10px 5px 10px; background:#00DF00; font-weight:bold;}

.cervena {background-color: #FF5151;}
.zelena {background-color: #80FF00;}