body.homepage				{ background: url(../images/design/bg_home.jpg) 50% 0 no-repeat; }
body.homepage.newhomepage2018			{ background: none; }
body.homepage.newhomepage			{ background: url(../images/design/bg_home_new.jpg) 50% 0 no-repeat; }

body.demo-duel				{ background: url(../images/design/bg_demo-duel.jpg) 50% 0 no-repeat; }
body.demo-stereo				{ background: url(../images/design/bg_demo-duel.jpg) 50% 0 no-repeat; }
body.duel					{ background: url(../images/design/bg_duel.jpg) 50% 0 no-repeat; }
body.stereo					{ background: url(../images/design/bg_duel.jpg) 50% 0 no-repeat; }
body.ucto					{ background: url(../images/design/bg_duel.jpg) 50% 0 no-repeat; }
body.skoleni				{ background: url(../images/design/bg_skoleni.jpg) 50% 0 no-repeat; }
body.duel-pracovni-plocha				{ background: url(../images/design/bg_pracovni-plocha.jpg) 50% 0 no-repeat; }
body.duel-pracovni-plocha h1 {color:#fff;}
body.duel-sql-technologie				{ background: url(../images/design/bg_sql-technologie.jpg) 50% 0 no-repeat; }
body.duel-sql-technologie h1 {color:#fff;}
body.duel-spoluprace				{ background: url(../images/design/bg_spoluprace.jpg) 50% 0 no-repeat; }
body.duel-spoluprace h1 {color:#fff;}
body.duel-vse-v-jednom				{ background: url(../images/design/bg_vse-v-jednom.jpg) 50% 0 no-repeat; }
body.duel-vse-v-jednom h1 {color:#fff;}

.bg				{ width: 100%; padding-top: 30px; min-width: 1080px; overflow: hidden; }
#main				{ width: 1080px; margin: 0 auto; padding: 0; position: relative; z-index: 1; text-align: left; padding-bottom: 0px; }

/* */
.main-column			{ float: left; display: inline; width: 730px; }
.main-column.trojsloupec	{ width: 810px; }
.second-column			{ float: right; display: inline; width: 280px; }

.main-column .textbox-left,
.main-column .textbox-right	{ width: 290px; }
.main-column .skoleni-box h3	{ max-width: 560px; margin-top: 8px; }
/* */


p.crumbtrail			{ background: #e2e3e4; margin: 0 0 46px; font-size: 13px; line-height: 17px; padding: 12px 29px 11px; color: #777; }
p.crumbtrail a			{ color: #777; margin-right: 9px; }
p.crumbtrail a:hover	{ color: #023e7c; }
.crumbtrail-crumb		{ display: inline-block; width: 7px; height: 11px; text-indent: -999em; background: url(../images/design/crumb.png) 0 0 no-repeat; margin-right: 8px; position: relative; top: 3px; }

p.center-text			{ text-align: center; padding: 0 60px; margin-bottom: 74px; }



/* siroke menu */
body.siroke-menu		{ background-position: 50% -30px !important; }
body.siroke-menu .bg	{ padding-top: 0; }
body.siroke-menu #top	{ width: 100%; margin: 0; }
body.siroke-menu #top > .wrapper	{ width: 1080px; position: relative; margin: 0 auto; }



/* header */
#top								{ width: 1080px; margin: 0 auto; text-align: left; background: #003064 url(../images/design/top.png) 0 0 repeat-x; position: relative; min-height: 60px; }
a#logo							{ float: left; margin: 13px 30px 0; }

.mainmenu						{ float: left; margin: 0; padding: 0; position: relative; }
.mainmenu ul					{ margin: 0; padding: 0; float: left; width: auto; border-left: 1px solid #28588d; }
.mainmenu ul li				{ background: none; padding: 0; margin: 0; display: inline; float: left; border-right: 1px solid #28588d; }

.mainmenu ul li a				{ display: block; text-decoration: none; color: white; text-transform: uppercase; padding: 16px 23px; }
/*.mainmenu ul li a				{ display: block; text-decoration: none; color: white; text-transform: uppercase; padding: 16px 25px; }*/
/*.mainmenu ul li a				{ display: block; text-decoration: none; color: white; text-transform: uppercase; padding: 16px 30px; }*/
.mainmenu ul li a span		{ display: block; padding-right: 21px; background: url(../images/design/menu.png) 100% 12px no-repeat; }

.mainmenu ul li:hover > a,
.mainmenu ul li.dropit-open > a					{ background: #c4161c; }
.mainmenu ul li.dropit-open .dropdown-obsah	{ display: block; }

.dropdown-obsah				{ position: absolute; top: 60px; left: -122px; background: white url(../images/design/drop-tel.png) 100% 100% no-repeat; z-index: 50; width: 1080px; overflow: hidden; display: none; }
.dropdown-obsah-left			{ float: left; padding: 25px 40px; width: 690px; background: #c4161c; min-height: 250px; }
.dropdown-obsah-right		{ width: 250px; float: right; padding: 30px 30px 10px; }
.link-box-left					{ float: left; width: 150px; margin: 12px 40px 0 0; }
.link-box-right				{ float: left; width: 150px; margin: 12px 0 0; }
p.link-box-nadpis				{ text-transform: uppercase; font-size: 16px; color: #ffabae; margin: 0 0 9px; }
.link-box ul					{ float: none; border: none; }
.link-box ul li				{ display: block; border: none; float: none; line-height: 26px; }
.link-box ul li a				{ font-size: 14px; text-transform: none; padding: 0; display: inline-block; }
.link-box ul li a:hover		{ text-decoration: underline; }
p.drop-logo						{ font-size: 14px; color: #777; margin: 0 0 15px; padding-top: 55px; background: url(../images/design/drop-duel.png) 0 0 no-repeat; }
p.drop-nadpis					{ font-size: 18px; text-transform: uppercase; margin: 0 0 5px; color: #333; }
p.drop-cisla					{ font-size: 16px; line-height: 25px; margin: 0; }
.dropdown-obsah p.drop-cisla a		{ color: #023e7c; text-decoration: underline; padding: 0; padding: 0; float: none; display: inline-block; text-transform: none; }
.dropdown-obsah p.drop-cisla a:hover	{ background: none; color: #c4161c; }

.m2 p.drop-logo,
p.drop-logo-stereo			{ background: url(../images/design/drop-stereo.png) 0 0 no-repeat; }

.m4 p.drop-logo                 { background: url(../images/design/drop-jsweet.png) 0 0 no-repeat; }
.m5 p.drop-logo                 { background: url(../images/design/drop-duel-gdpr.png) 0 0 no-repeat; }

.m3 .dropdown-obsah			{ background: #c4161c; }
.m3 .dropdown-obsah-left	{ width: 530px; padding-right: 0; }
.m3 .link-box-left			{ margin-right: 0; width: 180px; }
.m3 .dropdown-obsah-right	{ width: 404px; padding-top: 41px; }
.m3 .dropdown-obsah-right ul							{ border: none; float: none; }
.m3 .dropdown-obsah-right ul li						{ border: none; display: block; float: none; font-size: 14px; line-height: 20px; margin-bottom: 18px; }
.m3 .dropdown-obsah-right ul li a					{ display: inline-block; padding: 0 0 0 53px; text-transform: none; background: url(../images/design/drop-down.png) 0 1px no-repeat; }
.m3 .dropdown-obsah-right ul li a strong			{ font-weight: normal; display: block; text-transform: uppercase; font-size: 16px; margin-bottom: 1px; }
.m3 .dropdown-obsah-right ul li a:hover			{ background-position: 0 -459px; }
.m3 .dropdown-obsah-right ul li a:hover strong	{ text-decoration: underline; }



p.header-link						{ margin: 17px 0 0; float: right; font-size: 14px; }
p.header-link a					{ display: inline-block; text-decoration: none; color: #c0d8f0; padding-left: 26px; background: url(../images/design/user.png) 0 6px no-repeat; }
p.header-link a:hover			{ color: white; background-position: 0 -129px; text-decoration: underline; }

.searchbox							{ float: right; margin: 10px 10px 0 30px; }
.searchbox fieldset				{ background: none; border: none; padding: 0; margin: 0; position: relative; }
.searchbox input.left_input	{ background: #002c5c; border: 1px solid #1c5089; color: #c1d9f1; font-size: 14px; padding: 11px 40px 10px 13px; width: 140px; }
.searchbox input.imagesub		{ background: none; border: none; padding: 0; margin: 0; position: absolute; top: 12px; right: 13px; }



/* bottom */
#bottom 						{ text-align: left; width: 100%; background: #cacaca url(../images/design/bottom.png) 0 0 repeat-x; min-height: 332px; }
#bottom > .wrapper		{ margin: 0 auto; position: relative; width: 1080px; padding-top: 71px; }
#bottom > .wrapper-home		{ margin: 0 auto; position: relative; width: 1080px; padding-top: 10px; }
.bottom-obal				{ width: 100%; clear: both; margin: 0 0 39px; }
.bottom-box					{ float: left; width: 175px; margin-right: 25px; font-size: 14px; }
.bottom-box-2				{ width: 225px; }
.bottom-box-3				{ width: 255px; margin-right: 0; }
.bottom-box-4				{ margin: -21px 0 0; float: right; background: #b2b2b2; width: 290px; padding: 21px 20px 20px; }
.bottom-box h2				{ font-size: 17px; color: #777; text-transform: uppercase; margin: 0 0 12px; line-height: 23px; }
.bottom-box ul				{ margin: 0; padding: 0; }
.bottom-box ul li			{ background: none; padding: 0; margin: 0 0 2px; }
.bottom-box ul li a		{ text-decoration: none; color: #333; }
.bottom-box ul li a:hover	{ text-decoration: underline; color: #023e7c; }
.bottom-box .list-left	{ float: left; width: 110px; }
.bottom-box .list-right	{ float: right; width: 125px; }
.bottom-box-4 h2			{ color: #333; margin-bottom: 20px; }
.bottom-box-4 fieldset	{ background: none; border: none; padding: 0; margin: 0; position: relative; }
.bottom-box-4 fieldset .left_input	{ background: #e2e3e4; border: 1px solid #999; font-size: 14px; color: #777; padding: 11px 40px 10px 13px; width: 235px; }
.bottom-box-4 fieldset .imagesub		{ background: none; border: none; padding: 0; margin: 0; position: absolute; top: 13px; right: 13px; }

.bottom-obal-2				{ font-size: 12px; color: #777; margin: 0; }
.bottom-obal-2 a			{ color: #777; }
.bottom-obal-2 a:hover	{ color: #023e7c; }

p.copyright					{ float: left; margin: 0; background: url(../images/design/jezeksw.png) 0 0 no-repeat; padding: 16px 0 0 80px; }
ul.bottom-social-link	{ float: right; margin: 16px 0 0 15px; }
ul.bottom-social-link li	{ display: inline; float: left; background: none; padding: 0; margin: 0 0 0 10px; }
ul.bottom-social-link li a	{ display: block; position: relative; width: 25px; height: 25px; text-indent: -999em; text-decoration: none; overflow: hidden; }
ul.bottom-social-link li a span 						{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/design/social.png) 0 0 no-repeat; cursor: pointer; }
ul.bottom-social-link li.twitter a span			{ background-position: -25px 0; }
ul.bottom-social-link li.googleplus a span		{ background-position: -50px 0; }
ul.bottom-social-link li a:hover span				{ background-position: 0 100%; }
ul.bottom-social-link li.twitter a:hover span	{ background-position: -25px 100%; }
ul.bottom-social-link li.googleplus a:hover span{ background-position: -50px 100%; }

ul.bottom-link				{ float: right; margin: 16px 0 0; }
ul.bottom-link li			{ display: inline; float: left; background: none; padding: 0; margin: 0 5px 0 0; }
ul.bottom-link li + li	{ background: url(../images/design/pipe.png) 0 9px no-repeat; padding-left: 6px; }





/* homepage */
p.button.homebutton {padding-top: 20px;}
p.button.homebuttonStereo {padding-top: 15px;}
.nadpisvkruhu { margin-bottom: 20px; line-height: 23px; font-size: 17px; }
.home-anotace-box.last h2.nadpisvkruhuStereo { line-height: 22px; padding-top:120px; font-size:15px;  }
.textvkruhu {font-size: smaller; line-height: 22px;}
.textvkruhuStereo {font-size: small; line-height: 18px;}

body.homepage #main		{ padding: 0; }
body.homepage h1			{ clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; }

.home-anotace				{ padding: 15px 70px 50px 90px; font-size: 20px; min-height: 470px; }
.home-anotace-box			{ float: left; width: 470px; height: 470px; background: url(../images/design/kruh.png) 0 0 no-repeat; text-align: center; }
.home-anotace-box:hover	{ background-position: 100% 0; }
.home-anotace-box h2		{ padding-top: 170px; background: url(../images/design/duel_logo.png) 50% 73px no-repeat; color: #321b00; font-size: 20px; margin: 0 0 10px; }
.home-anotace-box h2.nadpisvkruhu {font-size: 18px;}
p.button						{ margin: 0 0 26px; font-size: 18px; }
p.button a					{ text-decoration: none; text-transform: uppercase; color: white; position: relative; border: 1px solid #001225; border-bottom-width: 3px; display: inline-block; padding: 30px 52px 23px 75px; 
								  background: #003064 url(../images/design/button.png) 0 0 repeat-x; }
p.button a:before			{ content: ' '; width: 29px; height: 29px; background: url(../images/design/stahnout.png) 0 0 no-repeat; position: absolute; top: 28px; left: 24px; }
p.button a:after			{ content: ' '; width: 71px; height: 71px; background: url(../images/design/zdarma.png) 0 0 no-repeat; position: absolute; top: -2px; right: -2px; }
p.button a:hover			{ background: #003064; }

p.button.homebutton-red a:before			{ content: ' '; width: 29px; height: 29px; background: url(../images/design/stahnout.png) 0 0 no-repeat; position: absolute; top: 13px; left: 24px; }
p.button.homebutton-red a:after			{ content: ' '; width: 0px; height: 0px; background: none; position: absolute; top: 0px; right: 0px; }
p.button.homebutton-red a:hover			{ background: #c4161c; }

p.button.homebutton-red.homebutton-video a:before			{ content: ' '; width: 29px; height: 29px; background: url(../images/design/video.png) 0 0 no-repeat; position: absolute; top: 13px; left: 24px; }

p.button.homebutton-none a:before			{ content: ' '; width: 29px; height: 29px; background: url(../images/design/cervena_odrazka_sipka.png) 0 0 no-repeat; position: absolute; top: 24px; left: 24px; }
p.button.homebutton-none a:after			{ content: ' '; width: 0px; height: 0px; background: none; position: absolute; top: 0px; right: 0px; }
p.button.homebutton-none a:hover			{ background: rgba(242,140,140,0.2); /*color: white;*/ }


p.button.homebutton a {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    position: relative;
    border: 1px solid #001225;
    border-bottom-width: 3px;
    display: inline-block;
    padding: 13px 150px 12px 75px;
    background: #003064 url(../images/design/button.png) 0 0 repeat-x;
    
        -moz-box-shadow: 0 0 0 4px rgba(2,62,127,0.2), inset 0 1px 0 0 #4370a0;
    -webkit-box-shadow: 0 0 0 4px rgba(2,62,127,0.2), inset 0 1px 0 0 #4370a0;
    box-shadow: 0 0 0 4px rgba(2,62,127,0.2), inset 0 1px 0 0 #4370a0;
    
}

p.button.homebutton-red a {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    position: relative;
    border: 1px solid darkred;
    border-bottom-width: 3px;
    display: inline-block;
    padding: 13px 30px 12px 75px;
    background: #c4161c url(../images/design/button-red.png) 0 0 repeat-x;
    
        -moz-box-shadow: 0 0 0 4px rgba(242,140,140,0.2), inset 0 1px 0 0 #f28c8c;
    -webkit-box-shadow: 0 0 0 4px rgba(242,140,140,0.2), inset 0 1px 0 0 #f28c8c;
    box-shadow: 0 0 0 4px rgba(242,140,140,0.2), inset 0 1px 0 0 #f28c8c;
    
}

p.button.homebutton-none a {
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
    color: #333;
    position: relative;
    border: none;
    border-bottom-width: 3px;
    display: inline-block;
    padding: 13px 30px 12px 75px;
    background: none;
    
        -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    
}

p.button.homebutton a:after			{ content: ' '; width: 117px; height: 83px; background: url(../images/design/zdarmad.png) 0 0 no-repeat; position: absolute; top: -2px; right: -2px; }

.home-anotace-box.last p.button.homebuttonStereo a {
    padding: 8px 110px 8px 60px;
    line-height: 24px;
        -moz-box-shadow: 0 0 0 4px rgba(2,62,127,0.2), inset 0 1px 0 0 #4370a0;
    -webkit-box-shadow: 0 0 0 4px rgba(2,62,127,0.2), inset 0 1px 0 0 #4370a0;
    box-shadow: 0 0 0 4px rgba(2,62,127,0.2), inset 0 1px 0 0 #4370a0;
}
.home-anotace-box.last p.button.homebuttonStereo a:after	{ width: 92px; height: 65px; background-image: url(../images/design/zdarma2s.png); }


.home-anotace-box p.more	{ margin: 0; }
.home-anotace-box p.more a	{ display: inline-block; padding-right: 22px; background: url(../images/design/more.png) 100% 8px no-repeat; }
.home-anotace-box p.more a:hover	{ background-position: 100% -127px; }

.home-anotace-box.last	{ float: right; width: 348px; height: 348px; font-size: 16px; margin-top: 80px; background-image: url(../images/design/kruh2.png); }
.home-anotace-box.last h2	{ background-image: url(../images/design/stereo_logo.png); padding-top: 107px; background-position: 50% 55px; font-size: 16px; margin-bottom: 11px; }
.home-anotace-box.last p.button	{ font-size: 15px; margin-bottom: 15px; }
.home-anotace-box.last p.button a	{ padding: 20px 37px 17px 60px; }
.home-anotace-box.last p.button a:before	{ width: 23px; height: 23px; background-image: url(../images/design/stahnout2.png); top: 22px; left: 18px; }
.home-anotace-box.last p.button a:after	{ width: 57px; height: 57px; background-image: url(../images/design/zdarma2.png); }
.home-anotace-box.last p.more a	{ padding-right: 15px; background-image: url(../images/design/more2.png); background-position: 100% 10px; }
.home-anotace-box.last p.more a:hover	{ background-position: 100% -129px; }

.home-obal 				{ width: 100%; margin: 0; clear: both; }
.home-obal-jezek		{ float: left; width: 430px; position: relative; background: url(../images/design/jezek.jpg) 0 1px no-repeat; min-height: 775px; }
.home-obal-jezek p	{ margin: 0; font-size: 12px; line-height: 17px; color: #888; position: absolute; top: 222px; left: 256px; }

.video-box				{ float: right; width: 620px; margin-bottom: 31px; padding-top: 65px; }
.video-box h2			{ letter-spacing: -0.25px; margin-bottom: 32px; }
.video-box h2 span	{ letter-spacing: 0; }
.video-box p			{ margin: 0; }

.video-box.newhomepage {width:1080px; text-align: center; padding-top:10px;}

.video-box.newhomepage h2 {text-align:center;}

.news-home				{ float: right; width: 620px; }
.news-home.newhomepage				{ float: left; padding-top: 30px; width: 1080px; }
.news-home.newhomepage h2			{  font-size: 20px; margin: 0; float: left; }
.news-home-top			{ width: 100%; clear: both; margin: 0 0 4px; }
.news-home h2			{ color: #777; text-transform: uppercase; font-size: 20px; margin: 0; float: left; }
.news-home-archive	{ margin: 12px 0 0; float: right; font-size: 14px; }
.news-home-archive a	{ padding-right: 20px; display: inline-block; background: url(../images/design/archiv2.png) 100% 10px no-repeat; color: #c4161c; }
.news-home-archive a:hover	{ background-position: 100% -131px; }
.news-home-box			{ float: left; width: 300px; height: 75px; }
.news-home-box.last	{ float: right; }
.news-home-box .date	{ float: left; width: 60px; height: 45px; display: inline-block; color: white; text-align: center; margin-right: 20px; font-size: 18px; font-weight: bold; background: #023e7c; line-height: 15px;
							  padding-top: 15px; }
.news-home-box .date span	{ font-weight: normal; font-size: 11px; display: block; }
.news-home-box h3		{ font-size: 16px; line-height: 23px; margin: 0; height: 60px; display: table-cell; vertical-align: middle; }
.news-home-box h3 a	{ display: block; }
/* konec homepage */

.news-home-box2			{ float: left; width: 730px; min-height: 120px; }
.news-home-box2.last	{ float: right; }
.news-home-box2 .date	{ float: left; width: 60px; height: 45px; display: inline-block; color: white; text-align: center; margin-right: 20px; font-size: 18px; font-weight: bold; background: #023e7c; line-height: 15px;
							  padding-top: 15px; margin-bottom: 40px; }
.news-home-box2 .date span	{ font-weight: normal; font-size: 11px; display: block; }
.news-home-box2 h3		{ font-size: 16px; line-height: 23px; margin: 0; height: 30px; display: table-cell; vertical-align: top; }
.news-home-box2 h3 a	{ display: block; }

.news-home-box2.news-full	{ width: auto ; min-height: 120px; }

/* stranka duel */
.anotace-detail		{ padding: 0 70px 20px; min-height: 318px; margin-bottom: 67px; }
body.duel h1			{ font-size: 26px; padding-top: 20px; margin: 0 0 56px; }
body.duel h1 span		{ display: block; width: 183px; height: 66px; background: url(../images/design/duel_logo2.png) 0 0 no-repeat; text-indent: -999em; margin-bottom: 10px; }

p.duel_link {
    float: left;
    padding-right: 10px;
}

.cenik-form-left.widthfull {width:1080px;}

.navimenu				{ float: right; background: rgba(196,22,28,0.9); padding: 16px 30px 15px; width: 240px; margin-top: 38px; font-size: 16px; }
.navimenu ul			{ margin: 0; padding: 0; }
.navimenu ul li		{ margin: 0; padding: 2px 0; background: none; }
.navimenu ul li + li	{ border-top: 1px solid #d15458; }
.navimenu ul li a		{ color: white; display: block; text-decoration: none; text-transform: uppercase; background: url(../images/design/navi.png) 4px 12px no-repeat; padding: 9px 0 8px 39px; }
.navimenu ul li.m2 a	{ background-position: 4px -138px; }
.navimenu ul li.m3 a	{ background-position: 0 -286px; }
.navimenu ul li.m4 a	{ background-position: 2px -437px; }
.navimenu ul li.m5 a	{ background-position: 2px -1186px; }
.navimenu ul li.m6 a	{ background: url(../images/design/video.png) 4px 8px no-repeat;  }
.navimenu ul li a:hover		{ padding: 9px 10px 8px 49px; margin: 0 -10px; background-position: 14px 12px; background-color: #023e7c; }
.navimenu ul li.m2 a:hover	{ background-position: 14px -138px; }
.navimenu ul li.m3 a:hover	{ background-position: 10px -286px; }
.navimenu ul li.m4 a:hover	{ background-position: 12px -437px; }
.navimenu ul li.m5 a:hover	{ background-position: 12px -1186px; }
.navimenu ul li.m6 a:hover	{ background-position: 14px 8px; }

.dropdown-obsah .navimenu	{ float: left; margin: 0 110px 0 0; padding: 0; background: none; }
.dropdown-obsah .navimenu ul			{ float: none; border: none; }
.dropdown-obsah .navimenu ul li		{ float: none; display: block; border-right: none; }
.dropdown-obsah .navimenu li.m1 a	{ background-position: 2px -586px; }
.dropdown-obsah .navimenu li.m2 a	{ background-position: 1px -739px; }
.dropdown-obsah .navimenu li.m3 a	{ background-position: 4px 13px; }
.dropdown-obsah .navimenu li.m4 a	{ background-position: 4px -137px; }
.dropdown-obsah .navimenu li.m5 a	{ background-position: 0 -285px; }
.dropdown-obsah .navimenu li.m6 a	{ background-position: 0 8px; }
.dropdown-obsah .navimenu li.m1 a:hover	{ background: #023e7c url(../images/design/navi.png) 12px -586px no-repeat; }
.dropdown-obsah .navimenu li.m2 a:hover	{ background: #023e7c url(../images/design/navi.png) 11px -739px no-repeat; }
.dropdown-obsah .navimenu li.m3 a:hover	{ background: #023e7c url(../images/design/navi.png) 14px 13px no-repeat; }
.dropdown-obsah .navimenu li.m4 a:hover	{ background: #023e7c url(../images/design/navi.png) 14px -137px no-repeat; }
.dropdown-obsah .navimenu li.m5 a:hover	{ background: #023e7c url(../images/design/navi.png) 10px -285px no-repeat; }
.dropdown-obsah .navimenu li.m6 a:hover	{ background: #023e7c url(../images/design/video.png) 10px 8px no-repeat; }
.dropdown-obsah .navimenu li a span			{ background: #023e7c; color: white; text-transform: uppercase; font-size: 10px; line-height: 10px; padding: 2px 5px 3px; display: inline-block; margin-left: 4px; 
														  position: relative; top: -1px; }
.dropdown-obsah .navimenu li a:hover span	{ background: white; color: #023e7c; }

.m3 .dropdown-obsah .navimenu li.m1 a	{ background-position: 1px -885px; }
.m3 .dropdown-obsah .navimenu li.m2 a	{ background-position: 2px -1036px; }
.m3 .dropdown-obsah .navimenu li.m3 a	{ background-position: 4px 13px; }
.m3 .dropdown-obsah .navimenu li.m4 a	{ background-position: 0 -1186px; }
.m3 .dropdown-obsah .navimenu li.m5 a	{ background-position: 3px -1339px; }
.m3 .dropdown-obsah .navimenu li.m7 a	{ background-position: 2px -586px; }
.m3 .dropdown-obsah .navimenu li.m1 a:hover	{ background: #023e7c url(../images/design/navi.png) 11px -885px no-repeat; }
.m3 .dropdown-obsah .navimenu li.m2 a:hover	{ background: #023e7c url(../images/design/navi.png) 12px -1036px no-repeat; }
.m3 .dropdown-obsah .navimenu li.m3 a:hover	{ background: #023e7c url(../images/design/navi.png) 14px 13px no-repeat; }
.m3 .dropdown-obsah .navimenu li.m4 a:hover	{ background: #023e7c url(../images/design/navi.png) 10px -1186px no-repeat; }
.m3 .dropdown-obsah .navimenu li.m5 a:hover	{ background: #023e7c url(../images/design/navi.png) 13px -1339px no-repeat; }
.m3 .dropdown-obsah .navimenu li.m7 a:hover	{ background: #023e7c url(../images/design/navi.png) 13px -586px no-repeat; }

.m4 .dropdown-obsah .navimenu li.m3 a	{ background-position: 2px -1036px; }
.m4 .dropdown-obsah .navimenu li.m3 a:hover	{ background: #023e7c url(../images/design/navi.png) 12px -1036px no-repeat; }
.m4 .dropdown-obsah .navimenu li.m5 a	{ background-position: 4px 13px; }
.m4 .dropdown-obsah .navimenu li.m5 a:hover	{ background: #023e7c url(../images/design/navi.png) 14px 13px no-repeat; }

.m5 .dropdown-obsah .navimenu li.m3 a	{ background-position: 2px -1036px; }
.m5 .dropdown-obsah .navimenu li.m3 a:hover	{ background: #023e7c url(../images/design/navi.png) 12px -1036px no-repeat; }
.m5 .dropdown-obsah .navimenu li.m4 a	{ background-position: 0 -1186px; }
.m5 .dropdown-obsah .navimenu li.m4 a:hover	{ background: #023e7c url(../images/design/navi.png) 10px -1186px no-repeat; }
.m5 .dropdown-obsah .navimenu li.m5 a	{ background-position: 4px 13px; }
.m5 .dropdown-obsah .navimenu li.m5 a:hover	{ background: #023e7c url(../images/design/navi.png) 14px 13px no-repeat; }



.reference				{ width: 100%; clear: both; margin: 0 0 10px; }
.reference-img			{ float: left; margin: 0 0 50px; padding-top: 9px; }
.reference-box			{ float: right; width: 500px; }
.reference-right .reference-img	{ float: right; }
.reference-right .reference-box	{ float: left; }
.reference h2			{ font-size: 35px; line-height: 40px; margin: 0 0 23px; }

p.duel_link	.sbal				{ display: none; }
p.duel_link.opened .sbal	{ display: inline-block; }
p.duel_link.opened .rozbal	{ display: none; }


.duel a.button-small					{ text-decoration: none; display: inline-block; border: 1px solid #e3e4e5; padding: 2px 35px 1px 15px; background: #e3e4e5 url(../images/design/butonek.png) 0 0 repeat-x; color: #023e7c;
									  font-size: 15px; position: relative; cursor: pointer; }
.duel a.button-small:after			{ content: ' '; width: 11px; height: 7px; background: url(../images/design/after.png) 0 0 no-repeat; position: absolute; top: 13px; right: 15px; }
.duel .opened a.button-small:after	{ background-position: 0 100%; }
.duel a.button-small:hover			{ background: white; }
.duel a.button-small span			{ cursor: pointer; }

a.button-small					{ text-decoration: none; display: inline-block; border: 1px solid #e3e4e5; padding: 2px 35px 1px 15px; background: #e3e4e5 url(../images/design/butonek.png) 0 0 repeat-x; color: #023e7c;
									  font-size: 15px; position: relative; cursor: pointer; }
a.button-small:after			{ content: ' '; width: 11px; height: 7px; background: url(../images/design/after.png) 0 0 no-repeat; position: absolute; top: 13px; right: 15px; }
.opened a.button-small:after	{ background-position: 0 100%; }
a.button-small:hover			{ background: white; }
a.button-small span			{ cursor: pointer; }

.moduly-nadpis					{ text-align: center; }
.moduly-nadpis h2				{ font-size: 35px; line-height: 40px; margin: 0 0 20px; }
.moduly-nadpis h2 + p		{ margin-bottom: 36px; }
.moduly-boxy					{ width: 100%; clear: both; border: 1px solid #e2e3e4; margin: 0 0 44px; }
.moduly-box						{ padding: 24px 5px 15px; min-height: 340px; border-right: 1px solid #e2e3e4; width: 143px; text-align: center; font-size: 13px; float: left; }
.moduly-box.duel-moduly-box {width: 124px;}
.moduly-box-7					{ border-right: none; }
.moduly-box h3					{ margin: 0 0 8px; text-transform: uppercase; font-size: 16px; }
.moduly-box h3 a				{ display: block; padding: 0 0 100px; background: url(../images/design/ikony.png) 40px 51px no-repeat; }
.moduly-box-1 h3 a			{ background-position: -884px 51px; }
.moduly-box-2 h3 a			{ background-position: -114px 51px; }
.moduly-box-3 h3 a			{ background-position: -268px 51px; }
.moduly-box-4 h3 a			{ background-position: -422px 51px; }
.moduly-box-5 h3 a			{ background-position: -576px 51px; }
.moduly-box-6 h3 a			{ background-position: -730px 51px; }
.moduly-box-10 h3 a			{ background: url(../images/design/ico-analyzy.png) 40px 51px no-repeat; }
/*.moduly-box-7 h3 a			{ background-position: -884px 41px; }*/
.moduly-box ul					{ margin: 0; padding: 0; }
.moduly-box ul li				{ background: none; padding: 0; margin: 0 0; line-height: 26px; }
.moduly-box a					{ text-decoration: none; }
.moduly-box:hover				{ background: #c4161c; }
.moduly-box:hover a			{ color: white; }
.moduly-box:hover a:hover	{ text-decoration: underline; }

p.button-more a				{ font-size: 15px; padding: 15px 25px 12px; }
p.button-more a:before,
p.button-more a:after		{ display: none; }

.full-width-line				{ font-size: 1px; line-height: 1px; line-height: 1px; width: 1080px; margin: 60px -710px 50px; padding: 0 710px; background: #e2e3e4; }
.full-width-line2				{ font-size: 1px; line-height: 1px; line-height: 1px; width: 1080px; margin: 20px -710px 10px; padding: 0 710px; background: #e2e3e4; }

.full-width-box				{  width: 1080px; margin: 20px -710px 50px; padding: 0 710px; background: #FFF; padding-top: 10px; }

.full-width-box2 {
    background: #cacaca url(../images/design/bottom.png) 0 0 repeat-x;
    width: 1080px;
    margin: 0px -710px 0px;
    padding: 0 710px;
    padding-bottom: 5px;
    padding-top: 5px;
    /*font-weight: bold;*/
    text-align: center;
    /*color: #023e7c;*/
    color: black;
}

.pozadavky-obal				{ width: 100%; clear: both; margin: 0 0 37px; }
.pozadavky-obal h2			{ font-size: 35px; line-height: 40px; margin: 0 0 27px; padding-left: 58px; background: url(../images/design/h2-ikony.png) 0 5px no-repeat; }
.pozadavky-obal strong		{ color: #333; }
.pozadavky-left				{ float: left; width: 510px; }
.pozadavky-left p				{ font-size: 15px; line-height: 24px; margin-bottom: 24px; }
.pozadavky-left .popis h2	{ font-size: 35px; line-height: 40px; margin: 0 0 27px; padding-left: 58px; background: none; }
.pozadavky-right				{ float: right; width: 510px; }
.pozadavky-right h2			{ background-position: 0 -462px; margin-bottom: 30px; }
.pozadavky-obal .vlevo		{ float: left; width: 225px; }
.pozadavky-obal .vpravo		{ float: right; width: 260px; }

.popismodulu-obal				{ width: 100%; clear: both; margin: 0 0 37px; }
.popismodulu-obal h2			{ font-size: 35px; line-height: 40px; margin: 0 0 27px; padding-left: 0px;  }
.popismodulu-obal strong		{ color: #333; }
.popismodulu-left				{ float: left; width: 510px; }
.popismodulu-left p				{ font-size: 15px; line-height: 24px; margin-bottom: 24px; }
.popismodulu-right				{ float: right; width: 510px; }
.popismodulu-right h2			{ background-position: 0 -462px; margin-bottom: 30px; }
.popismodulu-obal .vlevo		{ float: left; width: 225px; }
.popismodulu-obal .vpravo		{ float: right; width: 260px; }

.cta-obal						{ background: #e2e3e4; padding: 50px 50px 44px; margin-bottom: 30px; }
.cta-box-1						{ float: left; width: 340px; margin-right: 60px; }
.cta-box-2						{ float: left; width: 170px; padding: 12px 0 0 71px; background: url(../images/design/telefon.png) 0 13px no-repeat; }
.cta-box-3						{ float: left; width: 170px; padding: 12px 0 0 71px; background: url(../images/design/h2-ikony.png) 0 -967px no-repeat; }
.cta-obal .navimenu			{ float: right; margin-top: 0; background: #c4161c; }
.cta-logo						{ margin-bottom: 34px; }
.cta-box-1 .button			{ margin-bottom: 15px; }
.cta-box-1 .popisek			{ font-size: 14px; color: #777; margin-bottom: 0; }
.cta-box-2 h2					{ font-size: 20px; margin: 0 0 7px; text-transform: uppercase; }
.cta-box-2 p					{ font-size: 18px; margin: 0; line-height: 30px; }
.cta-box-3 h2					{ font-size: 20px; margin: 0 0 7px; text-transform: uppercase; }
.cta-box-3 p					{ font-size: 18px; margin: 0; line-height: 30px; }
/* konec stranka duel */


/* stranka demoverze duel */
.demo-duel h1					{ float: left; width: 570px; }
.demo-duel p.vetsi-text		{ font-size: 22px; line-height: 30px; color: #333; margin: 0 0 15px; float: left; width: 530px; }
.demo-duel .anotace-detail	{ min-height: 300px; padding: 18px 70px 20px; }
.demo-duel .anotace-right	{ float: right; width: 360px; margin-top: -33px; }
.demo-duel .anotace-right p.button		{ margin-bottom: 20px; }
.demo-duel .anotace-right p.button a	{ display: block; padding-right: 30px; }

.demo-stereo h1					{ float: left; width: 570px; }
.demo-stereo p.vetsi-text		{ font-size: 22px; line-height: 34px; color: #333; margin: 0 0 15px; float: left; width: 530px; }
.demo-stereo .anotace-detail	{ min-height: 300px; padding: 18px 70px 20px; }
.demo-stereo .anotace-right	{ float: right; width: 360px; margin-top: -33px; }
.demo-stereo .anotace-right p.button		{ margin-bottom: 20px; }
.demo-stereo .anotace-right p.button a	{ display: block; padding-right: 30px; }

.ucto h1					{ float: left; width: 530px; }
.ucto p.vetsi-text		{ font-size: 22px; line-height: 34px; color: #333; margin: 0 0 15px; float: left; width: 530px; }
.ucto .anotace-detail	{ min-height: 300px; padding: 18px 70px 20px; }
.ucto .anotace-right	{ float: right; width: 338px; margin-top: -33px; }
.ucto .anotace-right p.button		{ margin-bottom: 20px; }
.ucto .anotace-right p.button a	{ display: block; padding-right: 30px; }

p.red-popis						{ color: white; font-size: 14px; line-height: 25px; margin: 0; padding: 13px 20px 12px; background: rgba(196,22,28,0.9); position: relative; }
p.red-popis:before			{ content: " "; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(196,22,28,0.9); position: absolute; top: -10px; 
									  left: 20px; }
									  
.demo-obal { padding: 2px 0 0 40px; margin-bottom: 30px; font-size: 14px; }

.demo-box.kratkydemobox p {min-height: 100px;}
.demo-box						{ float: left; width: 290px; margin-right: 65px; text-align: center; }
.demo-box-3						{ margin: 0; width: 310px; }
.demo-box-30						{ margin: 0; width: 310px; }

.demo-box h2					{ font-size: 23px; margin: 0; padding-bottom: 167px; background: url(../images/design/demo-h2.jpg) -40px 36px no-repeat; line-height: 25px; }
.demo-box-2 h2					{ background-position: -400px 36px; }
.demo-box-3 h2					{ background-position: -740px 36px; }
.demo-box-10 h2					{ background-position: -1100px 36px; }
.demo-box-30 h2					{ background-position: -1460px 36px; }
.demo-box p						{ line-height: 25px; margin: 0 0 20px; min-height: 157px; }
.demo-box p.button-demo		{ min-height: 10px; margin: 0; }
p.button-demo a				{ font-size: 15px; padding: 21px 20px 19px 60px; }
p.button-demo a:before		{ width: 23px; height: 23px; background-image: url(../images/design/stahnout2.png); top: 22px; left: 20px; }
p.button-demo-2 a:before	{ width: 24px; height: 18px; background-image: url(../images/design/koupit.png); top: 25px; left: 19px; }
p.button-demo-3 a:before	{ width: 23px; height: 15px; background-image: url(../images/design/zaslat.png); top: 26px; left: 19px; }
p.button-demo a:after		{ display: none; }
/* konec stranka demoverze duel */

/* stranka prevodove mustky */
.mustek-obal						{ padding: 2px 0 0 40px; margin-bottom: 30px; font-size: 14px; }
.mustek-box						{ float: left; width: 290px; margin-right: 65px; text-align: center; }
.mustek-box-3						{ margin: 0; width: 310px; }
.mustek-box h2					{ font-size: 23px; margin: 0; padding-bottom: 167px; background: url(../images/design/mustek-h2.jpg) -40px 36px no-repeat; line-height: 25px; }
.mustek-box-2 h2					{ background-position: -400px 36px; }
.mustek-box-3 h2					{ background-position: -740px 36px; }
.mustek-box p						{ line-height: 25px; margin: 0 0 20px; min-height: 157px; }
.mustek-box p.button-demo		{ min-height: 78px; margin: 0; }
.mustek-box p.oldversion { min-height: 0px; }
/* konec stranka prevodove mustky */



/* stranka kontakty */
body.kontakty p.crumbtrail	{ margin-bottom: 47px; }
.popis-detail-left			{ float: left; width: 710px; padding-top: 12px; }
.hotline-box					{ float: left; width: 208px; background: #fafafa; border: 1px solid #e2e3e4; padding: 24px 48px 32px; margin-bottom: 50px; }
.nofloat                   { float: none;}
.hotline-box h2				{ font-size: 21px; text-transform: uppercase; line-height: 26px; margin: 0 0 11px; }
.hotline-box h2 span			{ display: inline-block; font-size: 11px; background: #023e7c; color: white; line-height: 12px; padding: 2px 7px; margin-left: 10px; position: relative; top: -4px; }
.hotline-box p					{ font-size: 18px; line-height: 24px; margin: 0 0 9px; color: #333; }
.hotline-box p.popisek		{ font-size: 12px; line-height: 20px; margin: 0; padding-top: 4px; }
.vpravo-box						{ float: right; width: 360px; padding-top: 25px; margin-bottom: 50px; }
.vpravo-box h2					{ font-size: 23px; line-height: 26px; margin: 0 0 11px; }
.vpravo-box p					{ font-size: 18px; line-height: 24px; margin: 0 0 22px; color: #333; }
.vpravo-box p.popisek		{ font-size: 12px; line-height: 20px; margin: 0; padding-top: 4px; }

.kontakt-box					{ float: left; width: 230px; padding: 4px 0 0 50px; margin: 0 60px 35px 0; background: url(../images/design/h2-ikony.png) 0 -967px no-repeat; }
.kontakt-box-2					{ background-position: 1px -1466px; }
.kontakt-box-3					{ background-position: 3px -1964px; }
.kontakt-box-4					{ background-position: 2px -2464px; }
.kontakt-box h2				{ font-size: 23px; line-height: 26px; margin: 0 0 17px; }
.kontakt-box p					{ font-size: 12px; line-height: 20px; margin: 0 0 7px; }
.kontakt-box p strong		{ color: #333; font-size: 15px; }
.kontakt-box p a				{ font-size: 14px; }

.popis-detail-right			{ float: right; width: 259px; border-left: 1px solid #e2e3e4; padding: 23px 40px 20px 51px; margin-top: 10px; font-size: 12px; min-height: 508px; }
.popis-detail-right p		{ line-height: 20px; margin: 0 0 7px; }
.popis-detail-right strong	{ color: #333; }
.popis-detail-right img		{ margin: 0 0 13px 2px; }

table.kontakt-table			{ margin: 0 0 17px; }
table.kontakt-table th,
table.kontakt-table td		{ line-height: 20px; border: none; padding: 3px 15px 3px 0; }
table.kontakt-table th		{ font-weight: bold; background: none; color: #333; padding: 0; }
table.top-label td			{ padding: 0 15px 0 0; }
table.top-label td + td		{ padding-right: 0; }

.form-obal						{ width: 100%; margin: 0; clear: both; background: white url(../images/design/form.png) 0 0 repeat-x; text-align: left; }
.form-obal > .wrapper		{ width: 1080px; margin: 0 auto; position: relative; padding: 64px 0 20px; background: url(../images/design/jezek-form.png) 81.75% 100% no-repeat; min-height: 335px; }

.form-obal > .wrapper.tomvicvpravo {

    background: url(../images/design/jezek-form.png) 95.75% 100% no-repeat;
}

.form-obal .form				{ float: left; width: 730px; }
.form								{  width: 730px; }
p.field							{ margin: 0 0 17px; }
p.field.left					{ float: left; width: 42%; clear: left; }
p.field.leftbig					{ float: left; width: 65%; clear: left; }
p.field.right					{ float: right; width: 55%; clear: right; }
p.field.rightsmall					{ float: right; width: 30%; clear: right; }
p.field .label					{ display: block; font-size: 14px; color: white; padding-bottom: 5px; }
.required						{ color: #c4161c; }
p.field input					{ width: 93%; }
p.field textarea				{ width: 95%; height: 80px; }
p.form-info						{ float: left; clear: left; width: auto; margin: 18px 0 0; font-size: 12px; color: #ccd8e5; line-height: 20px; }
p.submit							{ margin: 0; float: right; clear: right; padding: 3px 0 0; }

.form-text						{ float: right; width: 192px; padding-top: 42px; }
.form-text h2					{ font-size: 23px; line-height: 25px; margin: 0 0 10px; }
.form-text p					{ margin: 0 0 10px; font-size: 14px; line-height: 20px; }
/* konec stranka kontakty */


/* stranka skoleni */
.skoleni .crumbtrail 		{ margin-bottom: 47px; }
.skoleni .anotace-detail	{ min-height: 301px; margin-bottom: 70px; }
.skoleni h1						{ float: left; width: 480px; margin-bottom: 45px; }
p.button-skoleni 				{ clear: left; float: left; max-width: 480px; }
p.button-skoleni a			{ margin-left: 7px; padding: 30px 22px 23px 75px; }
p.button-skoleni a:before	{ width: 37px; height: 34px; background-image: url(../images/design/skoleni.png); top: 25px; left: 21px; }
p.button-skoleni a:after	{ display: none; }

.box-sleva					{ float: right; width: 220px; height: 220px; background: rgba(196,22,28,0.9); color: white; text-align: center; margin-top: -141px; font-size: 16px; }
.box-sleva p				{ margin: 0; line-height: 22px; padding: 0 40px; }
.box-sleva p.sleva		{ font-size: 20px; text-transform: uppercase; line-height: 38px; padding: 17px 0 22px; margin-bottom: 8px; background: url(../images/design/line.png) 50% 100% no-repeat; }
.box-sleva p.sleva span	{ display: block; font-size: 56px; }

.skoleni-obal				{ clear: both; margin: 0 0 10px; border: 1px solid #cacaca; overflow: hidden; }
.skoleni-box				{ border-bottom: 1px solid #cacaca; background: url(../images/design/skoleni-line.png) 0 0 repeat-y; }
.skoleni-box.noline				{ border-bottom: 1px solid #cacaca; background: none 0 0 repeat-y; 
                                                padding-left: 30px;}
.skoleni-box.last			{ border-bottom: none; }
.skoleni-box p.datum		{ text-align: center; width: 109px; float: left; text-align: center; margin: 0 32px 0 0; font-size: 16px; color: #333; line-height: 25px; padding-top: 17px; min-height: 61px; }
.skoleni-box p.datum span	{ display: block; font-size: 21px; }
.skoleni-box h3			{ float: left; margin: 25px 0 0; font-size: 21px; line-height: 30px; max-width: 920px; }
.skoleni-box h3 span		{ display: inline-block; color: white; background: #023e7c; font-size: 11px; text-transform: uppercase; padding: 3px 6px; line-height: 10px; position: relative; top: -14px; }
.skoleni-vpravo			{ float: right; margin: 15px 15px 14px 0; font-size: 16px; color: #333; width: 407px; }
.skoleni-vpravo p			{ float: left; margin: 12px 0 0; }
.skoleni-vpravo p.osoby	{ color: #009900; padding-left: 34px; background: url(../images/design/osoby.png) 0 8px no-repeat; }
.skoleni-vpravo p.misto	{ padding-left: 22px; background: url(../images/design/misto.png) 0 4px no-repeat; width: 116px; }
p.button-objednat			{ float: right; margin: 0; }
p.button-objednat a		{ font-size: 15px; padding: 10px 12px 7px 44px; }
p.button-objednat a:before	{ width: 24px; height: 18px; background-image: url(../images/design/objednat.png); top: 15px; left: 10px; }
p.button-objednat a:after	{ display: none; }

p.button-objednat-medium			{ float: right; margin: 0; }

p.button-objednat-big			{ float: right; margin: 0; }
p.button-objednat-big a		{ font-size: 15px;  }
p.button-objednat-big a:before	{ width: 55px; height: 40px; background-image: url(../images/design/objednat-big.png);  }
p.button-objednat-big a:after	{ display: none; }

.skoleni-box.vyprodano p.datum,
/*.skoleni-box.vyprodano p.datum span,*/
.skoleni-box.vyprodano p.misto	{ color: #acacac; }
.skoleni-box.vyprodano h3 a		{ /*text-decoration: line-through;*/ color: #acacac; }
.skoleni-box.vyprodano h3 span	{ background: #acacac; }
.skoleni-box.vyprodano p.osoby	{ color: #ba1d26; background-position: 0 -126px; }
.skoleni-box.vyprodano p.button-objednat a	{ opacity: 0.2; background: #282828 url(../images/design/button-obs.png) 0 0 repeat-x; border-color: #0f0f0f;  }

.skoleni-box.mimoradne 				{ background: none; }
.skoleni-box.mimoradne p.datum	{ background: #009900; color: white; }

.kalendar					{ float: left; width: 420px; margin: 0 71px 55px 0; }
p.kalendar-nav				{ padding: 0 11px; margin: 0 0 10px; clear: both; font-size: 14px; color: #333; text-transform: uppercase; text-align: center; }
p.kalendar-nav a			{ display: block; text-decoration: none; width: 7px; height: 11px; background: url(../images/design/sipky.png) 0 0 no-repeat; text-indent: -999em; float: left; margin-top: 10px; }
p.kalendar-nav a.next	{ background-position: 100% 0; float: right; }
p.kalendar-nav a:hover	{ background-position: 0 100%; }
p.kalendar-nav a.next:hover	{ background-position: 100% 100%; }
table.mesic					{ width: 100%; margin: 0; border: 1px solid #cacaca; color: #bcbcbc; font-size: 11px; }
table.mesic th				{ vertical-align: middle; font-weight: bold; color: #333; text-align: center; padding: 5px 5px 1px; border: 1px solid #e2e3e4; border-width: 0 1px 1px 0; width: 14.25%; text-transform: uppercase; }
table.mesic .vikend + .vikend	{ border-right: none; }
table.mesic tr.last td	{ border-bottom: none; }
table.mesic td				{ vertical-align: top; text-align: center; border: 1px solid #e2e3e4; border-width: 0 1px 1px 0; line-height: 20px; padding: 4px 5px 6px; height: 59px; }
table.mesic .linky		{ display: block; font-size: 13px; line-height: 19px; }
table.mesic td.akce		{ background: #edf1f6; color: #666; }

.kalendar + p				{ padding-top: 30px; }
.kalendar + p + p			{ padding-top: 0; }

.ok-kurz,
.ok-skoleni					{ display: inline-block; width: 22px; height: 18px; background: url(../images/design/ok-kurz.png) 0 0 no-repeat; text-indent: -999em; position: relative; top: 4px; margin: 0 2px; }
.ok-skoleni					{ background-image: url(../images/design/ok-skoleni.png); }

table.prehled				{ width: 770px; border: 1px solid #cacaca; margin: 0 0 30px; font-size: 14px; line-height: 20px; float: left; }
table.prehled th			{ font-weight: bold; background: none; border: 1px solid #e2e3e4; border-width: 0 1px 1px 0; text-align: left; width: 165px; padding: 11px 16px 8px; }
table.prehled th + th	{ width: 55px; }
table.prehled .first th	{ font-weight: normal; font-size: 14px; padding: 10px 5px 9px; text-align: center; }
table.prehled td			{ text-align: center; border: 1px solid #e2e3e4; border-width: 0 1px 1px 0; vertical-align: middle; }
table.prehled tr.last th,
table.prehled tr.last td	{ border-bottom: none; }
table.prehled td.td-kurz	{ background: #edf1f6; }
table.prehled td .ok-kurz,
table.prehled td .ok-skoleni	{ top: 0; }
table.prehled th.last,
table.prehled td.last			{ border-right: none; }

.text-box					{ background: #e2e3e4; padding: 30px 30px 31px; }
.text-box-right			{ float: right; width: 220px; }
.text-box h2				{ font-size: 16px; line-height: 22px; margin: 0 0 24px; padding-bottom: 13px; border-bottom: 1px solid #c9caca; text-transform: uppercase; }
.text-box ul				{ padding: 0; margin: 0 0 33px; font-size: 14px; }
.text-box li				{ padding: 0; background: none; margin: 0 0 4px; line-height: 20px; }
.text-box p.telefon		{ color: #555; font-size: 12px; margin: 0 0 6px; padding-left: 33px; background: url(../images/design/tel.png) 5px 2px no-repeat; line-height: 21px; }
.text-box p.telefon strong	{ display: block; color: #333; font-size: 15px; }
.text-box p.email			{ margin: 0; padding-left: 34px; font-size: 14px; line-height: 21px; background: url(../images/design/mail.png) 2px 5px no-repeat; }
/* konec stranka skoleni */



/* podstranky */
.subpages					{ clear: both; margin: 0 0 50px -20px; width: 1120px; }
.subpage						{ float: left; width: 238px; border: 1px solid transparent; padding: 20px; margin: 0; text-align: center; font-size: 14px; }
.subpage h2					{ font-size: 23px; line-height: 28px; margin: 0 0 15px; }
.subpage h2 a				{ text-decoration: none; }
.subpage p					{ line-height: 25px; margin: 0 0 12px; }
.subpage-image img		{ max-width: 100%; vertical-align: top; width: auto; height: auto; }
p.subpage-more				{ margin: 0; }

.subpage:hover				{ border-color: #cacaca; }
/* konec podstranky */


/* stranka zakaznicka zona */
.popis-detail-col-1		{ float: left; width: 310px; margin-right: 110px; }
.popis-detail-col-2		{ float: left; width: 240px; }
.popis-detail-col-2a		{ float: left; width: 650px; }
.popis-detail-col-3		{ float: right; width: 310px; }
.popis-detail-col h2		{ font-size: 23px; margin: 0 0 10px; line-height: 28px; }
.popis-detail-col ul		{ margin: 0 0 25px; font-size: 14px; }
.popis-detail-col ul li	{ line-height: 30px; margin-bottom: 0; background: url(../images/design/stazeni.png) 0 5px no-repeat; padding-left: 30px; }
.popis-detail-col ul.hledate li		{ background-image: url(../images/design/hledate.png); }
.popis-detail-col ul.informace li	{ background-image: url(../images/design/dulezite.png); }

.zona .hotline-box		{ float: none; width: auto; }
.news							{ margin-bottom: 40px; }
/* .news h2						{ font-size: 16px; line-height: 22px; margin: 0 0 18px; padding-bottom: 12px; border-bottom: 1px solid #e0e0e0; text-transform: uppercase; }*/
.news h2						{  margin: 0 0 18px; padding-bottom: 12px;  }
.news .news-home-box		{ float: none; margin-bottom: 20px; }
.news .news-home-box.last	{ margin-bottom: 10px; }
.news .date						{ margin-bottom: 0; }
.news .news-home-archive	{ margin: 0; }
.news .news-home-archive a	{   }
.news .news-home-archive a:hover	{   }

.check						{ margin: 15px 0 12px; }
.check fieldset			{ margin: 0; padding: 0; position: relative; background: none; border: none; }
.check .left_input		{ width: 195px; padding: 11px 40px 10px 13px; color: #c1d9f1; }
.check .imagesub			{ background: none; border: none; padding: 0; position: absolute; top: 9px; right: 10px; }

ul.verze						{ padding: 0; margin: 0 0 18px; font-size: 14px; text-transform: uppercase; font-weight: bold; }
ul.verze li					{ background: url(../images/design/ok.png) 4px 5px no-repeat; padding-left: 32px; margin-bottom: 0; line-height: 24px; }
ul.verze li.li2			{ background-image: url(../images/design/otaznik.png); background-position: 3px 3px; color: #8aa6c3; }
ul.verze li.lired			{ background: url(../images/design/notok.png) 4px 5px no-repeat; padding-left: 32px; margin-bottom: 0; line-height: 24px; color: #8aa6c3; }
ul.verze li.ligreen			{ background: url(../images/design/ok.png) 4px 5px no-repeat; padding-left: 32px; margin-bottom: 0; line-height: 24px; }

ul.verze2 li.lired-team			{ background: url(../images/design/notok.png) 4px 5px no-repeat; padding-left: 32px; margin-bottom: 0; line-height: 24px; color: #8aa6c3; margin-left: 30px; }
ul.verze2 li.ligreen-team			{ background: url(../images/design/ok.png) 4px 5px no-repeat; padding-left: 32px; margin-bottom: 0; line-height: 24px; margin-left: 30px; }

ul.verze li.li2 .evidujeme			{ display: none; }
ul.verze li.li2 .neevidujeme			{ display: none; }

ul.verze li.ligreen .evidujeme			{ display: inline; color: #009900; float: right; }
ul.verze li.ligreen .neevidujeme		{ display: none; color: #CE1818; }

ul.verze li.lired .evidujeme			{ display: none; color: #009900; }
ul.verze li.lired .neevidujeme			{ display: inline; color: #CE1818; float: right; }

/* konec stranka zakaznicka zona */

.h2DUEL					{ 
    background: url(../images/design/duel_h1.png) 25px 0 no-repeat; padding: 5px 0 7px 255px;
    font-size: 42px;
    line-height: 1.35em;
    margin-bottom: 17px;
        color: #333;
        
}

.h2DuelHeart					{ 
background: url(../images/design/logo-duel-heart-small.png) 25px 20px no-repeat;
    padding: 0px 0 7px 270px;
    line-height: 100px;
    font-size: 50px;
    text-align: center;
}

/* stranka cenik */
.cenik h1					{ background: url(../images/design/duel_h1.png) 25px 0 no-repeat; padding: 5px 0 7px 255px; }
.cenikstereo h1					{ background: url(../images/design/stereo_h1.png) 25px 0 no-repeat; padding: 5px 0 7px 300px; }
.cenikucto h1					{ background: url(../images/design/ucto_h1.png) 25px 0 no-repeat; padding: 5px 0 7px 150px; }
.cenik-prehled				{ border: 1px solid #cacaca; }
.cenik-box					{ float: left; width: 291px; border: 1px solid transparent; border-color: transparent #cacaca transparent transparent; padding: 37px 33px 40px; text-align: center; font-size: 14px; background: white; }
.cenik-box-3				{ border-right-color: transparent; }
.cenik-box-top				{ margin-bottom: 10px; min-height: 92px; }
.cenik-box h2				{ font-size: 23px; line-height: 26px; margin: 0 13px 6px; }
.cenik-box .perex			{ font-size: 18px; line-height: 24px; color: #333; }
.cenik-box .text			{ margin-bottom: 36px; }
.cenik-box p				{ margin: 0; line-height: 25px; }
.cenik-box:hover			{ border-color: #cacaca; }

.cenik-box.dvojsloupec {width: 471px;}
.cenik-box.ctyrsloupec {width: 201px;}
.cenik-box.ctyrsloupec2 {width: 202px;}

.cenik-box.ctyrsloupec.newhomepage-sloupec-1 {
    padding: 15px 15px 15px; 
    width: 237px; 
    background: #fff url(../gfx/bg-sloupec-1.jpg) 50% 0 no-repeat;
    cursor:pointer;
}

.cenik-box.ctyrsloupec.newhomepage-sloupec-1.grayscale {
 
    background: #fff url(../gfx/bg-sloupec-1-bw.jpg) 50% 0 no-repeat;
}

.cenik-box.ctyrsloupec.newhomepage-sloupec-2 {
    padding: 15px 15px 15px; 
    width: 237px; 
    background: #fff url(../gfx/bg-sloupec-2.jpg) 50% 0 no-repeat;
    cursor:pointer;
}
.cenik-box.ctyrsloupec.newhomepage-sloupec-3 {
    padding: 15px 15px 15px; 
    width: 237px; 
    background: #fff url(../gfx/bg-sloupec-3.jpg) 50% 0 no-repeat;
    cursor:pointer;
}
.cenik-box.ctyrsloupec.newhomepage-sloupec-4 {
    padding: 15px 15px 15px; 
    width: 238px; 
    background: #fff url(../gfx/bg-sloupec-4.jpg) 50% 0 no-repeat;
    cursor:pointer;
}

.cenik-box h2.newhomepage-ctyrsloupec-h2 {
    text-align:left; font-size:118%;
}

.newhomepage-ctyrsloupec-text {
    text-align:left; padding-top: 10px; padding-left: 15px;
}

p.linky-cenik				{ font-size: 14px; line-height: 24px; padding-left: 259px; margin: -10px 0 14px; }
p.linky-cenik-stereo				{ font-size: 14px; line-height: 24px; padding-left: 300px; margin: -10px 0 14px; }
p.linky-cenik-ucto				{ font-size: 14px; line-height: 24px; padding-left: 150px; margin: -10px 0 14px; }
.form-cenik fieldset		{ background: none; border: none; padding: 0; margin: 0; }
.cenik-form-left			{ float: left; width: 770px; }
.cenik-form-left h2		{ background: url(../images/design/h2.png) 7px 20px no-repeat; padding-left: 31px; margin: 0 0 17px; }
.cenik-blok + h2			{ margin-top: 54px; }
.cenik-blok					{ border: 1px solid #cacaca; margin: 0 0 10px; clear: both; overflow: hidden; }
.cenik-blok-top			{ padding: 22px 35px 21px 120px; border-bottom: 1px solid #e2e3e4; background: url(../images/design/ico-d.png) 28px 29px no-repeat; }

.modul-jadro .cenik-blok-top			{ background-image: url(../images/design/ico-jadro.png); background-position: 27px 28px; }
.modul-danova-evidence .cenik-blok-top 	{ background-image: url(../images/design/ico-danova-evidence.png); background-position: 28px 28px; }
.modul-ucetnictvi .cenik-blok-top	{ background-image: url(../images/design/ico-ucetnictvi.png); background-position: 28px 28px; }
.modul-analyzy .cenik-blok-top {background-image: url(../images/design/ico-analyzy.png);background-position: 28px 28px;
}
.modul-sklady .cenik-blok-top			{ background-image: url(../images/design/ico-sklady.png); background-position: 28px 28px; }
.modul-maloobchod .cenik-blok-top	{ background-image: url(../images/design/ico-maloobchod.png); background-position: 28px 28px; }
.modul-maloobchodni-prodej .cenik-blok-top	{ background-image: url(../images/design/ico-maloobchod.png); background-position: 28px 28px; }
.modul-eshopy .cenik-blok-top			{ background-image: url(../images/design/ico-eshopy.png); background-position: 28px 28px; }
.typ-licence-stereo .cenik-blok-top			{ background-image: url(../images/design/ico-s.png); background-position: 28px 28px; }
.typ-licence-ucto .cenik-blok-top			{ background-image: url(../images/design/ico-u.png); background-position: 28px 28px; }
.ochrana .cenik-blok-top			{ background-image: url(../images/design/jezeksw.png); background-position: 28px 28px; }
.modul-ucto .cenik-blok-top			{ background-image: url(../images/design/ico-u.png); background-position: 28px 28px; }
.modul-doplnek-stereo .cenik-blok-top			{ background-image: url(../images/design/ico-s.png); background-position: 28px 28px; }
.modul-mzdy .cenik-blok-top			{ background-image: url(../images/design/ico-mzdy.png); background-position: 28px 28px; }
.modul-majetek .cenik-blok-top		{ background-image: url(../images/design/ico-majetek.png); background-position: 28px 28px; }
.modul-kancelar .cenik-blok-top		{ background-image: url(../images/design/ico-kancelar.png); background-position: 28px 28px; }
.modul-databanka .cenik-blok-top		{ background-image: url(../images/design/ico-databanka.png); background-position: 28px 28px; }
.modul-rss .cenik-blok-top				{ background-image: url(../images/design/ico-rss.png); background-position: 28px 28px; }
.cenik-blok-top p			{ font-size: 14px; line-height: 24px; margin: 0; }
.cenik-blok-bottom		{ background: #f5f5f5; padding: 16px 10px 12px 120px; font-size: 14px; color: #333; }
.item														{ display: block; margin-bottom: 1px; }
.item.float												{ display: inline-block; margin: 0 54px 0 0; }
.item.disable											{ color: #acacac; }
.item input[type="radio"],
.item input[type="checkbox"]						{ display: none; }
.item input[type="radio"] + label,
.item input[type="checkbox"] + label			{ cursor: pointer; }
.item input[type="radio"] + label:before,
.item input[type="checkbox"] + label:before	{ content: ""; display: inline-block; cursor: pointer; margin: 0 7px 0 0; width: 16px; height: 16px; position: relative; top: 3px; 
															  background: url(../images/design/radio.png) 0 0 no-repeat; }
.item input[type="checkbox"] + label:before			{ background-image: url(../images/design/checkbox.png); }
.item input[type="radio"]:checked + label:before,
.item input[type="checkbox"]:checked + label:before			{ background-position: 0 -16px; }
.item.disable input[type="radio"] + label:before,
.item.disable input[type="checkbox"] + label:before			{ background-position: 0 -32px; }
.item.disable input[type="radio"]:checked + label:before,
.item.disable input[type="checkbox"]:checked + label:before	{ background-position: 0 -48px; }

.cenik-blok-bottom .mnozstvi										{ float: right; display: inline-block; margin: -6px 0 -3px; position: relative; }
.cenik-blok-bottom .mnozstvi input								{ background: white; border-color: #b2b2b2; width: 19px; height: 20px; margin-left: 15px; color: #333; font-size: 18px; padding-right: 50px; line-height: 20px; }
.cenik-blok-bottom .mnozstvi .buttons_box						{ position: absolute; top: 0; right: 0; width: 31px; height: 40px; }
.cenik-blok-bottom .mnozstvi .buttons_box .ch_add			{ display: block; width: 31px; height: 20px; }
.cenik-blok-bottom .mnozstvi .buttons_box .ch_remove		{ display: block; width: 31px; height: 20px; }
.cenik-blok-bottom .mnozstvi .buttons_box a					{ text-decoration: none; display: block; width: 31px; height: 20px; background: url(../images/design/plusminus.png) 0 0 no-repeat; color: white; text-indent: -999em; }
.cenik-blok-bottom .mnozstvi .buttons_box .ch_remove a	{ background-position: 0 100%; }
.cenik-blok-bottom .mnozstvi .buttons_box a:hover					{ background-position: 100% 0; }
.cenik-blok-bottom .mnozstvi .buttons_box .ch_remove a:hover	{ background-position: 100% 100%; }

.cenik-form-right				{ float: right; width: 280px; padding-top: 60px; }
.cenik-form-right .textbox	{ margin: 0 0 10px; }
/* konec strance cenik */


/* stranka objednavka */
.objednavka-duel h1 > span			{ display: inline-block; font-size: 25px; border-left: 1px solid #e2e3e4; margin-left: 7px; padding-left: 20px; color: #666; }
.objednavka-duel h1 > span span	{ font-size: 46px; }
.volejte									{ float: right; padding-right: 30px; font-size: 14px; margin: -78px 0 34px; }
.volejte p								{ margin: 0; line-height: 24px; }
.volejte p strong						{ display: inline-block; padding-left: 31px; background: url(../images/design/volejte.png) 0 2px no-repeat; font-size: 15px; color: #333; }

.volejte2									{ float: right; padding-right: 30px; font-size: 14px; margin: 0px 0 34px; }
.volejte2 p								{ margin: 0; line-height: 24px; }
.volejte2 p strong						{ display: inline-block; padding-left: 31px; background: url(../images/design/volejte.png) 0 2px no-repeat; font-size: 15px; color: #333; }


.tooltip						{ display: inline-block; position: relative; width: 16px; height: 16px; background: url(../images/design/icko.png) 0 0 no-repeat; margin-left: 10px; top: 2px; cursor: help; }
.tooltip span				{ background: #555; color: white; font-size: 12px; position: absolute; top: 30px; right: -22px; padding: 15px; display: inline-block; white-space: nowrap; display: none; }
.tooltip span:after		{ content: ' '; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #555; position: absolute; top: -10px; right: 20px; }
.tooltip:hover span		{ display: block; }

.objednavka					{ border: 1px solid #cacaca; padding: 49px 50px; }
.objednavka fieldset		{ background: none; border: none; padding: 0; margin: 0; }

.objednavka .textbox 	{ float: right; width: 358px; }
.objednavka .textbox p	{ text-align: right; color: #8aa6c3; font-size: 16px; line-height: 30px; }
.objednavka .textbox p span	{ float: left; }
.objednavka .textbox p.cena-bdph	{ color: white; font-size: 21px; }
.objednavka .textbox p.price-bdph	{ color: white; font-size: 21px; }
.objednavka .textbox fieldset		{ position: relative; }
.objednavka .textbox fieldset .left_input	{ width: 223px; padding-right: 120px; }
.objednavka .textbox fieldset .sub			{ border: none; padding: 9px 30px 2px 0; background: url(../images/design/check_submit.png) 100% 5px no-repeat; color: #a3acb9; font-size: 12px; text-transform: uppercase; 
														position: absolute; top: 5px; right: 9px; font-weight: bold; cursor: pointer; }

.doleva-obj					{ float: left; width: 500px; font-size: 14px; }
.doleva-obj h2				{ font-size: 23px; line-height: 23px; margin: 0 0 13px; }
.doleva-obj p				{ margin-bottom: 35px; }

.objednavka-left			{ float: left; width: 420px; }
.objednavka-right			{ float: right; width: 420px; }
.objednavka-left h2,
.objednavka-right h2		{ font-size: 23px; line-height: 23px; margin: 0 0 13px; }
p.subheader					{ color: #333; font-size: 14px; margin-bottom: 8px; }
p.field.inline							{ color: #666; margin-bottom: 10px; position: relative; }
p.field-1.inline						{ margin-bottom: 20px; }
p.field.inline .label				{ color: #333; float: left; display: inline-block; padding-top: 7px; }
p.field.inline input[type="text"]	{ background: #f2f2f2; color: #333; border-color: #cacaca; float: right; width: 260px; }
p.field.inline input[type="checkbox"]	{ background: #f2f2f2; color: #333; border-color: #cacaca; float: right; width: 260px; }
p.field.inline input[type="password"]	{ background: #f2f2f2; color: #333; border-color: #cacaca; float: right; width: 260px; }
p.field.inline input[type="file"]	{ background: #f2f2f2; color: #333; border-color: #cacaca; float: right; width: 260px; }
p.field.inline select	{ background: #f2f2f2; color: #333; border-color: #cacaca; float: right; width: 280px; }
p.field.inline.error input[type="text"]	{ background: #fce8e9; border-color: #ba1d26; }
.error-hlaska								{ font-size: 14px; color: #ba1d26; position: absolute; top: 7px; right: -130px; width: 100px; }

.objednavka-right h2						{ margin-bottom: 26px; }
p.popisek									{ font-size: 12px; line-height: 20px; margin-bottom: 20px; }
.objednavka-right p.field .label		{ color: #333; }
.objednavka-right p.field input[type="text"],
.objednavka-right p.field select,
.objednavka-right p.field textarea	{ background: #f2f2f2; color: #333; border-color: #cacaca; width: 400px; }
.objednavka-right p.field textarea	{ height: 80px; }

.tlacitka					{ width: 100%; clear: both; padding: 45px 0 0; }
.tlacitka p					{ float: left; margin: 0; padding-top: 16px; }
.tlacitka p.vpravo		{ float: right; padding-top: 0; width: 378px; text-align: right; }
.krok2 .tlacitka			{ padding: 0; }


.krok2 h2					{ font-size: 23px; line-height: 23px; margin: 0 0 17px; }
.krok2 .col1				{ font-size: 12px; line-height: 20px; margin: 0 50px 45px 0; float: left; width: 250px; }
.krok2 .col2				{ font-size: 12px; line-height: 20px; margin: 0 0 45px; float: left; width: 250px; }
.krok2 .col3				{ font-size: 12px; line-height: 20px; margin: 0 0 45px; float: right; width: 380px; }
.krok2 .col1 strong,
.krok2 .col2 strong,
.krok2 .col3 strong		{ display: inline-block; font-size: 14px; color: #333; padding-bottom: 6px; }
.cleaner.linka				{ background: #cacaca; margin: 0 0 42px; }

.obj2-left					{ float: left; width: 440px; }
.obj2-right					{ float: right; width: 380px; }
table.table-sumarizace 		{ font-size: 12px; margin-bottom: 20px; }
table.table-sumarizace th		{ border: none; padding: 2px 10px 8px 0; font-weight: bold; color: #333; font-size: 14px; line-height: 16px; }
table.table-sumarizace td		{ border: none; padding: 0 10px 0 0; line-height: 20px; }
table.table-sumarizace th + th + th,
table.table-sumarizace td + td + td	{ text-align: right; padding-right: 0; }

.objednavka.krok2 .textbox				{ width: 318px; margin: 32px 0 20px; }
.objednavka.krok2 .textbox h2			{ font-size: 16px; margin-bottom: 10px; line-height: 22px; }



/* konec stranka objednavka */



/* css3 */
.radius,
input,
textarea,
select,
.cenik-box:hover,
.fotogalerie img						{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
body.crumbtrail #top					{ -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.crumbtrail								{ -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.ch_remove								{ -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.radius-500,
ol > li:before							{ -moz-border-radius: 500px; -webkit-border-radius: 500px; border-radius: 500px; }
body.siroke-menu #top				{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }


/*p.button a,*/
a.button-blue							{ -moz-box-shadow: 0 0 0 4px rgba(2,62,127,0.2), inset 0 1px 0 0 #4370a0; -webkit-box-shadow: 0 0 0 4px rgba(2,62,127,0.2), inset 0 1px 0 0 #4370a0; 
											  box-shadow: 0 0 0 4px rgba(2,62,127,0.2), inset 0 1px 0 0 #4370a0; }
a.button-red							{ -moz-box-shadow: 0 0 0 4px rgba(242,140,140,0.2), inset 0 1px 0 0 #f28c8c; -webkit-box-shadow: 0 0 0 4px rgba(242,140,140,0.2), inset 0 1px 0 0 #f28c8c; 
											  box-shadow: 0 0 0 4px rgba(242,140,140,0.2), inset 0 1px 0 0 #f28c8c; }
a.button-gray							{ -moz-box-shadow: 0 0 0 5px rgba(203,203,203,0.2), inset 0 1px 0 0 #fefefe; -webkit-box-shadow: 0 0 0 5px rgba(203,203,203,0.2), inset 0 1px 0 0 #fefefe; 
											  box-shadow: 0 0 0 5px rgba(203,203,203,0.2), inset 0 1px 0 0 #fefefe; }
a.button-green							{ -moz-box-shadow: 0 0 0 5px rgba(0,153,0,0.2), inset 0 1px 0 0 #42b342; -webkit-box-shadow: 0 0 0 5px rgba(0,153,0,0.2), inset 0 1px 0 0 #42b342; 
											  box-shadow: 0 0 0 5px rgba(0,153,0,0.2), inset 0 1px 0 0 #42b342; }
p.button-more a,
p.button-demo a,
p.button-objednat a					{ -moz-box-shadow: 0 0 0 4px rgba(2,62,127,0.2); -webkit-box-shadow: 0 0 0 4px rgba(2,62,127,0.2); box-shadow: 0 0 0 4px rgba(2,62,127,0.2); }
.skoleni-box.vyprodano p.button-objednat a	{ -moz-box-shadow: 0 0 0 4px rgba(2,62,127,0.2); -webkit-box-shadow: 0 0 0 4px rgba(2,62,127,0.2); box-shadow: 0 0 0 4px rgba(2,62,127,0.2); }
.dropdown-obsah						{ -moz-box-shadow: 0 8px 8px rgba(0,0,0,0.25); -webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.25); box-shadow: 0 8px 8px rgba(0,0,0,0.25); }
.subpage:hover,
.cenik-box:hover						{ -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); }
p.field.inline.error input[type="text"]	{ -moz-box-shadow: 0 0 0 2px #ba1d26; -webkit-box-shadow: 0 0 0 2px #ba1d26; box-shadow: 0 0 0 2px #ba1d26; }
.fotogalerie a:hover img			{ -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.button-blue.button-small,
.button-gray.button-small			{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

p.button a,
.moduly-box,
input[type="text"],
textarea,
.subpage,
.cenik-box,
.cenik-box > .extra,
.fotogalerie img						{ -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.cenik-box:hover						{ -moz-transform: scale(1.03);  -webkit-transform: scale(1.03);  transform: scale(1.03); }
.cenik-box:hover > .extra			{ -moz-transform: scale(0.97);  -webkit-transform: scale(0.97);  transform: scale(0.97); }

input[type="text"]:focus,
textarea:focus,
input[type="text"]:active,
textarea:active 						{ border-color: black; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px black; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px black; 
											  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px black; -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px black; box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px black; }
input[type="text"]:hover,
textarea:hover 						{ border-color: black !important; }

.two-columns							{ column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 90px; -moz-column-gap: 90px; -webkit-column-gap: 90px; }
.three-columns							{ column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-gap: 90px; -moz-column-gap: 90px; -webkit-column-gap: 90px; text-align: center; }


a.button-blue							{ background-color: #023e7e;
											  background-image: -webkit-gradient(linear, left top, left bottom, from(#023e7e), to(#003065)); /* Saf4+, Chrome */
											  background-image: -webkit-linear-gradient(top, #023e7e, #003065); /* Chrome 10+, Saf5.1+, iOS 5+ */
											  background-image:    -moz-linear-gradient(top, #023e7e, #003065); /* FF3.6 */
											  background-image:     -ms-linear-gradient(top, #023e7e, #003065); /* IE10 */
											  background-image:      -o-linear-gradient(top, #023e7e, #003065); /* Opera 11.10+ */
											  background-image:         linear-gradient(top, #023e7e, #003065); }
a.button-blue:hover					{ background-color: #003065;
											  background-image: -webkit-gradient(linear, left top, left bottom, from(#003065), to(#023e7e)); /* Saf4+, Chrome */
											  background-image: -webkit-linear-gradient(top, #003065, #023e7e); /* Chrome 10+, Saf5.1+, iOS 5+ */
											  background-image:    -moz-linear-gradient(top, #003065, #023e7e); /* FF3.6 */
											  background-image:     -ms-linear-gradient(top, #003065, #023e7e); /* IE10 */
											  background-image:      -o-linear-gradient(top, #003065, #023e7e); /* Opera 11.10+ */
											  background-image:         linear-gradient(top, #003065, #023e7e); }
a.button-red							{ background-color: #c4161c;
											  background-image: -webkit-gradient(linear, left top, left bottom, from(#E41620), to(#c4161c)); /* Saf4+, Chrome */
											  background-image: -webkit-linear-gradient(top, #E41620, #c4161c); /* Chrome 10+, Saf5.1+, iOS 5+ */
											  background-image:    -moz-linear-gradient(top, #E41620, #c4161c); /* FF3.6 */
											  background-image:     -ms-linear-gradient(top, #E41620, #c4161c); /* IE10 */
											  background-image:      -o-linear-gradient(top, #E41620, #c4161c); /* Opera 11.10+ */
											  background-image:         linear-gradient(top, #E41620, #c4161c); }
a.button-red:hover					{ background-color: #c4161c;
											  background-image: -webkit-gradient(linear, left top, left bottom, from(#c4161c), to(#E41620)); /* Saf4+, Chrome */
											  background-image: -webkit-linear-gradient(top, #c4161c, #E41620); /* Chrome 10+, Saf5.1+, iOS 5+ */
											  background-image:    -moz-linear-gradient(top, #c4161c, #E41620); /* FF3.6 */
											  background-image:     -ms-linear-gradient(top, #c4161c, #E41620); /* IE10 */
											  background-image:      -o-linear-gradient(top, #c4161c, #E41620); /* Opera 11.10+ */
											  background-image:         linear-gradient(top, #c4161c, #E41620); }
a.button-gray							{ background-color: #fcfdfd;
											  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfdfd), to(#e4e4e5)); /* Saf4+, Chrome */
											  background-image: -webkit-linear-gradient(top, #fcfdfd, #e4e4e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
											  background-image:    -moz-linear-gradient(top, #fcfdfd, #e4e4e5); /* FF3.6 */
											  background-image:     -ms-linear-gradient(top, #fcfdfd, #e4e4e5); /* IE10 */
											  background-image:      -o-linear-gradient(top, #fcfdfd, #e4e4e5); /* Opera 11.10+ */
											  background-image:         linear-gradient(top, #fcfdfd, #e4e4e5); }
a.button-gray:hover					{ background-color: #e4e4e5;
											  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e5), to(#fcfdfd)); /* Saf4+, Chrome */
											  background-image: -webkit-linear-gradient(top, #e4e4e5, #fcfdfd); /* Chrome 10+, Saf5.1+, iOS 5+ */
											  background-image:    -moz-linear-gradient(top, #e4e4e5, #fcfdfd); /* FF3.6 */
											  background-image:     -ms-linear-gradient(top, #e4e4e5, #fcfdfd); /* IE10 */
											  background-image:      -o-linear-gradient(top, #e4e4e5, #fcfdfd); /* Opera 11.10+ */
											  background-image:         linear-gradient(top, #e4e4e5, #fcfdfd); }
a.button-green							{ background-color: #009900;
											  background-image: -webkit-gradient(linear, left top, left bottom, from(#009900), to(#007f00)); /* Saf4+, Chrome */
											  background-image: -webkit-linear-gradient(top, #009900, #007f00); /* Chrome 10+, Saf5.1+, iOS 5+ */
											  background-image:    -moz-linear-gradient(top, #009900, #007f00); /* FF3.6 */
											  background-image:     -ms-linear-gradient(top, #009900, #007f00); /* IE10 */
											  background-image:      -o-linear-gradient(top, #009900, #007f00); /* Opera 11.10+ */
											  background-image:         linear-gradient(top, #009900, #007f00); }
a.button-green:hover					{ background-color: #e4e4e5;
											  background-image: -webkit-gradient(linear, left top, left bottom, from(#007f00), to(#009900)); /* Saf4+, Chrome */
											  background-image: -webkit-linear-gradient(top, #007f00, #009900); /* Chrome 10+, Saf5.1+, iOS 5+ */
											  background-image:    -moz-linear-gradient(top, #007f00, #009900); /* FF3.6 */
											  background-image:     -ms-linear-gradient(top, #007f00, #009900); /* IE10 */
											  background-image:      -o-linear-gradient(top, #007f00, #009900); /* Opera 11.10+ */
											  background-image:         linear-gradient(top, #007f00, #009900); }
	


.timeline {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background-color: #003064;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
  box-sizing: border-box;
}

/* Container around content */
.timeline-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
  box-sizing: border-box;
}

/* The circles on the timeline */
.timeline-container::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  right: -9px;
  background-color: #003064;
  border: 5px solid white;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
  box-sizing: border-box;
}

/* Place the container to the left */
.timeline-left {
  left: 0;
  box-sizing: border-box;
}

/* Place the container to the right */
.timeline-right {
  left: 50.4%;
  box-sizing: border-box;
}

/* Add arrows to the left container (pointing right) */
.timeline-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #e2e3e4;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e2e3e4;
  box-sizing: border-box;
}

/* Add arrows to the right container (pointing left) */
.timeline-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e2e3e4 transparent transparent;
  box-sizing: border-box;
}

/* Fix the circle for containers on the right side */
.timeline-right::after {
  left: -16px;
  box-sizing: border-box;
}

/* The actual content */
.timeline-content {
  padding: 20px 30px;
  background-color: #e2e3e4;
  position: relative;
  border-radius: 6px;
  box-sizing: border-box;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

/* Full-width containers */
  .timeline-container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

/* Make sure that all arrows are pointing leftwards */
  .timeline-container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .timeline-left::after, .timeline-right::after {
    left: 15px;
  }

/* Make all right containers behave like the left ones */
  .timeline-right {
    left: 0%;
  }
}

@media screen and (max-width: 700px){

#main{ width: 98%; }
.cenik-box.dvojsloupec {
    width: 80%;
    float:left;
    
}
    

.clearfix:after {
    display: block;
    clear:both ;
    content: " ";
}

.main-column {float: left; display: inline; width: 98%; }
.second-column {float: left;display: inline;width: 98%;}

.reference-box {
    float: left; width: 98%;
}   

#top { width: 98%; min-height: 120px; padding-bottom: 10px; }


.radius-500,
ol > li:before	{ -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }        


.bg {width: 100%; padding-top: 5px; min-width: 100%; overflow: hidden; }

.cenik-prehled {
     border: 0px solid #cacaca; 
}

.mainmenu {margin: 0;padding: 0;}
.mainmenu ul li {
    background: none;
    padding: 0;
    margin: 0;
    display: inline;
    float: left;
    border-right: 1px solid #28588d;
}

.mainmenu ul li a.response				{padding: 15px 10px; }

.searchbox {
    float: right;
    margin: 10px 0px 0 5px;
}

.searchbox input.left_input {

    width: 53%;
}

p.header-link {
    font-size: 13px;
}

.dropdown-obsah {
    position: absolute;
    top: 60px;
    left: 0;
    background: white url(../images/design/drop-tel.png) 100% 100% no-repeat;
    z-index: 50;
    width: 300px;
    overflow: hidden;
    display: none;
}
.navimenu				{ float: left; background: rgba(196,22,28,0.9); padding: 16px 30px 15px; width: 225px; margin-top: 38px; font-size: 16px; }
.dropdown-obsah-right {display: none;}



#bottom > .wrapper		{ width: 98%;}
.bottom-box-4			{ margin: 10px 0 0; float: left; width: 80%; }
}