
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
html,body {
	margin:0;
	padding:0;
  font-family: 'Calibri';    
  font-size:16px;
  height:100%;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size:18px; display: inline; }
a           { color:black; text-decoration: none;}
a:hover     { text-decoration: underline; }
.clearboth  { clear: both; }
.floatleft  { float: left; }
.bold       { font-weight: bold; }
.stin       { border-left:solid 2px #d5d5d5; border-right:solid 2px #d5d5d5; }
img         { border:0; }
input, textarea { outline:none; font-family: 'Calibri'; font-size:14px; outline:none; resize:none; }
.tisic      { margin-left: 0.3em;	}
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
                 -o-user-select: none; user-select: none; }
.strikethrough { position: relative; }
.strikethrough:before { position:absolute; content:""; left:0; top:50%; right:0; border-top:1px solid; border-color:#E31E24; 
                        -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -o-transform:rotate(-10deg); transform:rotate(-10deg); }


/* Hlavička */
#header       { margin:auto; width:1200px; min-height:62px; background-color: #f3f3f3; padding-bottom:38px; }
header        { float:left; width:100%; } 
#logo         { float:left; margin-left:5%; margin-top:24px; } 

#hlaska,
#chybna-hlaska  { width:80%; min-height:27px; margin:auto; margin-top:20px; text-align:center; font-size:18px; padding-top:5px; padding-bottom:5px;
                  -webkit-border-radius:10px; -moz-border:10px; border-radius:10px; }
#hlaska         { border:solid 2px #393185; }
#chybna-hlaska  { border:solid 2px black; color:red; }

#nav-right              { position:relative; float:right; width:243px; margin-top:15px; } 
#nav-registrace a       { float: left; background:url(../images/nav-sipka.png) no-repeat; margin:0 21px 0 45px; width:20px; height:20px; color:#bc1c34; cursor: pointer; } 
#nav-registrace a:hover { float: left; background:url(../images/nav-sipka.png) -20px no-repeat; color:#71111f;  }
#nav-text1              { position: relative; top:1px; margin-left:-80px; float:left; width:70px; }
#nav-prihlasit          { float: left; background:url(../images/nav-sipka.png) no-repeat; margin:0 40px 0 74px; width:20px; height:20px; color:#bc1c34; cursor: pointer; } 
#nav-prihlasit:hover    { float: left; background:url(../images/nav-sipka.png) -20px no-repeat; color:#71111f;  }
#nav-text2a             { position: relative; top:1px; margin-left:-60px; float:left; width:70px;  }         
#nav-prihlasit2         { display: none; float: left; background:url(../images/nav-sipka.png) -20px no-repeat; margin:0 40px 0 74px; width:20px; height:20px; color:#71111f; cursor: pointer; } 
#nav-text2b             { position: relative; top:1px; margin-left:-60px; float:left; width:70px;  }         
#nav-odhlasit a         { float: left; background:url(../images/nav-sipka.png) no-repeat; margin:0 40px 0 74px; width:20px; height:20px; color:#bc1c34; cursor: pointer; }  
#nav-odhlasit a:hover   { float: left; background:url(../images/nav-sipka.png) -20px no-repeat; color:#71111f;  } 
#nav-text4              { position: relative; top:1px; margin-left:-60px; float:left; width:70px;  }   
#nav-uziv-jmeno a       { float: left; background:url(../images/nav-sipka.png) no-repeat; margin:0 13px 0 53px; width:20px; height:20px; color:#bc1c34; cursor: pointer; } 
#nav-uziv-jmeno a:hover { background:url(../images/nav-sipka.png) -20px no-repeat; color:#71111f;  }  
#nav-text3              { position: relative; top:1px; margin-left:-156px; text-align:right; float:right; padding-right:26px;}
#ochrana                { display: none; }     
    
h1#h1home	{ float:left; font-weight:bold; font-size:24px; margin:5px 0 30px 0; }  

/* Okno nákup */
#okno-nakup             { position:fixed; display:none; width:100%; height:100%; margin:auto; z-index:10000; background-image: url(../images/seda.png); }
#okno-nakup-obsah       { position:relative; background-color:#e2e2e2; width:800px; height:260px; margin:auto; color:white; 
                          -webkit-border-radius:30px; -moz-border:30px; border-radius:30px; }
.okno-input,
.okno-input a           { background:url("../images/okno-input.png"); width:200px; color:#e5a6ad; letter-spacing: 0.2px; margin-bottom:50px; 
                          text-align: center; cursor: pointer; height:25px; padding-top:5px; text-decoration: none; }
.okno-input:hover,
.okno-input:hover a     { background:url("../images/okno-input.png") -200px; color:white; }
#okno-input-left        { float:left; }
#okno-input-right       { float:right; }
#okno-obsah-left        { float:left; margin-top:30px; margin-left:30px; margin-right:30px; width:490px; text-align: center; }
#okno-obsah-right       { float:left; margin-top:30px; margin-bottom:30px; width:220px; }
#okno-text              { height:140px; color:black; }
#okno-hlaska            { color:#900508; font-size:18px; margin-top:30px; }
#okno-nadpis            { font-size:22px; margin-top:20px; }

 
/* Přihlášení */
#prihlaseni               { display: none; position: absolute; z-index:100; top:30px; left:-9px; background-color: #4b4b4b; width:239px; height:185px; color:white; 
                            -webkit-transform: translate3d(0,0,0); }
#prihlaseni-sipka         { display: none; position: absolute; background:url(../images/prihlaseni-sipka.png); top:21px; width:22px; height:9px; margin-left:125px;}
#prihlaseni input         { width:163px; height:17px; margin:11px 0 0 10px; border: solid 2px #d2d7db; padding:3px 26px 3px 26px; font-size:14px;
                            -webkit-border-radius:30px; -moz-border:30px; border-radius:30px; }
#trvale + label           { margin:5px 7px 6px 13px; }
input#prihlaseni-button,
input#zapomenute-button   { width:100px; height:24px; background-color:#BC1C34; margin-top:6px; padding-top:4px; cursor: pointer; border:0; color:white; 
                            text-transform: uppercase; font-size:12px; letter-spacing:1px; }
input#zapomenute-button   { margin-top:12px; }
#zapomenute-heslo         { margin-top:10px; margin-left:10px; cursor: pointer; font-size:13px; }
#zaslat-heslo             { display: none; }



/* Checkbox */
.radio-checkbox         { height:25px; padding:5px 0 5px 0; }
.radio-checkbox input[type="checkbox"]  { position:absolute; opacity:0; width:100px; height:20px; cursor: pointer; }
.radio-checkbox input[type="checkbox"] + label { display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(../images/checkbox.png) left top no-repeat; cursor:pointer; }
.radio-checkbox input[type="checkbox"]:checked + label  { background:url(../images/checkbox.png) -20px top no-repeat; width:20px; cursor:pointer; }



/* Menu */
#menu         { float:right; font-size: 20px; margin-top:-46px; text-align: right; padding-right:50px; }
#menu a       { color:#393185; text-decoration: none; padding:0 8px 0 8px; margin-left:30px; }
#menu a:hover { border-bottom:3px solid red; }
.aktiv        { border-bottom:3px solid red; }

/* Slider */
#slider-pozadi      { background:url(../images/slider-pozadi.jpg) center; width:100%; min-width:1200px; height:350px; } 
.slider             { width:1600px;}
.slider-cont a      { position: relative; display: block; margin:auto; width:1200px; height:295px; color:#dededf; text-decoration: none; font-size:24px; 
                      line-height:26px; }
.slider-text        { float:left; margin-left:10%; width:40%; }
.slider-text-nadpis { font-size:44px; line-height: 44px; margin-top:40px; margin-bottom:5px; }
.slider-akce        { position: absolute; bottom:0px; background-image: url(../images/akce.png); width:393px; height:101px; left:10%; 
                      font-family:'Ubuntu'; font-style:italic; font-weight:400;   }
.slider-obrazek     { display: table; position: relative; float:right; margin-right:5%; margin-top:35px; width:45%; text-align: center; }


.slider-akce1       { float:left; width:196px; margin-top:8px; text-align:center; }
.slider-akce1-1     { color:#00498d; font-size:20px; }
.slider-akce1-2     { color:#00498d; font-size:28px; margin-top:5px;  }
.slider-akce1-3     { color:#00498d; font-size:14px; margin-top:3px; }

.slider-akce2       { float:left; width:196px; margin-top:8px; text-align:center; }
.slider-akce2-1     { color:white; font-size:20px; }
.slider-akce2-2     { color:white; font-size:36px; margin-top:5px; font-family: 'Ubuntu'; font-weight:700; }
.slider-akce2-3     { color:white; font-size:14px; margin-top:3px; }

.wraptocenter       { display:table-cell; vertical-align:middle; height:280px; width:100%; }
.wraptocenter *     { vertical-align: middle; }
 
 
 

 
 
/* Home */
#obsah            { margin:auto; width:1200px; background-color: #f3f3f3; }

#submenu          { float:left; width:280px; font-size:16px; background-image:linear-gradient(to right,#ebebeb,#f3f3f3); padding:30px 0 25px 0; } 
.submenu a        { display: block; width:268px; height:33px; padding:12px 0 0 12px; } 
.submenu2 a       { color:#676767; display: block; width:282px; height:25px; padding:6px 0 0 11px; } 
.submenu a:hover,
.submenu2 a:hover { text-decoration: none; background-image:linear-gradient(to right,#d5d5d5,#f3f3f3); }
.aktivni a,        
.aktivni a:hover  { background-image:none; background-color:#8A0508; color:white;  } 
 
#data         { position: relative; float:left; width:882px; margin-top:30px; margin-left:38px;  } 
#data2        { position: relative; float:left; width:1180px; margin-top:30px; margin-left:20px;  }
 
/* Filtrování */
#filtrovani input   { float:left; width:50%; height:26px; font-size:18px; letter-spacing:1px; padding: 8px 42px 5px 16px; border:0; 
                      border-bottom:1px solid #eee; margin-bottom:27px;
                      -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; behavior: url(../PIE.htc); } 
#filtrovani input#lupa { position:relative; background-image: url(../images/lupa.png); float:left; padding:0; margin:1px 0 0 -38px; width:38px; height:38px; z-index:100; cursor:default; }
#ajaxDivNaseptavac  { display: none; background-color:#f3f3f3; background-image:linear-gradient(to right,#ebebeb,#f3f3f3); position: absolute; 
                      z-index:1000; margin-top:53px; width:50%; border:solid #d5d5d5 1px; padding:8px 41px 15px 15px; font-size:18px;  }
#vysledky           { margin:5px 0 5px 0; color:#676767; }
.vysledky-odkazy    { line-height:24px; }
#razeni             { float:left; margin-left:5%; }


  
input[type="radio"].radio-razeni2  { display:none; }
input[type="radio"].radio-razeni2 + label span { display:inline-block; width:40px; height:40px; margin-left:6px; vertical-align:middle; background:url(../images/razeni_cena_vzestupne.png) left top no-repeat; cursor:pointer; }
input[type="radio"].radio-razeni2:checked + label span { background:url(../images/razeni_cena_vzestupne.png) -40px top no-repeat; width:40px; }
input[type="radio"].radio-razeni2:hover + label span { background:url(../images/razeni_cena_vzestupne.png) -40px top no-repeat; width:40px; }

input[type="radio"].radio-razeni3  { display:none; }
input[type="radio"].radio-razeni3 + label span { display:inline-block; width:40px; height:40px; margin-left:6px; vertical-align:middle; background:url(../images/razeni_cena_sestupne.png) left top no-repeat; cursor:pointer; }
input[type="radio"].radio-razeni3:checked + label span { background:url(../images/razeni_cena_sestupne.png) -40px top no-repeat; width:40px; }
input[type="radio"].radio-razeni3:hover + label span { background:url(../images/razeni_cena_sestupne.png) -40px top no-repeat; width:40px; }
 

#ajax-kosik					{ position:relative; z-index:100 }
#kosik,
#kosik a                    { float:right; width:177px; margin-right:15px; text-decoration: none; }
#kosik-icon                 { float:left; background:url(../images/kosik.png) left top no-repeat; width:40px; height:40px; }
#kosik a:hover #kosik-icon    { background:url(../images/kosik.png) -40px top no-repeat; }
#kosik-cena                 { float:left; margin-top:8px; margin-left:12px; color:#bc1c34; font-size:20px; }
#kosik a:hover #kosik-cena    { color:#71111f; }
#kosik-prazdny              { float:left; margin-top:8px; margin-left:12px; color:#bc1c34; font-size:20px; cursor: default; }
#kosik a:hover #kosik-prazdny { color:#71111f; }
#podobne                    { margin:50px 0 10px 0; font-size:22px; color:#393185; }


/* Produkt */
#cesta            	{ float:left; margin:5px 0 30px 0; font-size:18px;  }
#cesta a          	{ color:#393185; }
#cesta-seo        	{ float:left; margin:25px 0 0px 0; font-size:16px; width:98%; }

.dodavatel			{ margin:40px auto 40px auto; font-size:16px; width:70%; }
.dodavatel a			{ float:left; width:100%; text-align:center; text-decoration: none; }
.vstup				{ width:300px; height:40px; margin:10px auto 0 auto; }
.vstup a 			{ float:left; background:white; border:solid 5px #393185; text-align:center; font-size:22px; 
					  padding-top:15px; height:40px; font-weight:bold; width:300px; margin-top:20px;}
.vstup a:hover		{ text-decoration: underline; }
#vstup1 a,
#vstup2 a,
#vstup3 a			{ color:red; }
#seo-text			{ width:98% }

.produkt          { position: relative; float:left; width:279px; margin-right:15px; margin-bottom:9px; }
.produkt img      { width:100%; background-color:white; border:1px solid #eee; }
.info,
.info-akce        { position: absolute; top:0; display:none; background:url(../images/info.png);  }
.info             { width:280px; height:280px; font-size:18px; }
.info-ram         { position: relative; border:1px solid #eee; width:100%; height:100%; }
.info-text        { position: absolute; display: none; left:30px; right:30px; bottom:20px; color:#393185; text-align: center; margin-top:200px; }
.info-text a      { text-decoration: none; }
.info-nazev       { text-transform: uppercase; letter-spacing: 1px; margin-bottom:3px; }
.info-cena-dph    { font-size:13px; color:#656288; line-height:14px; }
.ajax-schovat     { display: none; }

.info-koupit         { float:left; margin-top:34px; margin-left:27px; background:url(../images/koupit.png); width:130px; height:25px; color:#e5a6ad; 
                       text-decoration: none; padding-top:5px; cursor: pointer; }
.info-koupit:hover   { background:url(../images/koupit.png) -130px; color:white; }
.info-prohlednout a        { float:right; margin-top:34px; margin-right:25px; background:url(../images/prohlednout.png); width:30px; height:25px; padding-top:5px; }
.info-prohlednout a:hover  { background:url(../images/prohlednout.png) -30px; color:white; }


#table-multi { width:600px; border-collapse: collapse; text-align: center; }
#table-multi tr { height:30px;  }
#table-multi #tr-popisky { background-color:#8A0508; color:white; }
#table-multi input { width:50px; }
#table-multi #td-rozmer  { width:130px; }
#table-multi #td-kod     { width:80px; }
#table-multi #td-dostupnost { width:80px; }
#table-multi #td-dodani  { width:130px; }
#table-multi .td-cena   { width:110px; }  
#table-multi #td-pocet  { width:100px; }
#table-multi #pocet-kusu input{ text-align: center; width:40px; padding-right:4px; }
#table-multi .td-cena-barva { color:#999;}

.border   { position: absolute; margin:10px 0 0 10px; }
.borderh  { height: 0px; border-top: 1px solid #bbb; }
.borderv  { width: 0px; border-left: 1px solid #bbb; }
.top1     { left:128px; top:0px; }  
.top2     { right:138px; top:0px; } 
.bottom1  { left:128px; top:258px; }
.bottom2  { right:139px; top:258px; }
.right1   { left:0px; top:129px; }   
.right2   { left:0px; bottom:139px; } 
.left1    { left:257px; top:129px; }   
.left2    { left:257px; bottom:139px; } 

.topB1     { left:202px; top:0px; }
.topB2     { right:214px; top:0px; }
.bottomB1  { left:203px; top:406px; }
.bottomB2  { right:214px; top:406px; }
.rightB1   { left:0px; top:204px; }
.rightB2   { left:0px; bottom:213px; }
.leftB1    { left:406px; top:204px; }
.leftB2    { left:406px; bottom:200px; }

              
 
 
/* detail */
#detail-foto     { position: relative; float:left; width:350px; }
#detail-foto-multi { position: relative; float:left; width:220px; margin-top:47px; }
#detail-foto img { border:1px solid #eee; background-color: white; }
#detail-form-info{ position: relative; float:left; width:480px; margin-left:40px; min-height:350px; }  
#detail-nazev    { font-size:22px; margin-bottom:5px; color:#393185; }
#detail-info     { font-size:22px; margin-top:10px; color:#393185; margin-bottom:10px; width:97%;}
#detail-popis    { margin-bottom:20px; width:97%;}
#skladem         { color:#12864F; margin-left:2px; }
#vyprodano       { color:#AF251B; margin-left:2px; }
#table           { float:left; width:230px; }
#detail-bottom   { position:absolute; bottom:5px; margin:0; }
#detail-bottom-multi { float:right; }
#detail-submit   { margin-top:30px; }
#pocet-kusu input{ border:solid 1px #333; width:89px; height:21px; padding-left:4px; }
#detail-cena-napis { float:left; font-size:22px; color:#393185; width:130px; margin-bottom:5px; text-align: center; }
#detail-cena-napis-preskrtnuty { float:left; font-size:22px; color:#999; width:130px; margin-bottom:5px; text-align: center; }
#detail-cena     { float:left; font-size:22px; color:#393185; width:130px; text-align: center; }
#detail-sleva    { float:left; font-size:22px; color:#393185; width:130px; text-align: center; }
#detail-cena-preskrtnuta { float:left; color:#999; margin-right:10px; width:130px; margin-bottom:5px; font-size:22px; text-align: center; }
#detail-cena-dph     { float:left; font-size:14px; color:#393185; width:130px; text-align: center; }
#detail-sleva-dph    { float:left; font-size:14px; color:#393185; width:130px; text-align: center; }
#detail-cena-preskrtnuta-dph { float:left; color:#999; margin-bottom:5px; width:130px; font-size:14px; text-align: center; }







 
 
 
 
 /* Košík */
#screenshot     { position:absolute; margin-top:35px; border:2px solid #122025; display:none; z-index:200; background-color:white; }
#screenshot img { width:350px; background-color:white; }
.lupa           { position: relative;	top:5px; float:left; margin-left:5px; cursor:help; }

#form-kosik table             { width:96%; margin:15px 0 50px 0; border-collapse: collapse; }
#form-kosik .td-lupa          { width:35px; }
#form-kosik table tr          { height:30px; vertical-align: top; }
#form-kosik .tr-mezera        { height:16px; }
#form-kosik .tr-popisky       { color:#7b7b7b; text-transform: uppercase; font-weight: bold; font-size:14px; height:40px; vertical-align:middle; }
#form-kosik .tr-popisky td    { border-bottom:solid 3px #E1E1E1; }
#form-kosik .td-nazev         { padding-right:10px; padding-bottom:10px; }
#form-kosik .td-cena          { width:100px; text-align:center; }
#form-kosik .td-cena2         { width:120px; text-align:center; }
#form-kosik .td-cena-polozka  { padding-right:20px; text-align: right; }
#form-kosik .td-pocet         { width:120px; }
#form-kosik .td-pocet input   { float:left; width:43px; background-color: white; border:solid 1px #7b7b7b; height:23px; font-size:16px; margin-top:-2px;
                                text-align: center; }
#form-kosik .td-pocet         { text-align: center;  }
#form-kosik .td-pocet .kosik-pocet { border-left:none; border-right:none; background-color: #f3f3f3; }
#form-kosik .td-pocet input[type=button] { width:19px; height:25px; cursor:pointer; color:#7b7b7b; background-color: #f3f3f3; }                    
#form-kosik .td-pocet input[type=button]:hover { color:black; }                                   
#form-kosik .td-cena-post     { padding-right:20px; text-align: right; }  
#form-kosik #pocet-buttony    { width:82px; margin:auto; }    
        
                                
#form-kosik .td-odebrat       { width:18px; }
#form-kosik .td-odebrat input { position: relative; background:url("../images/delete.png"); width:13px; height:13px; border:0; top:3px; cursor: pointer; }
#form-kosik .td-odebrat input:hover { background:url("../images/delete.png") -13px; }
#form-kosik .tr-mezera2       { height:10px; }
#form-kosik #tr-celkem        { color:#7b7b7b; font-weight:bold; border-top:solid 6px #E1E1E1; height:50px; vertical-align:middle; }
#form-kosik #td-celkem        { text-transform: uppercase; font-size:14px; }
.td-mnozstvi                  { text-align:center; }

.form-submit                  { height:30px; font-size:12px; border:0; cursor:pointer; text-transform: uppercase; text-align: center; font-weight: bold; }
.form-submit-left             { float:left; margin-bottom:50px; }
.form-submit-right            { float:right; margin-right:4%; }


.button-input                 { background:url("../images/koupit.png"); width:130px; color:#e5a6ad; letter-spacing: 0.2px; margin-bottom:50px; }
.button-input:hover           { background:url("../images/koupit.png") -130px; color:white; }

.button-nadpis                { background:url("../images/koupit.png") -130px; width:130px; height:22px; padding-top:8px; color:white; cursor:default; 
                                text-align:center; text-transform: uppercase; font-size:12px; font-family: 'Calibri'; font-weight: bold; 
                                letter-spacing: 0.2px;  }
.button-koupit                { margin-bottom:0px; }
 
     /* Radio */
#form-kosik input[type="radio"]  { position:absolute; opacity:0; width:290px; height:20px; cursor: pointer; left:0; }
#form-kosik input[type="radio"] + label {  display:inline-block; width:20px; height:20px; margin-right:4px; margin-top:-4px; vertical-align:middle; background:url(../images/radio.png) left top no-repeat; cursor:pointer; }
#form-kosik input[type="radio"]:checked + label { background:url(../images/radio.png) -20px top no-repeat; width:20px; cursor:pointer; }
 
 
 
 
/* Osobní údaje */
#osobni_udaje           { width:98%; margin-top:15px; margin-bottom:30px; }
#osobni_udaje input,
#osobni_udaje textarea  { width:91%; height:30px; border:1px solid black; padding:0 2% 0 2%; margin-bottom:5px; }
#osobni_udaje textarea  { width:97.3%; height:70px; outline:none; resize:none; padding:5px 0.7% 10px 0.7%; max-height:200px; }
#osobni_udaje input.f_ulice                { width:70%; }
#osobni_udaje input.f_post_cislo           { width:15%;  }
 
 
    /* Checkbox */
#osobni_udaje input[type="checkbox"]  { position:absolute; opacity:0; width:100px; height:20px; cursor: pointer; left:0; }
#osobni_udaje input[type="checkbox"] + label { display:inline-block; width:20px; height:20px; margin-right:4px; margin-top:-4px; vertical-align:middle; background:url(../images/checkbox.png) left top no-repeat; cursor:pointer; }
#osobni_udaje input[type="checkbox"]:checked + label  { background:url(../images/checkbox.png) -20px top no-repeat; width:20px; cursor:pointer; }

     /* Radio */
#dodani input[type="radio"]  { position:absolute; opacity:0; width:290px; height:20px; cursor: pointer; left:0; }
#dodani input[type="radio"] + label {  display:inline-block; width:20px; height:20px; margin-right:4px; margin-top:-4px; vertical-align:middle; background:url(../images/radio.png) left top no-repeat; cursor:pointer; }
#dodani input[type="radio"]:checked + label { background:url(../images/radio.png) -20px top no-repeat; width:20px; cursor:pointer; }


    /* Checkbox */
.radio input[type="checkbox"]  { position:absolute; opacity:0; width:290px; height:20px; cursor: pointer; left:0; }
.radio input[type="checkbox"] + label { display:inline-block; width:20px; height:20px; margin-right:4px; margin-top:-4px; vertical-align:middle; background:url(../images/checkbox.png) left top no-repeat; cursor:pointer; }
.radio input[type="checkbox"]:checked + label  { background:url(../images/checkbox.png) -20px top no-repeat; width:20px; cursor:pointer; }


 
#dodani        { margin:20px 0 60px 0; }
#zpusob-dodani { margin-top:39px; }
.radio         { margin-bottom:10px;  }

 
 
/* Registrace */
#registrace textarea      { width:91%; height:64px; border:1px solid black; padding:5px 2% 0 2%; margin-bottom:5px; }
.reg_dodatek              { float:left; font-size:14px; margin-top:7px; margin-left:10px; }
.button-nadpis-reg        { float: left; }
.reg-td                   { height:50px; }
.dodaci-hidden            { display: none; }
.reg-povinne              { height:30px; vertical-align: bottom; }
 
 
 
 
/* Obchodní podmínky */
#podminky     { padding-right:30px; margin-bottom:50px; }
.podminky-click	{ font-size:20px; line-height:28px; cursor:pointer; font-weight:bold }
.podminky-click:hover	{ text-decoration: underline; }


/* Doprava */
.table-doprava td { padding-right:30px;  }



/* Kontakt */
#map_canvas     { border:none; width:95%; height:450px; color:black; margin:30px 0 30px 0;}
#kontakt-left   { float:left; width:30%; margin:30px 0 30px 0;}
#kontakt-right  { float:left; width:30%; margin:30px 0 30px 0;}
 
/* Footer */
#footer       { margin:auto; width:100%; min-width:1200px; height:110px; background-color:#4b4b4b; font-size:18px; color:#ceced0; }
#footer a     { color:#ceced0; }
.wrapper      { min-height: 100%;	height: auto !important; margin: 0 auto -110px; background-color: white; }
.push         { height: 110px; /* .push must be the same height as footer */ }
#footer-web   { float:left; margin-top:43px; margin-left:50px; }
#footer-mapa  { float:right; margin-top:43px; margin-right:50px; cursor: pointer; }
#footer-mail  { float:right; margin-top:43px; margin-right:50px; cursor: pointer; }
#footer-zajistujeme { position: absolute; left:0; right:0; margin:auto; width:330px; margin-top:15px; }
#dewalt       { float:left; margin-left:10px; margin-top:10px; } 
#stanley      { float:left; margin-left:10px; margin-top:10px; }



/* HTML5 Placeholder - popis ve formulářích */
:-moz-placeholder           { color:#555; }   /* MOZILLA 18- */
::-moz-placeholder          { color:#555; }   /* MOZILLA 19+ */
::-webkit-input-placeholder { color:#bbb; }   /* CHROME, OPERA */ 
:-ms-input-placeholder      { color:#bbb; }   /* IE */

[placeholder]:focus:-moz-placeholder            { color:#555; } /* MOZILLA 18- */
[placeholder]:focus::-moz-placeholder           { color:#555; } /* MOZILLA 19+ */  
[placeholder]:focus::-webkit-input-placeholder  { color:#bbb; } /* CHROME, OPERA */
[placeholder]:focus:-ms-input-placeholder       { color:#bbb; } /* IE */
                                    