body, html{background:#fff; font-family: 'Open Sans', sans-serif;font-size:14px;margin:0;padding:0;font-style:normal;font-weight: 300;height:100%;text-align:center;}

footer p a{color:#fff;}
.clear{clear:both;}
textarea,
select,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
}




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

.stred{width:95%;margin:0 auto;padding:0;}
header{width:100%;height:90px;}

.logo{background:url('img/sonytron_logo_mini.jpg') no-repeat;width:231px;height:35px;display:block;position:relative;top:-23px;margin:0em 0;float:right;}
.logo a{display:block;width:231px;height:35px;}
.logo span{display:none;}

#dl-menu{display:inline-block;}

nav{float:right;position:relative;top:35px;display:none;}

.linka-black {background:#000;width:100%;height:20px;}
.linka-top {;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;top:0px;background-image: url("img/linka.png");width:100%;height:20px;}
.linka-down {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/linkadown.png");width:100%;height:20px;margin-bottom:0em;}
.header {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/header_big.jpg");height: 88%;}
.header .bublina{position:relative;top:200px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em 0.1em;width:215px;}
.header .bublina h1{margin:0;font-size:1.9em;font-style: italic;font-weight:600;color:#fff;}

.header-firmy {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/cfirma.jpg");height: 88%;}
.header-firmy .bublina{position:relative;top:220px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em 0.5em;width:215px;}
.header-firmy .bublina h1{margin:0;font-size:1.9em;font-style: italic;font-weight:600;color:#fff;}


.infopanel{background:#3787ff;min-height:450px;color:#fff;}
.infopanel .box{width:50%;float:left;position:relative;top:30px;}
.infopanel p{padding:0em;line-height:1.4em;color:#f9f9f9;font-size:1.15em;font-weight:500;padding:1.5em 0.3em;margin:0 auto;}
.infopanel span{color:#a9a9a9;}
.infopanel img{position: relative;top:0px;padding:2em 0.5em 0.2em 1em;float:none;max-width:60px;}


.sonytron24{padding:4em 0;margin-top:7em;}
.sonytron24 img{max-width:80%;}

.infoikonky{margin:4em 0 0em 0;padding:0em;}
.infoikonky .box{width:100.00%;float:left;position:relative;height:100px;margin:0 auto;}
.infoikonky p{line-height:1.2em;color:#303030;font-size:1.25em;font-weight:300;padding:0.6em 0.5em 0 1.5em;margin:0 auto;text-align:left;}
.infoikonky span{color:#a9a9a9;}
.infoikonky img{position: relative;top:0px;padding:0 1.5em 0 0.5em;float:left;max-width:70px;}

.konzultace{background:#424242;height:270px;margin-top:6em;color:#fff;;}
.konzultace h3{font-size:1.5em;font-weight:300;margin:0;text-align: center;position:relative;top:20px;}
.konzultace h3 strong{font-weight:400;}
.konzultace p{font-size:1.4em;font-weight:300;margin:0;text-align: center;position:relative;top:20px;}

.konzultace .uno{width:100%;float:left;}
.konzultace .duo{width:100%;float:left;}
.konzultace .trio{width:100%;float:left;}

.button{height:120px;margin:0 auto;border-radius:0 0 25px 25px;position:relative;top:40px;;}
.button a{color:#000;font-size:1.1em;background:#fffb00;border-radius: 25px;font-weight:600;text-transform: none;padding:1.6em 1.0em;text-decoration: underline;;transition: 0.3s;}
.button a:hover{background:#3787ff;color:#fff;opacity:1;}

.obsah .uno{float:left;width:30.00%;margin:0;padding:0;}
.obsah .duo{float:left;width:100.00%;margin:2em 0 0 0;padding:0;}
.obsah .trio{width:90%;margin-left:1em;margin-top:3em;}
.obsah .unoduo{float:left;width:100.00%;margin:0;padding:0;}

.koupelna {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/koupelna.jpg");height: 650px;margin-bottom:7em;}

.obsah{padding:0.5em 0;text-align:left;color:#303030;clear:both;margin:4em 0}

.obsah h1{font-size:2.2em;color:#3787ff;font-weight:400;margin:0;padding:0;}
.obsah h2{font-size:1.4em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h3{font-size:1.9em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h4{font-size:1.0em;color:#212121;font-weight:400;margin:0;padding:0;}
.obsah h5{font-size:1.5em;color:#212121;font-weight:400;margin:0em 0 0 0;padding:2em 0 0 0;}


.obsah h1.contacts{background:url('img/contacts.png') no-repeat;padding:0.4em 0 1em 3em;}
.obsah h2.kosicek{background:url('img/kosicek.png') no-repeat;padding:0.6em 0 1em 3.5em;font-size:1.9em;color:#3787ff;font-weight:400;;}
.obsah h2.srdce{background:url('img/srdicko.png') no-repeat;padding:0.2em 0em 1em 4.3em;;}
.obsah h2.grafik{background:url('img/grafik.png') no-repeat;padding:0.2em 0em 1em 3.9em;color:#212121;}
.obsah h2.taska{background:url('img/taska.png') no-repeat;padding:0.2em 0em 1em 4.3em;color:#212121;}
.obsah h2.kestazeni{background:url('img/kestazeni.png') no-repeat;padding:0.9em 0em 3.8em 4.5em;color:#212121;}
.obsah h2.order{background:url('img/order.png') no-repeat;padding:0.9em 0em 2.5em 4.5em;color:#212121;}
.obsah h2.eco{background:url('img/eco.png') no-repeat;padding:0.0em 0 1em 3.5em;color:#3e8540;font-size:1.8em;margin-top:2em;;}
.obsah h2.stat{background:url('img/stat.png') no-repeat;padding:0.8em 0em 1.7em 4.5em;color:#d13e61;}
.obsah h2.pricelist{background:url('img/pricelist.png') no-repeat;padding:0.2em 1em 1em 3.9em;color:#212121;}


.obsah p{font-size:1.2em;line-height: 1.8em;font-weight:400;padding:0.5em 0;}
.obsah p strong{font-weight:600;}
.obsah p a{color:#3787ff;}
.obsah p a:hover{color:#000;}


.obsah .koupit{margin:0 auto;border-radius:0 0 25px 25px;position:relative;;padding:0;float:none;width:100%;top:20px;left:0px;;}
.obsah .koupit h3.kup a{color:#000;font-size:1.00em;background:#fffb00 url('img/kosik.png') no-repeat;border-radius: 5px;font-weight:400;text-transform: none;padding:0.1em 1.2em 0.3em 2em;text-decoration: underline;;transition: 0.3s;}
.obsah .koupit h3.kup a:hover{background:#3787ff url('img/kosik.png') no-repeat;color:#fff;opacity:1;}

.obsah .poslat p{padding:1em 0.5em;color:#fff;font-size:0.85em;margin:0;text-align: center;}
.obsah .poslat p a{color:#fff;text-decoration: underline;}



.hlavnifoto{width:100%;float:none;}
.vedlejsifoto{width:100%;float:left;}
.vedlejsifoto img{width:33.33%;float:left;}
.hlavnifoto img{width:100%;}

section{margin-bottom:0em;margin-top:4em;}
section img{max-width:100%;}
.trio img{max-width:100%;}


img.konzul{position: relative;top:15px;padding:0 1em 0 0em;}
img.dvere{position: relative;top:15px;padding:0 1em 0 0em;}
img.sonyfotka{padding-top:10em;}





.model{padding-left:0.5em;margin:0 0 4em 0;}
.model p.bez{float:none;width:100%;text-decoration: underline;font-size:1.5em;}
.model p.leva{float:left;width:100%;text-decoration: underline;height:20px;font-size:1.2em;}

.model ul{list-style:none;padding:2em 0 0 0em;margin:1.5em 0 0 0;}
.model ul li{font-size:1.4em;line-height:1.7em;}

.model ol{list-style:none;padding:0em 0 0 0em;margin:0.1em 0 0 0;}
.model ol li{font-size:1.2em;line-height:1.6em;;}


.model p.emodul{font-size:1.2em;margin:0;padding:0;position:relative;top:3px;font-weight:400;}

.model h2{font-size:1.5em;margin:1em 0;color:#3787ff;font-weight:500;}
.model p.odsazeni{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;position:relative;top:-21px;}
.model h3.pozice{position:relative;left:160px;top:12px;}

.model .cena h3{background:#d13e61;font-size:2.3em;padding:0.3em 0.3em;color:#fff;width:150px;margin-top:1.5em;font-weight:300;border-radius: 5px;float:none;}
.model .cena-mesic h3{color:#d13e61;font-size:1.9em;padding:0.3em 0.3em;margin-top:1.5em;font-weight:600;border-radius: 5px;float:none;}
.model .cena-rok h3{background:#d13e61;font-size:2.3em;padding:0.3em 0.3em;color:#fff;width:180px;margin-top:1.5em;font-weight:300;border-radius: 5px;float:left;position:relative;top:12px;}
.model img.nadpis{padding:0.5em 0;}





.vedeli{background:#dee2eb;padding:2.5em 0;margin:5em 0;}
.vedeli h3{font-size:2.3em;color:#575757;font-weight:400;}
.vedeli h3.info{background:url('img/info.png') no-repeat;padding:0.4em 0 1em 3em;}
.vedeli p{border-left:1px solid #b9b9b9;padding:0 1.3em 0 1.5em;font-size:1.15em;}

footer{background:#3787ff;color:#fff;padding:3em 0;}
footer p.created img{position:relative;top:6px;left:4px;}
footer p.created{position:relative;top:30px;text-align:right;}
footer .duo{text-align:left}




.full{width:90%;clear:both;padding:0em 0 1em 0;}
.half-left{width:50%;float:left;}
.half-right{width:100%;float:right;}
.trio-left{width:90.00%;float:left;margin-right:1em;}
.trio-left{width:90.00%;float:left;}

.rezervacni-formular{padding:0 0.5em 2em 0.5em;background:rgba(100, 161, 218, 0.39);margin:0;width:97%;border-radius: 5px;}
.rezervacni-formular p{text-align: center;font-size:0.9em;margin:0;padding:0;}

select{float:left;height: 48px; text-align: left;font-size:1.1em;font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em}
select{background:#fff url('img/righttwo.png') no-repeat;background-position: 8px 5px;text-align: left;font-size:1.1em;width:90%;}
input{font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em;float:left;height: 40px; text-align: left;font-size:1.1em;}


input.vetsi{;background:#fff url('img/pero.png') no-repeat;}
input.user{;background:#fff url('img/user.png') no-repeat;}
input.adresa{;background:#fff url('img/domov.png') no-repeat;}
input.telefon{;background:#fff url('img/telefon.png') no-repeat;}
input.email{background:#fff url('img/email.png') no-repeat}			
input.nazevfirmy{;background:#fff url('img/firma.png') no-repeat;}			
input.ico{;background:#fff url('img/number.png') no-repeat;}			
input.srdicko{;background:#fff url('img/srdce.png') no-repeat;}			

h4.reserve{font-size:1.0em;text-align:left;font-weight:400;padding:1.7em 0 0.2em 0;clear:both;margin:0;}



input.full_name{ width:20%;background-position: 4px 5px;}
input.vetsi{ width:80%;background-position: 4px 5px;}
input.user{ width:100%;background-position: 6px 8px;}
input.adresa{ width:80%;background-position: 5px 7px;}
input.telefon{ width:80%;background-position: 6px 8px;}
input.email{ width:80%;background-position: 7px 8px;}			
input.nazevfirmy{ width:80%;background-position: 7px 8px;}			
input.ico{ width:50%;background-position: 5px 6px;}			
input.srdicko{ width:75%;background-position: 7px 9px;}			
input.botecicek{display:none;}
						
textarea{float:none;width:99%;height:200px;border:2px solid #797979;padding:10px;font-size:1.0em;font-weight:300;line-height:1.4em;text-align: left;border-radius: 5px;background:#fff ;background-position: 4px 5px;}

.poslat{width:100%;min-height:200px;background:#212121;margin:0 auto;padding:0;position:relative;top:0;text-align:center;}
.poslat .tlac{background:#fffb00 url('img/click1.png') no-repeat;border-radius:5px;padding:1em;color:#000;width:250px;font-size:1.5em;margin:0 auto;position:relative;border:0;top:10px;font-weight:600;font-family: 'Bai Jamjuree', sans-serif;text-transform: uppercase;background-position: 3px 5px}
.poslat .tlac:hover{background:#ed2302 url('img/click0.png') no-repeat;background-position: 3px 5px;cursor:pointer;color:#fff;}
.poslat .tlac a{color:#000;text-decoration: none;font-weight:600;text-transform: uppercase;display:block;padding:15px;}
.poslat .tlac a:hover{text-decoration: underline;color:#fff;}

}



@media screen and (min-width:321px) {

.stred{width:95%;margin:0 auto;padding:0;}
header{width:100%;height:90px;}

.logo{background:url('img/sonytron_logo.jpg') no-repeat;width:271px;height:36px;display:block;position:relative;top:-23px;margin:0em 0;float:right;}
.logo a{display:block;width:271px;height:36px;}
.logo span{display:none;}

#dl-menu{display:inline-block;}

nav{float:right;position:relative;top:35px;display:none;}

.linka-black {background:#000;width:100%;height:20px;}
.linka-top {;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;top:0px;background-image: url("img/linka.png");width:100%;height:20px;}
.linka-down {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/linkadown.png");width:100%;height:20px;margin-bottom:0em;}
.header {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/header_big.jpg");height: 78%;}
.header .bublina{position:relative;top:280px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:315px;}
.header .bublina h1{margin:0;font-size:1.9em;font-style: italic;font-weight:600;color:#fff;}

.header-firmy {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/cfirma.jpg");height: 78%;}
.header-firmy .bublina{position:relative;top:280px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:315px;}
.header-firmy .bublina h1{margin:0;font-size:1.9em;font-style: italic;font-weight:600;color:#fff;}


.infopanel{background:#3787ff;min-height:430px;color:#fff;}
.infopanel .box{width:50%;float:left;position:relative;top:30px;}
.infopanel p{padding:0em;line-height:1.3em;color:#f9f9f9;font-size:1.15em;font-weight:500;padding:1.5em 0.5em;margin:0 auto;}
.infopanel span{color:#a9a9a9;}
.infopanel img{position: relative;top:0px;padding:2em 0.5em 0.2em 1em;float:none;max-width:60px;}


.sonytron24{padding:4em 0;margin-top:7em;}
.sonytron24 img{max-width:80%;}

.infoikonky{margin:4em 0 0em 0;padding:0em;}
.infoikonky .box{width:100.00%;float:left;position:relative;height:100px;margin:0 auto;}
.infoikonky p{line-height:1.2em;color:#303030;font-size:1.25em;font-weight:300;padding:0.6em 2em 0 1.9em;margin:0 auto;text-align:left;}
.infoikonky span{color:#a9a9a9;}
.infoikonky img{position: relative;top:0px;padding:0 2.8em 0 3em;float:left;max-width:70px;}

.konzultace{background:#424242;height:270px;margin-top:6em;color:#fff;;}
.konzultace h3{font-size:1.5em;font-weight:300;margin:0;text-align: center;position:relative;top:20px;}
.konzultace h3 strong{font-weight:400;}
.konzultace p{font-size:1.4em;font-weight:300;margin:0;text-align: center;position:relative;top:20px;}

.konzultace .uno{width:100%;float:left;}
.konzultace .duo{width:100%;float:left;}
.konzultace .trio{width:100%;float:left;}

.button{height:120px;margin:0 auto;border-radius:0 0 25px 25px;position:relative;top:40px;padding:0;}
.button a{color:#000;font-size:1.20em;background:#fffb00;border-radius: 25px;font-weight:600;text-transform: none;padding:1.4em 1.0em;text-decoration: underline;;transition: 0.3s;}
.button a:hover{background:#3787ff;color:#fff;opacity:1;}

.obsah .uno{float:left;width:30.00%;margin:0;padding:0;}
.obsah .duo{float:left;width:100.00%;margin:2em 0 0 0;padding:0;}
.obsah .trio{width:80%;margin-left:4em;margin-top:3em;}
.obsah .unoduo{float:left;width:100.00%;margin:0;padding:0;}

.koupelna {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/koupelna.jpg");height: 650px;margin-bottom:7em;}

.obsah{padding:0.5em 0;text-align:left;color:#303030;clear:both;margin:4em 0}

.obsah h1{font-size:2.2em;color:#3787ff;font-weight:400;margin:0;padding:0;}
.obsah h2{font-size:1.6em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h3{font-size:1.9em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h4{font-size:1.0em;color:#212121;font-weight:400;margin:0;padding:0;}
.obsah h5{font-size:1.5em;color:#212121;font-weight:400;margin:0em 0 0 0;padding:2em 0 0 0;}


.obsah h1.contacts{background:url('img/contacts.png') no-repeat;padding:0.4em 0 1em 3em;}
.obsah h2.kosicek{background:url('img/kosicek.png') no-repeat;padding:0.4em 0 1em 3em;font-size:2.3em;color:#3787ff;font-weight:400;}
.obsah h2.srdce{background:url('img/srdicko.png') no-repeat;padding:0.2em 1em 1em 3.9em;;}
.obsah h2.grafik{background:url('img/grafik.png') no-repeat;padding:0.2em 1em 1em 3.9em;color:#212121;}
.obsah h2.taska{background:url('img/taska.png') no-repeat;padding:0.2em 1em 1em 3.9em;color:#212121;}
.obsah h2.kestazeni{background:url('img/kestazeni.png') no-repeat;padding:0.9em 1em 1.8em 3.9em;color:#212121;}
.obsah h2.order{background:url('img/order.png') no-repeat;padding:0.9em 1em 2em 3.9em;color:#212121;}
.obsah h2.eco{background:url('img/eco.png') no-repeat;padding:0.0em 0 1em 3.5em;color:#3e8540;font-size:1.8em;margin-top:2em;}
.obsah h2.stat{background:url('img/stat.png') no-repeat;padding:0.8em 1em 1.2em 3.9em;color:#d13e61;}
.obsah h2.pricelist{background:url('img/pricelist.png') no-repeat;padding:0.2em 1em 1em 3.9em;color:#212121;}


.obsah p{font-size:1.2em;line-height: 1.8em;font-weight:400;padding:0.5em 0;}
.obsah p strong{font-weight:600;}
.obsah p a{color:#3787ff;}
.obsah p a:hover{color:#000;}


.obsah .koupit{margin:0 auto;border-radius:0 0 25px 25px;position:relative;;padding:0;float:right;width:50%;top:57px;left:0px;;}
.obsah .koupit h3.kup a{color:#000;font-size:1.00em;background:#fffb00 url('img/kosik.png') no-repeat;border-radius: 5px;font-weight:400;text-transform: none;padding:0.1em 1.2em 0.3em 2em;text-decoration: underline;;transition: 0.3s;}
.obsah .koupit h3.kup a:hover{background:#3787ff url('img/kosik.png') no-repeat;color:#fff;opacity:1;}

.obsah .poslat p{padding:1em 0.5em;color:#fff;font-size:0.85em;margin:0;text-align: center;}
.obsah .poslat p a{color:#fff;text-decoration: underline;}



.hlavnifoto{width:100%;float:none;}
.vedlejsifoto{width:100%;float:left;}
.vedlejsifoto img{width:33.33%;float:left;}

section{margin-bottom:0em;margin-top:4em;}
section img{max-width:100%;}
.trio img{max-width:100%;}


img.konzul{position: relative;top:15px;padding:0 1em 0 0em;}
img.dvere{position: relative;top:15px;padding:0 1em 0 0em;}
img.sonyfotka{padding-top:10em;}





.model{padding-left:0.5em;margin:0;}
.model p.bez{float:none;width:100%;text-decoration: underline;font-size:1.5em;}
.model p.leva{float:left;width:140px;text-decoration: underline;height:120px;font-size:1.2em;}

.model ul{list-style:none;padding:0em 0 0 0em;margin:0.5em 0 0 0;}
.model ul li{font-size:1.4em;line-height:1.7em;}

.model ol{list-style:none;padding:0em 0 0 0em;margin:0.1em 0 0 0;}
.model ol li{font-size:1.2em;line-height:1.6em;;}


.model p.emodul{font-size:1.2em;margin:0;padding:0;position:relative;top:3px;font-weight:400;}

.model h2{font-size:1.5em;margin:1em 0;color:#3787ff;font-weight:500;}
.model p.odsazeni{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;position:relative;top:-21px;}
.model h3.pozice{position:relative;left:160px;top:12px;}

.model .cena h3{background:#d13e61;font-size:2.3em;padding:0.3em 0.3em;color:#fff;width:150px;margin-top:1.5em;font-weight:300;border-radius: 5px;float:left;}
.model .cena-mesic h3{color:#d13e61;font-size:1.6em;padding:0.3em 0.3em;margin-top:1.5em;font-weight:600;border-radius: 5px;float:none;}
.model .cena-rok h3{background:#d13e61;font-size:1.9em;padding:0.3em 0.3em;color:#fff;width:150px;margin-top:1.5em;font-weight:300;border-radius: 5px;float:left;position:relative;top:12px;}
.model img.nadpis{padding:0.5em 0;}





.vedeli{background:#dee2eb;padding:2.5em 0;margin:5em 0;}
.vedeli h3{font-size:2.3em;color:#575757;font-weight:400;}
.vedeli h3.info{background:url('img/info.png') no-repeat;padding:0.4em 0 1em 3em;}
.vedeli p{border-left:1px solid #b9b9b9;padding:0 1.3em 0 1.5em;font-size:1.15em;}

footer{background:#3787ff;color:#fff;padding:3em 0;}
footer p.created img{position:relative;top:6px;left:4px;}
footer p.created{position:relative;top:30px;text-align:right;}
footer .duo{text-align:left}


.rezervacni-formular{padding:0 0.5em 2em 0.5em;background:rgba(100, 161, 218, 0.39);margin:0;border-radius: 5px;}
.rezervacni-formular p{text-align: center;font-size:0.9em;margin:0;padding:0;}

.full{margin:0;padding:0;}
.half-left{width:50%;float:left;}
.half-right{width:100%;float:right;}
.trio-left{width:90.00%;float:left;margin-right:1em;}
.trio-left{width:90.00%;float:left;}



select{float:left;height: 48px; text-align: left;font-size:1.1em;font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em;background:#fff url('img/righttwo.png') no-repeat;background-position: 8px 5px;text-align: left;font-size:1.1em;width:90%;}
input{font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em;float:left;height: 40px; text-align: left;font-size:1.1em;}


input.vetsi{;background:#fff url('img/pero.png') no-repeat;}
input.user{;background:#fff url('img/user.png') no-repeat;}
input.adresa{;background:#fff url('img/domov.png') no-repeat;}
input.telefon{;background:#fff url('img/telefon.png') no-repeat;}
input.email{background:#fff url('img/email.png') no-repeat}			
input.nazevfirmy{;background:#fff url('img/firma.png') no-repeat;}			
input.ico{;background:#fff url('img/number.png') no-repeat;}			
input.srdicko{;background:#fff url('img/srdce.png') no-repeat;}			

h4.reserve{font-size:1.0em;text-align:left;font-weight:400;padding:1.7em 0 0.2em 0;clear:both;margin:0;}



input.vetsi{ width:80%;background-position: 4px 5px;}
input.user{ width:93%;background-position: 6px 8px;}
input.adresa{ width:80%;background-position: 5px 7px;}
input.telefon{ width:80%;background-position: 6px 8px;}
input.email{ width:80%;background-position: 7px 8px;}			
input.nazevfirmy{ width:80%;background-position: 7px 8px;}			
input.ico{ width:50%;background-position: 5px 6px;}			
input.srdicko{ width:75%;background-position: 7px 9px;}			
input.botecicek{display:none;}
						
textarea{float:none;width:95%;height:150px;border:2px solid #797979;font-size:1.0em;font-weight:300;line-height:1.4em;text-align: left;border-radius: 5px;background:#fff ;}

.poslat{width:100%;min-height:190px;background:#212121;margin:0 auto;padding:0;position:relative;top:0;text-align:center;}
.poslat .tlac{background:#fffb00 url('img/click1.png') no-repeat;border-radius:5px;padding:1em;color:#000;width:250px;font-size:1.5em;margin:0 auto;position:relative;border:0;top:10px;font-weight:600;font-family: 'Bai Jamjuree', sans-serif;text-transform: uppercase;background-position: 3px 5px}
.poslat .tlac:hover{background:#ed2302 url('img/click0.png') no-repeat;background-position: 3px 5px;cursor:pointer;color:#fff;}
.poslat .tlac a{color:#000;text-decoration: none;font-weight:600;text-transform: uppercase;display:block;padding:15px;}
.poslat .tlac a:hover{text-decoration: underline;color:#fff;}

}





@media screen and (min-width:560px) {

.stred{width:95%;margin:0 auto;padding:0;}
header{width:100%;height:90px;}

.logo{background:url('img/sonytron_logo.jpg') no-repeat;width:271px;height:36px;display:block;position:relative;top:-23px;margin:0em 0;float:right;}
.logo a{display:block;width:250px;height:53px;}
.logo span{display:none;}

#dl-menu{display:inline-block;}

nav{float:right;position:relative;top:35px;display:none;}

.linka-black {background:#000;width:100%;height:20px;}
.linka-top {;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;top:0px;background-image: url("img/linka.png");width:100%;height:20px;}
.linka-down {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/linkadown.png");width:100%;height:20px;margin-bottom:0em;}
.header {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/header_big.jpg");height: 88%;}
.header .bublina{position:relative;top:180px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:400px;}
.header .bublina h1{margin:0;font-size:1.9em;font-style: italic;font-weight:600;color:#fff;}

.header-firmy {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/cfirma.jpg");height: 88%;}
.header-firmy .bublina{position:relative;top:180px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:400px;}
.header-firmy .bublina h1{margin:0;font-size:1.9em;font-style: italic;font-weight:600;color:#fff;}


.infopanel{background:#3787ff;min-height:480px;color:#fff;}
.infopanel .box{width:50%;float:left;position:relative;top:20px;}
.infopanel p{padding:0em;line-height:1.4em;color:#f9f9f9;font-size:1.3em;font-weight:500;padding:1.5em 2.85em;margin:0 auto;}
.infopanel span{color:#a9a9a9;}
.infopanel img{position: relative;top:-5px;padding:3em 0.5em 0em 1em;float:none;max-width:60px;}


.sonytron24{padding:4em 0;margin-top:7em;}

.infoikonky{margin:4em 0 0em 0;padding:0em;}
.infoikonky .box{width:50.00%;float:left;position:relative;height:100px;margin:0 auto;}
.infoikonky p{line-height:1.2em;color:#303030;font-size:1.25em;font-weight:300;padding:0.2em 1em 0 1.0em;margin:0 auto;text-align:left;}
.infoikonky span{color:#a9a9a9;}
.infoikonky img{position: relative;top:0px;padding:0 1.0em 0 1.5em;float:left;max-width:50px;}

.konzultace{background:#424242;height:150px;margin-top:6em;color:#fff;}
.konzultace h3{font-size:1.5em;font-weight:300;margin:0;text-align: left;position:relative;top:25px;}
.konzultace h3 strong{font-weight:400;}
.konzultace p{font-size:1.3em;font-weight:300;margin:0;text-align: justify;position:relative;top:40px;}
.konzultace img{display:none;}
.konzultace .uno{width:40%;float:left;}
.konzultace .duo{width:59%;float:right;}
.konzultace .trio{width:40%;float:left;}

.button{height:120px;margin:0 auto;border-radius:0 0 25px 25px;position:relative;top:60px;padding:0;}
.button a{color:#000;font-size:1.35em;background:#fffb00;border-radius: 25px;font-weight:600;text-transform: none;padding:1.1em 0.8em;text-decoration: underline;;transition: 0.3s;}
.button a:hover{background:#3787ff;color:#fff;opacity:1;}

.obsah .uno{float:left;width:30.00%;margin:0;padding:0;}
.obsah .duo{float:left;width:100.00%;margin:2em 0;padding:0;}
.obsah .trio{float:left;width:33.33%;}
.obsah .unoduo{float:left;width:100.00%;margin:0;padding:0;}

.koupelna {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/koupelna.jpg");height: 650px;margin-bottom:7em;}

.obsah{padding:0.5em 0;text-align:left;color:#303030;clear:both;margin:4em 0}

.obsah h1{font-size:2.3em;color:#3787ff;font-weight:400;margin:0;padding:0;}
.obsah h2{font-size:2.0em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h3{font-size:1.9em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h4{font-size:1.0em;color:#212121;font-weight:400;margin:0;padding:0;}
.obsah h5{font-size:1.5em;color:#212121;font-weight:400;margin:0em 0 0 0;padding:2em 0 0 0;}


.obsah h1.contacts{background:url('img/contacts.png') no-repeat;padding:0.4em 0 1em 3em;}
.obsah h2.kosicek{background:url('img/kosicek.png') no-repeat;padding:0.4em 0 1em 3em;font-size:2.3em;color:#3787ff;font-weight:400;}
.obsah h2.srdce{background:url('img/srdicko.png') no-repeat;padding:0.6em 0 1em 3em;;}
.obsah h2.grafik{background:url('img/grafik.png') no-repeat;padding:0.6em 0 1em 3em;color:#212121;}
.obsah h2.taska{background:url('img/taska.png') no-repeat;padding:0.6em 0 1em 3em;color:#212121;}
.obsah h2.kestazeni{background:url('img/kestazeni.png') no-repeat;padding:0.6em 0 1em 3em;color:#212121;}
.obsah h2.order{background:url('img/order.png') no-repeat;padding:0.6em 0 1em 3em;color:#212121;}
.obsah h2.eco{background:url('img/eco.png') no-repeat;padding:0.8em 0 1em 3.5em;color:#3e8540;font-size:1.8em;margin-top:2em;}
.obsah h2.stat{background:url('img/stat.png') no-repeat;padding:0.4em 0 1em 3em;color:#d13e61;}
.obsah h2.pricelist{background:url('img/pricelist.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}


.obsah p{font-size:1.2em;line-height: 1.8em;font-weight:400;padding:0.5em 0;}
.obsah p strong{font-weight:600;}
.obsah p a{color:#3787ff;}
.obsah p a:hover{color:#000;}

.obsah .trio{float:left;width:90%;padding-left:2.3%;}

.model .cena h3{background:#d13e61;font-size:2.3em;padding:0.3em 0.3em;color:#fff;width:150px;margin-top:1.5em;font-weight:300;border-radius: 5px;float:left;}
.model .cena-mesic h3{color:#d13e61;font-size:1.9em;padding:0.3em 0.3em;margin-top:1.5em;font-weight:600;border-radius: 5px;float:none;}
.model .cena-rok h3{background:#d13e61;font-size:2.3em;padding:0.3em 0.3em;color:#fff;width:180px;margin-top:1.5em;font-weight:300;border-radius: 5px;float:left;position:relative;top:0px;}
.model img.nadpis{padding:0.5em 0;}


.obsah .koupit{margin:0 auto;border-radius:0 0 25px 25px;position:relative;;padding:0;float:right;width:50%;top:55px;left:0px;;}
.obsah .koupit h3.kup a{color:#000;font-size:1.00em;background:#fffb00 url('img/kosik.png') no-repeat;border-radius: 5px;font-weight:400;text-transform: none;padding:0.1em 1.2em 0.3em 2em;text-decoration: underline;;transition: 0.3s;}
.obsah .koupit h3.kup a:hover{background:#3787ff url('img/kosik.png') no-repeat;color:#fff;opacity:1;}

.obsah .poslat p{padding:1em 0.5em;color:#fff;font-size:0.85em;margin:0;text-align: center;}
.obsah .poslat p a{color:#fff;text-decoration: underline;}



.hlavnifoto{width:50%;float:left;}
.vedlejsifoto{width:16%;float:left;}
.vedlejsifoto img{width:100%;float:right;}
.hlavnifoto img{width:100%;}

section{margin-bottom:0em;margin-top:4em;}
section img{max-width:100%;}
.trio img{max-width:100%;}


img.konzul{position: relative;top:15px;padding:0 1em 0 0em;}
img.dvere{position: relative;top:15px;padding:0 1em 0 0em;}
img.sonyfotka{padding-top:10em;}





.model{padding-left:5em;}
.model p.bez{float:none;width:160px;text-decoration: underline;font-size:1.2em;}
.model p.leva{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;}

.model ul{list-style:none;padding:0em 0 0 0em;margin:1.9em 0 0 0;}
.model ul li{font-size:1.2em;line-height:1.6em;}

.model ol{list-style:none;padding:0em 0 0 0em;margin:0.1em 0 0 0;}
.model ol li{font-size:1.2em;line-height:1.6em;;}


.model p.emodul{font-size:1.2em;margin:0;padding:0;position:relative;top:3px;font-weight:400;}

.model h2{font-size:1.5em;margin:1em 0;color:#3787ff;font-weight:500;}
.model p.odsazeni{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;position:relative;top:-21px;}
.model h3.pozice{position:relative;left:160px;top:12px;}




.vedeli{background:#dee2eb;padding:2.5em 0;margin:5em 0;}
.vedeli h3{font-size:2.3em;color:#575757;font-weight:400;}
.vedeli h3.info{background:url('img/info.png') no-repeat;padding:0.4em 0 1em 3em;}
.vedeli p{border-left:1px solid #b9b9b9;padding:0 1.3em 0 1.5em;font-size:1.05em;}

footer{background:#3787ff;color:#fff;padding:3em 0;}
footer p.created img{position:relative;top:6px;left:4px;}
footer p.created{position:relative;top:30px;text-align:left;}
footer .duo{text-align:left}


.rezervacni-formular{padding:0 0.5em 2em 0.5em;background:rgba(100, 161, 218, 0.39);margin:0;border-radius: 5px;}
.rezervacni-formular p{text-align: center;font-size:0.9em;margin:0;padding:0;}

.full{margin:0;padding:0;}
.half-left{width:50%;float:left;}
.half-right{width:100%;float:right;}
.trio-left{width:90.00%;float:left;margin-right:1em;}
.trio-left{width:90.00%;float:left;}



select{float:left;height: 48px; text-align: left;font-size:1.1em;font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em;background:#fff url('img/righttwo.png') no-repeat;background-position: 8px 5px;text-align: left;font-size:1.1em;width:90%;}
input{font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em;float:left;height: 40px; text-align: left;font-size:1.1em;}


input.vetsi{;background:#fff url('img/pero.png') no-repeat;}
input.user{;background:#fff url('img/user.png') no-repeat;}
input.adresa{;background:#fff url('img/domov.png') no-repeat;}
input.telefon{;background:#fff url('img/telefon.png') no-repeat;}
input.email{background:#fff url('img/email.png') no-repeat}			
input.nazevfirmy{;background:#fff url('img/firma.png') no-repeat;}			
input.ico{;background:#fff url('img/number.png') no-repeat;}			
input.srdicko{;background:#fff url('img/srdce.png') no-repeat;}			

h4.reserve{font-size:1.0em;text-align:left;font-weight:400;padding:1.7em 0 0.2em 0;clear:both;margin:0;}



input.vetsi{ width:80%;background-position: 4px 5px;}
input.user{ width:93%;background-position: 6px 8px;}
input.adresa{ width:80%;background-position: 5px 7px;}
input.telefon{ width:80%;background-position: 6px 8px;}
input.email{ width:80%;background-position: 7px 8px;}			
input.nazevfirmy{ width:80%;background-position: 7px 8px;}			
input.ico{ width:50%;background-position: 5px 6px;}			
input.srdicko{ width:75%;background-position: 7px 9px;}			
input.botecicek{display:none;}
						
textarea{float:none;width:97%;height:150px;border:2px solid #797979;font-size:1.0em;font-weight:300;line-height:1.4em;text-align: left;border-radius: 5px;background:#fff ;}

.poslat{width:100%;min-height:190px;background:#212121;margin:0 auto;padding:0;position:relative;top:0;text-align:center;}
.poslat .tlac{background:#fffb00 url('img/click1.png') no-repeat;border-radius:5px;padding:1em;color:#000;width:250px;font-size:1.5em;margin:0 auto;position:relative;border:0;top:10px;font-weight:600;font-family: 'Bai Jamjuree', sans-serif;text-transform: uppercase;background-position: 3px 5px}
.poslat .tlac:hover{background:#ed2302 url('img/click0.png') no-repeat;background-position: 3px 5px;cursor:pointer;color:#fff;}
.poslat .tlac a{color:#000;text-decoration: none;font-weight:600;text-transform: uppercase;display:block;padding:15px;}
.poslat .tlac a:hover{text-decoration: underline;color:#fff;}

}





@media screen and (min-width:768px) {

.stred{width:744px;margin:0 auto;padding:0 12px;}
header{width:100%;height:80px;}

.logo{background:url('img/sonytron_logo.jpg') no-repeat;width:271px;height:36px;display:block;position:relative;top:-23px;margin:0em 0;float:right;}
.logo a{display:block;width:250px;height:53px;}
.logo span{display:none;}

#dl-menu{display:inline-block;}

nav{float:right;position:relative;top:35px;display:none;}

.linka-black {background:#000;width:100%;height:20px;}
.linka-top {;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;top:0px;background-image: url("img/linka.png");width:100%;height:20px;}
.linka-down {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/linkadown.png");width:100%;height:20px;margin-bottom:0em;}
.header {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/header_big.jpg");height: 68%;}
.header .bublina{position:relative;top:280px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:480px;}
.header .bublina h1{margin:0;font-size:2.9em;font-style: italic;font-weight:600;color:#fff;}

.header-firmy {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/cfirma.jpg");height: 75%;}
.header-firmy .bublina{position:relative;top:280px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:480px;}
.header-firmy .bublina h1{margin:0;font-size:2.9em;font-style: italic;font-weight:600;color:#fff;}


.infopanel{background:#3787ff;min-height:250px;color:#fff;}
.infopanel .box{width:25%;float:left;position:relative;top:60px;}
.infopanel p{padding:0em;line-height:1.3em;color:#f9f9f9;font-size:1.1em;font-weight:500;padding:1.5em 1.5em;margin:0 auto;}
.infopanel span{color:#a9a9a9;}
.infopanel img{position: relative;top:-5px;padding:0 0.5em 0 1em;float:none;max-width:60px;}


.sonytron24{padding:4em 0;margin-top:7em;}

.infoikonky{margin:4em 0 0em 0;padding:0em;}
.infoikonky .box{width:50.00%;float:left;position:relative;height:100px;margin:0 auto;}
.infoikonky p{line-height:1.2em;color:#303030;font-size:1.25em;font-weight:300;padding:0.2em 2em 0 1.7em;margin:0 auto;text-align:left;}
.infoikonky span{color:#a9a9a9;}
.infoikonky img{position: relative;top:0px;padding:0 1.0em 0 4em;float:left;max-width:50px;}

.konzultace{background:#424242;height:150px;margin-top:6em;color:#fff;}
.konzultace h3{font-size:1.5em;font-weight:300;margin:0;text-align: left;position:relative;top:20px;}
.konzultace h3 strong{font-weight:400;}
.konzultace p{font-size:1.4em;font-weight:300;margin:0;text-align: justify;position:relative;top:-50px;}
.konzultace img{display:inline-block;}
.konzultace .uno{width:40%;float:left;}
.konzultace .duo{width:60%;float:left;}
.konzultace .trio{width:40%;float:left;}

.button{height:120px;margin:0 auto;border-radius:0 0 25px 25px;position:relative;top:30px;padding:0;}
.button a{color:#000;font-size:1.35em;background:#fffb00;border-radius: 25px;font-weight:600;text-transform: none;padding:1.1em 1.0em;text-decoration: underline;;transition: 0.3s;}
.button a:hover{background:#3787ff;color:#fff;opacity:1;}

.obsah .uno{float:left;width:30.00%;margin:0;padding:0;}
.obsah .duo{float:left;width:100.00%;margin:2em 0;padding:0;}
.obsah .trio{float:left;width:33.33%;}
.obsah .unoduo{float:left;width:100.00%;margin:0;padding:0;}

.koupelna {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/koupelna.jpg");height: 650px;margin-bottom:7em;}

.obsah{padding:0.5em 0;text-align:left;color:#303030;clear:both;margin:4em 0}

.obsah h1{font-size:2.3em;color:#3787ff;font-weight:400;margin:0;padding:0;}
.obsah h2{font-size:2.3em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h3{font-size:1.9em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h4{font-size:1.0em;color:#212121;font-weight:400;margin:0;padding:0;}
.obsah h5{font-size:1.5em;color:#212121;font-weight:400;margin:0em 0 0 0;padding:2em 0 0 0;}


.obsah h1.contacts{background:url('img/contacts.png') no-repeat;padding:0.4em 0 1em 3em;}
.obsah h2.kosicek{background:url('img/kosicek.png') no-repeat;padding:0.4em 0 1em 3em;font-size:2.3em;color:#3787ff;font-weight:400;}
.obsah h2.srdce{background:url('img/srdicko.png') no-repeat;padding:0.4em 0 1em 3em;;}
.obsah h2.grafik{background:url('img/grafik.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}
.obsah h2.taska{background:url('img/taska.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}
.obsah h2.kestazeni{background:url('img/kestazeni.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}
.obsah h2.order{background:url('img/order.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}
.obsah h2.eco{background:url('img/eco.png') no-repeat;padding:0.8em 0 1em 3.5em;color:#3e8540;font-size:1.8em;margin-top:2em;}
.obsah h2.stat{background:url('img/stat.png') no-repeat;padding:0.4em 0 1em 3em;color:#d13e61;}
.obsah h2.pricelist{background:url('img/pricelist.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}


.obsah p{font-size:1.2em;line-height: 1.8em;font-weight:400;padding:0.5em 0;}
.obsah p strong{font-weight:600;}
.obsah p a{color:#3787ff;}
.obsah p a:hover{color:#000;}

.obsah .trio{float:left;width:31%;padding-left:2.3%;}

.model .cena h3{background:#d13e61;font-size:1.6em;padding:0.3em 0.3em;color:#fff;width:110px;margin-top:0.5em;font-weight:300;border-radius: 5px;float:left;}
.model .cena-mesic h3{color:#d13e61;font-size:1.2em;padding:0.3em 0.3em;margin-top:0.5em;font-weight:600;border-radius: 5px;float:none;}
.model .cena-rok h3{background:#d13e61;font-size:1.6em;padding:0.3em 0.3em;color:#fff;width:130px;margin-top:0.5em;font-weight:300;border-radius: 5px;float:left;}
.model img.nadpis{padding:0.5em 0;}


.obsah .koupit{margin:0 auto;border-radius:0 0 25px 25px;position:relative;;padding:0;float:right;width:50%;top:20px;left:0px;;}
.obsah .koupit h3.kup a{color:#000;font-size:0.70em;background:#fffb00 url('img/kosik.png') no-repeat;border-radius: 5px;font-weight:400;text-transform: none;padding:0.6em 1.2em 0.6em 3em;text-decoration: underline;;transition: 0.3s;}
.obsah .koupit h3.kup a:hover{background:#3787ff url('img/kosik.png') no-repeat;color:#fff;opacity:1;}

.obsah .poslat p{padding:1em 0.5em;color:#fff;font-size:0.85em;margin:0;text-align: center;}
.obsah .poslat p a{color:#fff;text-decoration: underline;}



.hlavnifoto{width:75%;float:left;}
.vedlejsifoto{width:25%;float:right;}
.vedlejifoto img{float:none;}
.hlavnifoto img{width:100%;}





section{margin-bottom:0em;margin-top:4em;}
section img{max-width:100%;}
.trio img{max-width:100%;}


img.konzul{position: relative;top:15px;padding:0 1em 0 0em;}
img.dvere{position: relative;top:15px;padding:0 1em 0 0em;}
img.sonyfotka{padding-top:10em;}





.model{padding-left:5em;}
.model p.bez{float:none;width:160px;text-decoration: underline;font-size:1.2em;}
.model p.leva{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;}

.model ul{list-style:none;padding:0em 0 0 0em;margin:1.9em 0 0 0;}
.model ul li{font-size:1.2em;line-height:1.6em;}

.model ol{list-style:none;padding:0em 0 0 0em;margin:0.1em 0 0 0;}
.model ol li{font-size:1.2em;line-height:1.6em;;}


.model p.emodul{font-size:1.2em;margin:0;padding:0;position:relative;top:3px;font-weight:400;}

.model h2{font-size:1.5em;margin:1em 0;color:#3787ff;font-weight:500;}
.model p.odsazeni{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;position:relative;top:-21px;}
.model h3.pozice{position:relative;left:160px;top:12px;}




.vedeli{background:#dee2eb;padding:2.5em 0;margin:5em 0;}
.vedeli h3{font-size:2.3em;color:#575757;font-weight:400;}
.vedeli h3.info{background:url('img/info.png') no-repeat;padding:0.4em 0 1em 3em;}
.vedeli p{border-left:1px solid #b9b9b9;padding:0 1.3em 0 1.5em;font-size:1.15em;}

footer{background:#3787ff;color:#fff;padding:3em 0;}
footer p.created img{position:relative;top:6px;left:4px;}
footer p.created{position:relative;top:30px;text-align:right;}
footer .duo{text-align:left}



.rezervacni-formular{padding:1em 0.5em 2em 0.5em;background:rgba(100, 161, 218, 0.39);margin:0;border-radius: 5px;}
.rezervacni-formular p{text-align: center;font-size:0.9em;margin:0;}

.full{margin:0;padding:0;clear:both;}
.half-left{width:30%;float:left;}
.half-right{width:30%;float:right;}
.trio-left{width:29.00%;float:left;margin-right:2em;}




select{float:left;height: 48px; text-align: left;font-size:1.1em;font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em;background:#fff url('img/righttwo.png') no-repeat;background-position: 8px 5px;text-align: left;font-size:1.1em;width:90%;}
input{font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em;float:left;height: 40px; text-align: left;font-size:1.1em;}


input.vetsi{;background:#fff url('img/pero.png') no-repeat;}
input.user{;background:#fff url('img/user.png') no-repeat;}
input.adresa{;background:#fff url('img/domov.png') no-repeat;}
input.telefon{;background:#fff url('img/telefon.png') no-repeat;}
input.email{background:#fff url('img/email.png') no-repeat}			
input.nazevfirmy{;background:#fff url('img/firma.png') no-repeat;}			
input.ico{;background:#fff url('img/number.png') no-repeat;}			
input.srdicko{;background:#fff url('img/srdce.png') no-repeat;}			

h4.reserve{font-size:1.0em;text-align:left;font-weight:400;padding:1.7em 0 0.2em 0;clear:both;margin:0;}



input.vetsi{ width:80%;background-position: 4px 5px;}
input.user{ width:80%;background-position: 6px 8px;}
input.adresa{ width:80%;background-position: 5px 7px;}
input.telefon{ width:80%;background-position: 6px 8px;}
input.email{ width:80%;background-position: 7px 8px;}			
input.nazevfirmy{ width:80%;background-position: 7px 8px;}			
input.ico{ width:50%;background-position: 5px 6px;}			
input.srdicko{ width:75%;background-position: 7px 9px;}			
input.botecicek{display:none;}
						
textarea{float:none;width:97%;height:150px;border:2px solid #797979;font-size:1.0em;font-weight:300;line-height:1.4em;text-align: left;border-radius: 5px;background:#fff ;}

.poslat{width:100%;min-height:190px;background:#212121;margin:0 auto;padding:0;position:relative;top:0;text-align:center;}
.poslat .tlac{background:#fffb00 url('img/click1.png') no-repeat;border-radius:5px;padding:1em;color:#000;width:250px;font-size:1.5em;margin:0 auto;position:relative;border:0;top:10px;font-weight:600;font-family: 'Bai Jamjuree', sans-serif;text-transform: uppercase;background-position: 3px 5px}
.poslat .tlac:hover{background:#ed2302 url('img/click0.png') no-repeat;background-position: 3px 5px;cursor:pointer;color:#fff;}
.poslat .tlac a{color:#000;text-decoration: none;font-weight:600;text-transform: uppercase;display:block;padding:15px;}
.poslat .tlac a:hover{text-decoration: underline;color:#fff;}


}



/* 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX */




@media screen and (min-width:1024px) {

.stred{width:1000px;margin:0 auto;padding:0 12px;}
header{width:100%;height:130px;}

.logo{background:url('img/sonytron_logo.jpg') no-repeat;width:271px;height:36px;display:block;position:relative;top:50px;margin:0em 0;float:left;}
.logo a{display:block;width:250px;height:53px;}
.logo span{display:none;}

#dl-menu{display:none;}

nav{float:right;position:relative;top:35px;display:inline-block;}
nav ul li{float:left;text-transform: uppercase;list-style:none;padding:0.5em 0.9em 0.5em 0.9em;}
nav ul li a{color:#303030;font-size:1.2em;text-decoration: none;font-weight:400;}
nav ul li a:hover{color:#3787ff;}
nav ul li.act{background:#fffb00;border-radius: 15px;padding:0.7em 1.1em;position:relative;top:-3px;}
nav ul li.act:hover{background:#3787ff;;transition: 0.3s;}
nav ul li.act a{color:#000;}
nav ul li.act:hover a{color:#fff;}
nav ul li.ac a{color:#3787ff;}
nav ul li.ac:hover a{color:#000;}


.linka-black {background:#000;width:100%;height:20px;}
.linka-top {;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;top:0px;background-image: url("img/linka.png");width:100%;height:20px;}
.linka-down {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/linkadown.png");width:100%;height:20px;margin-bottom:0em;}
.header {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/header_big.jpg");height: 75%;}
.header .bublina{position:relative;top:280px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:480px;}
.header .bublina h1{margin:0;font-size:2.9em;font-style: italic;font-weight:600;color:#fff;}

.header-firmy {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/cfirma.jpg");height: 75%;}
.header-firmy .bublina{position:relative;top:280px;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:480px;}
.header-firmy .bublina h1{margin:0;font-size:2.9em;font-style: italic;font-weight:600;color:#fff;}


.infopanel{background:#3787ff;min-height:300px;color:#fff;}
.infopanel .box{width:25%;float:left;position:relative;top:70px;}
.infopanel p{padding:0em;line-height:1.3em;color:#f9f9f9;font-size:1.25em;font-weight:500;padding:1.5em 2.5em;margin:0 auto;}
.infopanel span{color:#a9a9a9;}
.infopanel img{position: relative;top:-5px;padding:0 0.5em 0 1em;float:none;max-width:80px;}

.sonytron24{padding:4em 0;margin-top:7em;}

.infoikonky{margin:4em 0 0em 0;padding:0em;}
.infoikonky .box{width:33.33%;float:left;position:relative;height:100px;margin:0 auto;}
.infoikonky p{padding:0em;line-height:1.2em;color:#303030;font-size:1.20em;font-weight:300;padding:0.2em 2em 0 6.5em;margin:0 auto;text-align:left;}
.infoikonky span{color:#a9a9a9;}
.infoikonky img{position: relative;top:0px;padding:0 0.5em 0 3em;float:left;max-width:50px;}

.konzultace{background:#424242;height:150px;margin-top:6em;color:#fff;}
.konzultace h3{font-size:1.8em;font-weight:300;margin:0;text-align: left;position:relative;top:57px;}
.konzultace h3 strong{font-weight:400;}
.konzultace p{font-size:1.4em;font-weight:300;margin:0;text-align: justify;position:relative;top:48px;}

.konzultace .uno{width:24%;float:left;}
.konzultace .duo{width:42%;float:left;}
.konzultace .trio{width:24%;float:right;}


.obsah .uno{float:left;width:30.00%;margin:0;padding:0;}
.obsah .duo{float:left;width:50.00%;margin:0em 0;padding:0;}
.obsah .trio{float:left;width:33.33%;margin:0;padding:0;}
.obsah .unoduo{float:left;width:100.00%;margin:0;padding:0;}


.koupelna {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/koupelna.jpg");height: 650px;margin-bottom:7em;}

.obsah{padding:0.5em 0;text-align:left;color:#303030;clear:both;margin:4em 0}

.obsah h1{font-size:2.3em;color:#3787ff;font-weight:400;margin:0;padding:0;}
.obsah h2{font-size:2.3em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h3{font-size:1.9em;color:#d13e61;font-weight:400;margin:0;padding:0;}
.obsah h4{font-size:1.0em;color:#212121;font-weight:400;margin:0;padding:0;}
.obsah h5{font-size:1.5em;color:#212121;font-weight:400;margin:0em 0 0 0;padding:2em 0 0 0;}


.obsah h1.contacts{background:url('img/contacts.png') no-repeat;padding:0.4em 0 1em 3em;}
.obsah h2.kosicek{background:url('img/kosicek.png') no-repeat;padding:0.4em 0 1em 3em;font-size:2.3em;color:#3787ff;font-weight:400;}
.obsah h2.srdce{background:url('img/srdicko.png') no-repeat;padding:0.4em 0 1em 3em;;}
.obsah h2.grafik{background:url('img/grafik.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}
.obsah h2.taska{background:url('img/taska.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}
.obsah h2.kestazeni{background:url('img/kestazeni.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}
.obsah h2.order{background:url('img/order.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}
.obsah h2.eco{background:url('img/eco.png') no-repeat;padding:0.8em 0 1em 3.5em;color:#3e8540;font-size:1.8em;margin-top:2em;}
.obsah h2.stat{background:url('img/stat.png') no-repeat;padding:0.4em 0 1em 3em;color:#d13e61;}
.obsah h2.pricelist{background:url('img/pricelist.png') no-repeat;padding:0.4em 0 1em 3em;color:#212121;}


.obsah p{font-size:1.2em;line-height: 1.8em;font-weight:400;padding:0.5em 0;}
.obsah p strong{font-weight:600;}
.obsah p a{color:#3787ff;}
.obsah p a:hover{color:#000;}

.obsah .trio{float:left;width:31%;padding-left:2.3%;}

.model .cena h3{background:#d13e61;font-size:1.6em;padding:0.3em 0.3em;color:#fff;width:110px;margin-top:0.5em;font-weight:300;border-radius: 5px;float:left;}
.model .cena-mesic h3{color:#d13e61;font-size:1.2em;padding:0.3em 0.3em;margin-top:0.5em;font-weight:600;border-radius: 5px;float:none;}
.model .cena-rok h3{background:#d13e61;font-size:1.6em;padding:0.3em 0.3em;color:#fff;width:130px;margin-top:0.5em;font-weight:300;border-radius: 5px;float:left;}
.model img.nadpis{padding:0.5em 0;}


.obsah .koupit{margin:0 auto;border-radius:0 0 25px 25px;position:relative;;padding:0;float:right;width:50%;top:20px;left:0px;;}
.obsah .koupit h3.kup a{color:#000;font-size:0.70em;background:#fffb00 url('img/kosik.png') no-repeat;border-radius: 5px;font-weight:400;text-transform: none;padding:0.6em 1.2em 0.6em 3em;text-decoration: underline;;transition: 0.3s;}
.obsah .koupit h3.kup a:hover{background:#3787ff url('img/kosik.png') no-repeat;color:#fff;opacity:1;}

.obsah .poslat p{padding:1em 0.5em;color:#fff;font-size:0.85em;margin:0;text-align: center;}
.obsah .poslat p a{color:#fff;text-decoration: underline;}



.hlavnifoto{width:75%;float:left;}
.vedlejsifoto{width:25%;float:right;}
.hlavnifoto img{width:100%;}

section{margin-bottom:0em;margin-top:4em;}
section img{max-width:100%;}
.trio img{max-width:100%;}


img.konzul{position: relative;top:15px;padding:0 1em 0 0em;}
img.dvere{position: relative;top:15px;padding:0 1em 0 0em;}
img.sonyfotka{padding-top:10em;}

.button{height:120px;margin:0 auto;border-radius:0 0 25px 25px;position:relative;top:30px;padding:0;}
.button a{color:#000;font-size:1.45em;background:#fffb00;border-radius: 25px;font-weight:600;text-transform: none;padding:1.1em 1.5em;text-decoration: underline;;transition: 0.3s;}
.button a:hover{background:#3787ff;color:#fff;opacity:1;}





.model{padding-left:5em;}
.model p.bez{float:none;width:160px;text-decoration: underline;font-size:1.2em;}
.model p.leva{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;}

.model ul{list-style:none;padding:0em 0 0 0em;margin:1.9em 0 0 0;}
.model ul li{font-size:1.2em;line-height:1.6em;}

.model ol{list-style:none;padding:0em 0 0 0em;margin:0.1em 0 0 0;}
.model ol li{font-size:1.2em;line-height:1.6em;;}


.model p.emodul{font-size:1.2em;margin:0;padding:0;position:relative;top:3px;font-weight:400;}

.model h2{font-size:1.5em;margin:1em 0;color:#3787ff;font-weight:500;}
.model p.odsazeni{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;position:relative;top:-21px;}
.model h3.pozice{position:relative;left:160px;top:12px;}




.vedeli{background:#dee2eb;padding:2.5em 0;margin:5em 0;}
.vedeli h3{font-size:2.3em;color:#575757;font-weight:400;}
.vedeli h3.info{background:url('img/info.png') no-repeat;padding:0.4em 0 1em 3em;}
.vedeli p{border-left:1px solid #b9b9b9;padding:0 1.3em 0 1.5em;font-size:1.15em;}

footer{background:#3787ff;color:#fff;padding:3em 0;}
footer p.created img{position:relative;top:6px;left:4px;}
footer p.created{position:relative;top:30px;text-align:right;}
footer .duo{text-align:left}



.rezervacni-formular{padding:1em 0.5em 2em 0.5em;background:rgba(100, 161, 218, 0.39);margin:0;border-radius: 5px;}
.rezervacni-formular p{text-align: center;font-size:0.9em;margin:0;}

.full{margin:0;padding:0;clear:both;}
.half-left{width:30%;float:left;}
.half-right{width:30%;float:right;}
.trio-left{width:29.00%;float:left;margin-right:2em;}




select{float:left;height: 48px; text-align: left;font-size:1.1em;font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em;background:#fff url('img/righttwo.png') no-repeat;background-position: 8px 5px;text-align: left;font-size:1.1em;width:90%;}
input{font-weight:500; color: #000; border: 2px solid #797979; border-radius: 5px;background:#fff;padding-left:3em;float:left;height: 40px; text-align: left;font-size:1.1em;}


input.vetsi{;background:#fff url('img/pero.png') no-repeat;}
input.user{;background:#fff url('img/user.png') no-repeat;}
input.adresa{;background:#fff url('img/domov.png') no-repeat;}
input.telefon{;background:#fff url('img/telefon.png') no-repeat;}
input.email{background:#fff url('img/email.png') no-repeat}			
input.nazevfirmy{;background:#fff url('img/firma.png') no-repeat;}			
input.ico{;background:#fff url('img/number.png') no-repeat;}			
input.srdicko{;background:#fff url('img/srdce.png') no-repeat;}			

h4.reserve{font-size:1.0em;text-align:left;font-weight:400;padding:1.7em 0 0.2em 0;clear:both;margin:0;}



input.vetsi{ width:80%;background-position: 4px 5px;}
input.user{ width:80%;background-position: 6px 8px;}
input.adresa{ width:80%;background-position: 5px 7px;}
input.telefon{ width:80%;background-position: 6px 8px;}
input.email{ width:80%;background-position: 7px 8px;}			
input.nazevfirmy{ width:80%;background-position: 7px 8px;}			
input.ico{ width:50%;background-position: 5px 6px;}			
input.srdicko{ width:75%;background-position: 7px 9px;}			
input.botecicek{display:none;}
						
textarea{float:none;width:98%;height:120px;border:2px solid #797979;font-size:1.0em;font-weight:300;line-height:1.4em;text-align: left;border-radius: 5px;background:#fff ;}

.poslat{width:100%;min-height:190px;background:#212121;margin:0 auto;padding:0;position:relative;top:0;text-align:center;}
.poslat .tlac{background:#fffb00 url('img/click1.png') no-repeat;border-radius:5px;padding:1em;color:#000;width:250px;font-size:1.5em;margin:0 auto;position:relative;border:0;top:10px;font-weight:600;font-family: 'Bai Jamjuree', sans-serif;text-transform: uppercase;background-position: 3px 5px}
.poslat .tlac:hover{background:#ed2302 url('img/click0.png') no-repeat;background-position: 3px 5px;cursor:pointer;color:#fff;}
.poslat .tlac a{color:#000;text-decoration: none;font-weight:600;text-transform: uppercase;display:block;padding:15px;}
.poslat .tlac a:hover{text-decoration: underline;color:#fff;}


}



/* 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX 1200 PX   1200 PX */

@media screen and (min-width:1200px) {

.stred{width:1200px;margin:0 auto;padding:0;}
header{width:100%;height:130px;}
.obsah .koupit{margin:0 auto;border-radius:0 0 25px 25px;position:relative;;padding:0;float:right;width:50%;top:38px;left:0px;;}

.logo{background:url('img/sonytron_logo.jpg') no-repeat;width:271px;height:36px;display:block;position:relative;top:50px;margin:0em 0;float:left;}
.logo a{display:block;width:250px;height:53px;}
.logo span{display:none;}

#dl-menu{display:none;}

nav{float:right;position:relative;top:35px;display:inline-block;}
nav ul li{float:left;text-transform: uppercase;list-style:none;padding:0.5em 1.6em 0.5em 1.6em;}


.infoikonky{margin:5em 0 3em 0;padding:0em;}
.infoikonky .box{width:33.33%;float:left;position:relative;height:130px;margin:0 auto;}
.infoikonky p{padding:0em;line-height:1.4em;color:#303030;font-size:1.35em;font-weight:300;padding:0.2em 2em 0 8.5em;margin:0 auto;text-align:left;}
.infoikonky img{max-width:60px;}




.uno{float:left;width:25.00%;margin:0;padding:0;}
.duo{float:left;width:50.00%;margin:0;padding:0;}
.trio{float:left;width:33.33%;}

.model .cena h3{background:#d13e61;font-size:1.7em;padding:0.3em 0.3em;color:#fff;width:110px;margin-top:1.2em;font-weight:300;border-radius: 5px;float:left;}
.model .cena-mesic h3{color:#d13e61;font-size:1.3em;padding:0.3em 0.3em;margin-top:1.2em;font-weight:600;border-radius: 5px;float:none;}
.model .cena-rok h3{background:#d13e61;font-size:1.7em;padding:0.3em 0.3em;color:#fff;width:130px;margin-top:1.2em;font-weight:300;border-radius: 5px;float:left;}
.model img.nadpis{padding:1em 0;}

.hlavnifoto{width:75%;float:left;}
.vedlejsifoto{width:25%;float:right;}
.hlavnifoto img{width:100%;}

section{margin-bottom:0em;margin-top:4em;}
section img{max-width:100%;}
.trio img{max-width:100%;}

.konzultace{background:#424242;height:150px;margin-top:6em;color:#fff;}
.konzultace h3{font-size:2.1em;font-weight:300;margin:0;text-align: left;position:relative;top:52px;}


img.konzul{position: relative;top:15px;padding:0 1em 0 0em;}
img.dvere{position: relative;top:15px;padding:0 1em 0 0em;}
img.sonyfotka{padding-top:10em;}

.button{height:120px;margin:0 auto;border-radius:0 0 25px 25px;position:relative;top:30px;padding:0;}
.button a{color:#000;font-size:1.45em;background:#fffb00;border-radius: 25px;font-weight:600;text-transform: none;padding:1.1em 1.5em;text-decoration: underline;;transition: 0.3s;}
.button a:hover{background:#3787ff;color:#fff;opacity:1;}

.koupelna {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/koupelna.jpg");height: 650px;margin-bottom:7em;}


.model{padding-left:5em;}
.model p.bez{float:none;width:160px;text-decoration: underline;font-size:1.2em;}
.model p.leva{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;}

.model ul{list-style:none;padding:0em 0 0 0em;margin:1.9em 0 0 0;}
.model ul li{font-size:1.2em;line-height:1.6em;}

.model ol{list-style:none;padding:0em 0 0 0em;margin:0.1em 0 0 0;}
.model ol li{font-size:1.2em;line-height:1.6em;;}


.model p.emodul{font-size:1.2em;margin:0;padding:0;position:relative;top:3px;font-weight:400;}

.model h2{font-size:1.5em;margin:1em 0;color:#3787ff;font-weight:500;}
.model p.odsazeni{float:left;width:160px;text-decoration: underline;height:140px;font-size:1.2em;position:relative;top:-21px;}
.model h3.pozice{position:relative;left:160px;top:12px;}


.header {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/header_big.jpg");height: 68%;}
.header .bublina{position:relative;top:50%;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:680px;}
.header .bublina h1{margin:0;font-size:4.0em;font-style: italic;font-weight:600;color:#fff;}

.header-firmy {;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;top:0px;background-image: url("img/cfirma.jpg");height: 75%;}
.header-firmy .bublina{position:relative;top:50%;background:rgba(55,135,255,0.8);border-radius:15px;margin:0 auto;padding:1em;width:480px;}
.header-firmy .bublina h1{margin:0;font-size:4.0em;font-style: italic;font-weight:600;color:#fff;}





}