html,body{height: 100%; margin: 0; padding: 0;}
body{color: #484748; font-family: 'Source Sans Pro', sans-serif; font-size: 1em; text-align: left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

.clear {clear: both;}
img {border: 0;}
p {}
a {font-weight: normal; text-decoration: none !important; 
-webkit-transition: all 1s;
-o-transition: all 1s; 
-ms-transition: all 1s; 
transition: all 1s;}
a:hover {color: black; text-decoration: underline;}

.body {width: 100%; margin: 0 auto 0; padding: 0;}

h1 {font-size: 1.1em; margin: 0; padding: 0;}
h2 {font-size: 1.1em; margin: 0; padding: 0;}
h3 {font-size: 1.1em; margin: 0; padding: 0;}
h4 {font-size: 1.1em; margin: 0; padding: 0;}
h5 {font-size: 1.1em; margin: 0; padding: 0;}

.zajem {background: url('../images/koupit.png') no-repeat center; width: 132px; height: 42px; margin: 10px auto;}
.zajem:hover {color: white; cursor: pointer;}
.zobrazzbytekzajmu {display: none;}
.zajemform {margin: 0 auto; background: none;}

.bottom {font-size: 0.8em; color: white; background: #333333; width: 100%; display: block; padding: 20px 0; margin-top: 40px;}
.bottom .body {display: block; width: 100%; margin: 0 auto 0; padding: 0;}
.bottom div {margin-bottom: 8px;}
.content {
min-height: 800px;
width: 65%;
max-width: 1300px;
height: auto;
display: block;
float: left;
}
.obsah {
	width: 95%;
	height: auto;
	margin: 10px auto;
}
.nadpis {
	font-size: 1.3em;
	text-align: center;
	text-transform:uppercase;
	font-weight: 900;
	margin: 20px 0;
	color: #333333;
}

.hornicast {
	width: 100%;
	height: auto;
	min-height: 10px;
	display: block;
	background: #cfcfcf;
	float: left;
}
.zpetnahoru {
width:40px; 
height:40px;
background-size: 100% !important;
margin-right: 25px; 
background: url('./images/back-top.jpg') no-repeat center center;
margin-bottom: 50px;
}
.logocast {
	width: 270px;
	height: auto;
	float: left;
	margin: 10px 4%;
}
.logo {
	display: block;
	background: url('./images/logo.png') no-repeat center center;
	width: 130px;
	height: 70px;
	background-size: 100% !important;
}
ul.hornimenu {
	list-style: none;
	width: 55%;
	height: auto;
	min-height: 10px;
	margin: 10px 0 0 5%;
	float: left;
}
ul.hornimenu li a {
	float: left;
	line-height: 20px;
	color: #671e97;
	padding: 10px 1%;
	margin: 10px 1%;
	font-size: 0.9em;
	font-weight: 900;
	text-transform:uppercase;
}
ul.hornimenu li a:hover {
	background: #671e97;
	color: white;
}
ul.hornimenu li a.active {
	background: #671e97;
	color: white;
}
.header {
	width: 100%;
	height: auto;
	float: left;
	min-height: 600px;
	background: url('./images/header1.jpg') no-repeat center center;
	background-size: cover !important;
}
.txtinhead {
	width: 50%;
	height: auto;
	min-height: 10px;
	padding: 2%;
	margin: 250px auto 0 auto;
	background: #cfcfcf;
	color: #671c97;
	font-size: 1.1em;
	font-weight: 900;
	text-align: center;
	text-transform:uppercase;
	opacity: 0.8;
}
.minni {
	width: 50%;
	height: auto;
	min-height: 10px;
	padding: 2%;
	margin: 20px auto 0 auto;
	background: #cfcfcf;
	color: #671c97;
	font-size: 1.1em;
	font-weight: 900;
	text-align: center;
	text-transform:uppercase;
	opacity: 0.8;
}
.btn {
	line-height: 30px;
	background: #671c97;
	text-align: center;
	padding: 5px 2%;
	width: 40%;
	color: white;
	font-weight: 600;
	display: block;
	margin: 20px auto;
	border: 2px solid transparent;
	-webkit-transition: all 1s;
-o-transition: all 1s; 
-ms-transition: all 1s; 
transition: all 1s;
cursor: pointer;
font-size: 0.9em;
	
}
.btn:hover {
	background: white;
	border: 2px solid #671c97;
	border-radius: 2px;
	color: #671c97;
	-webkit-transition: all 1s;
-o-transition: all 1s; 
-ms-transition: all 1s; 
transition: all 1s;
cursor: pointer;
}
.imginco {
	margin: 1% 3% 3% 3%;
	float: left;
}

/* obsah */
.inslu {
    height: auto;
    min-height: 400px !important;
}
.insl {
    min-height: 200px;
}
.innab {
    min-height: 45px;
}
.blok {
	width: 45%;
	height: auto;
	min-height: 100px;
	padding: 1%;
	margin: 1%;
	float: left;
	border-left:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	-webkit-transition: all 1s;
-o-transition: all 1s; 
-ms-transition: all 1s; 
transition: all 1s;
}
.blok:hover {
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 14px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 14px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 14px -6px rgba(0,0,0,0.75);
	-webkit-transition: all 1s;
-o-transition: all 1s; 
-ms-transition: all 1s; 
transition: all 1s;
}
.miniimg {
	width: 60px;
	height: 60px;
	display: block;
	margin: 10px auto;
	background-size: 90% !important;
}
.miniimgsl {
    	width: 100px;
	height: 100px;
	display: block;
	margin: 10px auto;
	background-size: 60% !important;
}
.bigimgsl {
    width: 190px;
	height: 190px;
	display: block;
	margin: 10px auto;
	background-size: 100% !important;
}
.nadpisvbloku {
	text-align: center;
	color: #333333;
	font-weight: 600;
	text-transform:uppercase;
	font-size: 0.9em;
}
.txtvbl {
	font-size: 0.9em;
	width: 90%;
	display: block;
	margin: 10px auto;
	height: auto;
	min-height: 160px;
}

.inrefr {
    height: auto;
    min-height: 10px;
}
.sidebar {
    margin: 5px 4% 20px 0;
    width: 30% !important;
    display: block;
    float: left;
    height: auto;
    min-height: 20px;
    background: #f2f2f2;
}
.frst {
    background: url('./images/webovky.png') no-repeat center center;
}
.scnd {
    background: url('./images/eshop.png') no-repeat center center;
}
.thrd {
    background: url('./images/design.png') no-repeat center center;
}
.fourt {
    background: url('./images/reklama.png') no-repeat center center;
}
.blco {
    width: 100%;
    height: auto;
    min-height: 10px;
    padding: 20px 0;
    float: left;
    margin: 5% 0 0 0;
}
.pc {
    color: white;
}
.ref {
    background: url('./images/reference.jpg') no-repeat center center;
    background-size: cover !important;
}
.blzal {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.blpco {
    width: 30%;
    height: auto;
    float: left;
    min-height: 10px;
    margin: 40px 1.4%;
}
.transpar:hover {
    background: none;
}
.imgref {
    width: 100%;
    height: auto;
    min-height: 300px;
    padding: 10px 0 0 0;
}
.inrefer {
    background: rgba(33, 33, 33, 0.5);
    width: 100%;
    height: auto;
    min-height: 100px;
    margin-top: 133px;
    padding: 10px 0;
}
.prvni {
    background: url('./images/reference/smash_ref.jpg') no-repeat center center;
    background-size: 100% !important;
}

.druhy {
    background: url('./images/dinner-for-dogs_ref.jpg') no-repeat center center;
    background-size: 100% !important;
}

.treti {
    background: url('./images/inzerujzde_eu_ref.jpg') no-repeat center center;
    background-size: 100% !important;
}
.zam {
    margin-top: 10px;
    background: url('./images/jak-pracujeme.jpg') no-repeat center center;
    background-size: cover !important;
}
.imgzam {
    width: 100px;
    height: 100px;
    background-size: 90% !important;
    display: block;
    margin: 20px auto;
    opacity: 0.9;
}
.zampr {
    background: #ffffff url('./images/zhotoveni-grafiky.png') no-repeat center center;
    border-radius: 2px;
}
.zamdr {
    background: #ffffff url('./images/layout-stranky.png') no-repeat center center;
    border-radius: 2px;
}
.zamtr {
    background: #ffffff url('./images/programovani.png') no-repeat center center;
    border-radius: 2px;
}
.imgreference {
    width: 100%;
    margin: 10px auto 0 auto;
    height: auto;
    min-height: 250px;
    background-size: 100% !important;
}
.inak {
    height: auto !important;
}
.napis {
    width: 100%;
    margin: 0 auto !important;
    display: block;
    text-align: center;
    text-transform: uppercase;
    background: #671e97;
    color: white !important;
    font-weight: 900;
    padding: 10px 0;
}
.mimo {
    height: 250px !important;
    display: block;
    margin-top: 0 !important;
    background: url('./images/header1.jpg') no-repeat center center;
    background-size: cover !important;
    float: left;
    width: 100%;
}
.smash_ref {
    background: url('./images/reference/smash_ref.jpg') no-repeat center 10px;
}
.rnpbp_ref {
    background: url('./images/reference/rychla-nebankovni-pujcka-bez-prijmu.jpg') no-repeat center 10px;
}
.ans_ref {
    background: url('./images/reference/amerikounasvatbu_cz.jpg') no-repeat center 10px;
}
.mmty_ref {
    background: url('./images/reference/mamatayoe_cz.jpg') no-repeat center 10px;
}
.lm_ref {
    background: url('./images/reference/l2m_cz.jpg') no-repeat center 10px;
}
.prk_ref {
    background: url('./images/reference/prokempy_cz.jpg') no-repeat center 10px;
}
.dfd_ref {
    background: url('./images/reference/dinner-for-dogs.jpg') no-repeat center 10px;
}
.dop_ref {
    background: url('./images/reference/diskuze-o-pujckach_cz.jpg') no-repeat center 10px;
}
.fa_ref {
    background: url('./images/reference/financial-advisors_cz.jpg') no-repeat center 10px;
}
.iz_ref {
    background: url('./images/inzerujzde_eu_ref.jpg') no-repeat center 10px;
}
.kmp_ref {
    background: url('./images/reference/kdemipujci_cz.jpg') no-repeat center 10px;
}
.nnp_ref {
    background: url('./images/reference/nabidkynebankovnichpujcek_cz.jpg') no-repeat center 10px;
}
.nezp_ref {
    background: url('./images/reference/nezavislepujcky_cz.jpg') no-repeat center 10px;
}
.opbr_ref {
    background: url('./images/reference/onlinepujckybezregistru_cz.jpg') no-repeat center 10px;
}
.pvp_ref {
    background: url('./images/reference/prehled-vsech-pujcek_cz.jpg') no-repeat center 10px;
}
.ppi_ref {
    background: url('./images/reference/pujcka-pujcky-inzerce_cz.jpg') no-repeat center 10px;
}
.po_ref {
    background: url('./images/reference/pujckoinzert_cz.jpg') no-repeat center 10px;
}
.pi_ref {
    background: url('./images/reference/pujcky-inzerce_cz.jpg') no-repeat center 10px;
}
.srp_ref {
    background: url('./images/reference/srovnavamepujcky_cz.jpg') no-repeat center 10px;
}
.srvp_ref {
    background: url('./images/reference/srovnavanipujcek_cz.jpg') no-repeat center 10px;
}
.sblk_ref {
    background: url('./images/reference/sublook_cz.jpg') no-repeat center 10px;
}
.vop_ref {
    background: url('./images/reference/vseopujckach_net.jpg') no-repeat center 10px;
}

.popis {
    width: 98%;
    margin: 10px auto;
    padding: 1%;
    float: left;
    height: auto;
}
.druh {
    width: 37%;
    float: left;
    border-right: 1px solid #cfcfcf;
    padding: 1%;
    height: auto;
    min-height: 10px;
}
.info {
    padding: 1% 2%;
    height: auto;
    min-height: 10px;
    float: left;
    width: 56%;
}
.popiszakazky {
    font-size: 0.9em;
}
.ikonypouzito {
    width: 100%;
    height: auto;
}
.ikonap {
    width: 45px;
    height: 45px;
    background-size: 100% !important;
    margin: 10px 0.5%;
    float: left;
}
.htmlic {
    background: url('./images/pouzito/html.png') no-repeat center center;
}
.php {
    background: url('./images/pouzito/php.png') no-repeat center center;
}
.css {
    background: url('./images/pouzito/css.png') no-repeat center center;
}
.js {
    background: url('./images/pouzito/javascript.png') no-repeat center center;
}
.psd {
    background: url('./images/pouzito/photoshop.png') no-repeat center center;
}
.ai {
    background: url('./images/pouzito/illustrator.png') no-repeat center center;
}
.objednavka {
    width: 46%;
    float: left;
    margin: 20px 1%;
}
.referencesidb {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto 20px auto !important;
}
.inreftop {
    font-size: 1.1em;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.imgreferr {
    width: 100%;
    margin: 0 auto;
    height: 200px;
    background-size: 100% !important;
}
.line {
    display: block;
    width: 80%;
    height: 2px;
    background: #671e97;
    margin: 10px auto;
}
.inakce {
    width: 100% !important;
}

/* formulář */
.formular {
    width: 90%;
    display: block;
    height: auto;
    margin: 20px auto;
}
.poleformzaba {
    width: 90%;
    margin: 10px 0;
}
.poleform {
    height: 25px;
padding: 2px 1%;
    width: 60%;
    border-radius: 2px;
    border: 1px solid #671e97 !important;
    -webkit-transition: all 1s;
-o-transition: all 1s; 
-ms-transition: all 1s; 
transition: all 1s;
font-size: 0.7em;
}
.txtarea {
    border-radius: 2px;
    border: 1px solid #671e97 !important;
    padding: 10px 1%;
    font-family: 'Source Sans Pro', sans-serif; 
    font-size: 0.9em;
    width: 80%;
}
.napisform {
    font-size: 0.9em;
    color: #484748;
}
.souhlascl {
    color: #671c97;
    cursor: pointer;
    font-weight: 600;
}
.souhlas {
    color: #484748;
}
.onlyread {
    background: #cfcfcf;
    width: 60% !important;
    padding: 0 1% !important;
}
.none {
    display: none !important;
}
.hlaska {
    width: 90%;
    height: auto;
    min-height: 10px;
    margin: 20px auto;
    background: #671c97;
    color: white;
    clear: both;
    padding: 1%;
    text-transform: uppercase;
}

.kontaktniinfo {
    width: 47%;
    padding: 1%;
    float: left;
    height: auto;
    margin: 10px 1%;
}
.mapa {
    width: 40% !important;
    height: auto;
    min-height: 300px;
}
.infovkon {
    width: 96%;
    height: auto;
    min-height: 30px;
    display: block;
    margin: 10px 0;
}
.napiskon {
    width: 30px;
    height: 30px;
    float: left;
}
.detail {
    width: 90% !important;
    margin: 5px 1%;
    
}
.refmini {
    width: 90%;
    height: auto;
    min-height: 20px;
    display: block;
    margin: 20px 0 20px 5%;
    background: #f2f2f2;
    float: left;
}
.imgrefmini {
    width: 30%;
    margin: 10px 2% 10px 0;
    float: left;
}
.nadpisinref {
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 10px 0;
}
.inforef {
    width: 90%;
    margin: 10px auto;
}
/* ceník */
.cenik {
    width: 46%;
    height: auto;
    margin: 20px 1%;
    background: #f2f2f2;
    float: left;
}
.nadpisbalicku {
    text-align: center;
    font-size: 0.9em;
    font-weight: normal;
    text-transform: uppercase;
    color: #671c97;
    width: 90%;
    margin: 10px auto;
}
.cena p {
    width: 100%;
    margin: 5px 0 !important;
    padding: 10px 0;
    text-align: center;
    font-size: 1.5em !important;
    color: white !important;
    font-weight: 600;
    background: #671e97;
}
.obsahbalicku {
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 0 5px 0;
}
.obsahcenik {
    background: #cfcfcf;
    padding: 2px 0;
    text-align: center;
    font-size: 1.1em;
    text-transform: uppercase;
}
.kompletnicenik {
    float: left;
    margin: 0 0 0 5%;
    width: 90%;
    height: auto;
    margin: 10px auto;
    padding: 1%;
    background: #f6f6f6;
}
.kompbal {
    font-size: 1.1em;
    font-weight: 600;
}
.cenikinfo {
    width: 98%;
    padding: 1%;
    height: auto;
    border-bottom: 1px solid black;
    float: left;
}
.minihint {
    font-size: 0.8em;
    margin: 0 !important;
}
.cenikinfoprv p {
    margin: 0 !important;
}
.cenikinfoprv {
    float: left;
    width: 60%;
}
.cenikinfodrh {
    float: left;
    width: 20%;
}
.grs {
    background: url('./images/ikony-sluzby/graficke-sluzby.png') no-repeat center;
}
.hkd {
    background: url('./images/ikony-sluzby/hosting.png') no-repeat center;
}
.knz {
    background: url('./images/ikony-sluzby/konzultace.png') no-repeat center;
}
.prc {
    background: url('./images/ikony-sluzby/prclanek.png') no-repeat center;
}
.rknm {
    background: url('./images/ikony-sluzby/reklama.png') no-repeat center;
}
.so {
    background: url('./images/ikony-sluzby/seo.png') no-repeat center;
}
.swp {
    background: url('./images/ikony-sluzby/sprava-portfolia.png') no-repeat center;
}
.tr {
    background: url('./images/ikony-sluzby/reklamni-kampan-na-miru.png') no-repeat center;
}
.ve {
    background: url('./images/ikony-sluzby/eshop.png') no-repeat center;
}
.vis {
    background: url('./images/ikony-sluzby/webovky.png') no-repeat center;
}
.vwd {
    background: url('./images/ikony-sluzby/webdesign.png') no-repeat center;
}
ul.spodnimenu {
    list-style: none;
    width: 15%;
    height: auto;
    float: left;
    padding: 0;
    margin: 10px 1% 10px 2%;
}
ul.spodnimenu li a {
    color: white;
    font-weight: bold;
    text-align: center;
}
ul.spodnimenu li a:hover {
    color: #671e97;
} 
.napismenu {
    color: white;
    text-transform: uppercase;
    text-decoration: underline;
    margin-left: 10%;
    font-size: 1.1em;
}
.share a {width: 30px; height: 30px; display: inline-block; background-position: top; background-size: 100% !important;}

.fb {margin: 0; background-image: url('/images/ico-fb.png');}
.fb:hover {
    background-size: 120%;
}
.tw {margin: 0 4px; background-image: url('/images/ico-tw.png');}
.go {margin: 0; background-image: url('/images/ico-go.png');}

.quickkontakt {
    width: 30%;
    height: auto;
    float: left;
}
.share {
    width: 30%;
    float: left;
    height: auto;
}

.em a {
    color: white !important;
}
.em a:hover {
    font-weight: bold;
}
.copy {
    text-align: center;
}

/* portfolia */
.portfolio {
    width: 65%;
    margin: 0 auto;
    display: block;
    float: left;
}
.nacionale {
    font-weight: 600;
    width: 43%;
    float: left;
    background: #f2f2f2;
    padding: 1%;
    margin: 0 0 5% 0;
}
.spl {
    margin: 5% 0;
}
.foto {
    width: 40%;
    float: right;
    background: #cfcfcf;
    font-size: 3em;
    height: 250px;
    padding: 1%;
    text-align: center;
    color: #671e97;
    font-weight: 900;
    text-transform: uppercase;
}
.napisspl {
    color: #671c97;
    text-decoration: underline;
    text-transform: uppercase;
    display: block;
    clear: both;
    margin-top: 5%;
}
.simple h2 {
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    margin: 5% 0;
    color: #333333;
}
.simple h3 {
    width: 25%;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #671A97 !important;
    font-size: 0.9em;
    margin: 1%;
    color: #671A97;
    float: left;
    padding: 1% 0;
}

/* responsive */
@media only screen and  (max-width: 940px) {
.body {width: 100%; margin: 0 auto 0; padding: 0;}
.hornicast {
    width: 100%;
    display: block;
}
.poleform {
    width: 100% !important;
    
}
.share > .fb {margin: 0; background-image: url('/images/ico-fb.png');}
.share > .tw {margin: 0 4px; background-image: url('/images/ico-tw.png');}
.share > .go {margin: 0; background-image: url('/images/ico-go.png');}
.share {
    display: block;
    width: 90%;
    height: auto;
    margin: 20px auto;
    float: none;
}
.quickkontakt {
    display: block;
    width: 90%;
    height: auto;
    margin: 20px auto;
}
ul.spodnimenu {
    display: block;
    width: 90%;
    margin: 20px auto;
    text-align: center;
}
ul.spodnimenu li a {
    margin: 20px 0 !important;
    float: none;
    display: block !important;
}
.cenik {
    display: block;
    float: none;
    width: 90%;
    height: auto;
    margin: 20px auto;
}
.cenikinfoprv {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    color: #671e97;
    text-transform: uppercase;
}
.kompletnicenik {
    margin: 10px auto;
    width: 90%;
    margin: 10px 0 10px 5%;
    clear: both;
}
.cenikinfodrh {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.kontaktniinfo {
    display: block;
    width: 90%;
    height: auto;
    float: none;
    clear: both;
}
.napiskon img {
    margin: 5px auto !important;
    width: 30px!important;
    height: 30px !important;
    display: block !important;
}
.detail {
    display: block;
    text-align: center;
    width: 90%;
    margin: 5px auto;
}
.mapa {
    width: 90% !important;
    margin: 10px auto;
    display: block;
    height: auto;
    min-height: 300px;
}
.txtarea {
    width: 100%;
}
.logocast {
    width: 100%;
    margin: 0 !important;
}
.logo {
    display: block;
    margin: 10px auto;
}
ul.hornimenu {
    width: 100%;
    display: block;
    height: auto;
    float: none;
    padding: 0;
    margin: 0;
}
ul.hornimenu li a {
    display: block;
    float: none;
    margin: 10px 0 !important;
    clear: both;
    text-align: center;
}
.header {
    display: none;
}
.blok {
    display: block;
    float: none;
    width: 96%;
    margin: 10px auto;
    height: auto;
}
.content {
    display: block;
    width: 100%;
    clear: both;
    margin: 0 auto;
}
.sidebar {
    width: 96% !important;
    float: none;
    display: block;
    margin: 20px auto;
    padding: 20px 0;
}
.btn {
    display: block;
    clear: both;
    width: 90% !important;
}
.blpco {
    width: 90%;
    float: none;
    display: block;
    margin: 40px auto;
}
#topcontrol {
    display: none;
}
.zpetnahoru {
    display: none;
}
.mimo {
    display: none;
}
.imgreference {
    height: auto !important;
    min-height: 220px;
}
.druh {
    width: 90%;
    margin: 20px auto;
    display: block;
    float: none;
    border: 0;
}
.info {
    width: 90%;
    margin: 20px auto;
    display: block;
    float: none;
    border: 0;
    clear: both;
}
.imgrefmini {
    display: block;
    margin: 10px auto;
    float: none;
    width: 50%;
    height: auto;
    min-height: 100px;
}
 }