*{ margin: 0px; padding: 0px; osnovy: none; border: none; text-decoration: none; list-style: none; box-veľkosti: hraničná-box; } img { max-width: 100%; } .jasné { clear: both; } .wrapper, .content_store { max-width: 1200px; šírka: 94%; rozpätie: 0 auto; } .hlavné { šírka: 100%; float: left; text-align: center; font-family: 'Otvoriť Sans', sans-serif; } .hlavička { šírka: 100%; float: left; pozadie: #fafafa url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/bg-texture.jpg) ľavom hornom opakovať; padding: 30px 0 8px 0; } .šablóny .hlavička { padding-bottom: 30px; } .logo { float: left; margin-top: 8px; } .head_right { float: right; } .head_right ul { float: right; } .head_right ul li { display: inline-block; float: left; font-size: 14px; line-height: 50px; font-weight: normal; color: #3a3a3a; padding-left: menšou ako 32 px; margin-right: 35px; } .head_right ul li:nth-child(1){background: url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img1.png) vľavo centrum no-repeat;} .head_right ul li:nth-child(2){background: url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img2.png) vľavo centrum no-repeat;} .head_right ul li:nth-child(3){background: url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img3.png) vľavo centrum no-repeat;} .head_right ul li:nth-child(4){background: url(https://wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img4.png) vľavo centrum no-repeat;margin-right: 0px;} .gif_img { display: none } .title_bar { padding: 10px 0; šírka: 100%; float: left; pozadie: #0062b0; } .title_bar h2 { font-size: 30px; font-weight: 400; color: #FFF; } .footer2 { šírka: 100%; float: left; pozadie: #0062b0; padding: 15px 0; } .footer2 p { font-size: 14px; line-height: 33px; font-weight: normal; color: #fefefe; text-align: left; } /*šablóny*/ .template_div { šírka: 100%; float: left; text-align: left; padding: 35px 0 0 0; } .template_left { šírka: 19.45%; float: left; text-align: center; } .template_left_row1 { margin-bottom: 20 px; padding: 40px 0 0 0; border: 1px solid #e8e8e8; } .template_right { šírka: 78.8%; float: right; } .template_right_row1 { šírka: 100%; float: left; margin-bottom: 25px; } .template_right_col1{ šírka: 50%; float: left; } /*galéria*/ .gallery_list { šírka: 100%; position: relative; rozpätie:0 auto; } .miniatúry { list-style: none; font-size: 0; } .miniatúry li { display: inline-block; rozpätie: 15px 10px 0 0; width: 100px; height: 100px; text-align: center; vertical-align: middle; float: left; } .miniatúry li:hover .položka-hugger { background: white; } .miniatúry vstup[name="vyberte"] { display: none; } .miniatúry .položka-hugger { výška: 100%; position: relative; pozadie: #fff; displej: flex; flex-smer: stĺpec; zdôvodniť-obsah: center; prechod: všetky 150ms jednoduché-v-out; -moz-transition: všetky 150ms jednoduché-v-out; -webkit-transition: všetky 150ms jednoduché-v-out; border:solid 1px #e8e8e8; z-index: 999; padding: 4px; } .miniatúry label { position: absolute; top: 0; left: 0; doprava: 0; dole: 0; cursor: pointer; } .miniatúry .palec-obrázok.miniatúry .content2 img { align-samostatne: center; max-height: 100%; } .miniatúry .content2 { position: absolute; top: 0; left: 0; šírka: 100%; výška: 478px; padding: 5px; opacity: 0; prechod: všetky 150ms lineárne; displej: flex; pozadie: #FFF; border:solid 1px #e8e8e8; flex-smer: stĺpec; zdôvodniť-obsah: center; pretečeniu: hidden; align-samostatne: center; } .miniatúry vstup[name="vyberte"]:zapísanej + .položka-hugger { background: white; border: solid 1px #0062b0; } .miniatúry vstup[name="vyberte"]:zapísanej ~ .content2 { opacity: 1; } .white-box { výška: 478px; pretečeniu: hidden; } .template_right_col2{ šírka: 50%; float:právo; padding-left: 25px; } .template_right_col2 ul { margin-bottom: 10px; } .template_right_col2 ul li{ list-style-type: disk; list-style-position: vo vnútri; font-size: 14px; line-height: 28px; font-weight: normal; color: #6e6e6e; } .template_right_col2 p{ font-size: 14px; line-height: 28px; font-weight: normal; color: #6e6e6e; margin-bottom: 8px; } .template_right_col2 p b{ display: block; font-weight: bold; color: #0062b0; } .template_div h4{ font-size: 18px; line-height: 40px; font-weight: normal; color: #fff; pozadie: #ed5829; position: relative; margin-bottom: 30px; padding: 0 15px; } .template_div h4:po{ obsah: "; position: absolute; left: 0; dno: -15px; šírka: 0; výška: 0; border-top: 15px solid #ed5829; border-right: 14px pevné priehľadné; } /* CSS KARTU */ .tab_container { šírka: 100%; pozadie: #f1f1f1; position: relative; float: left; } .tab_container:pred { šírka: 100%; výška: 46px; pozadie: #FFF; obsah: ""; display: block; position: absolute; left: 0; top: 0; } .karty { displej: flex; flex-wrap: zábal; šírka: 100%; float: left; } .karty label { padding: 10px; šírka: 25%; pozadie: #00aeef; border: 1px solid #FFF; poradie: 1; display: block; cursor: pointer; text-align: center; font-size: 16px; font-weight: 400; line-height: 25px; color: #FFF; position: relative; z-index: 1; } .karty .kartu { poradie: 99; flex-rast: 1; šírka: 100%; max-height: 0; viditeľnosť: hidden; text-align: left; margin-top: -1px; pretečeniu-y: hidden; display: none; } .karty vstup[type="radio"] { display: none; } .karty vstup[type="radio"]:zapísanej + label { pozadie: #ed5829; } .karty vstup[type="radio"]:zapísanej + štítok + .kartu { padding: 20 px 0; viditeľnosť: visible; display: block; max-height: none; } .karty .kartu ul { margin-bottom: 10px; } .karty .kartu ul li{ list-style-type: disk; list-style-position: vo vnútri; font-size: 14px; line-height: 28px; font-weight: normal; color: #6e6e6e; } .karty .kartu s{ font-size: 14px; line-height: 28px; font-weight: normal; color: #6e6e6e; margin-bottom: 8px; } @médiá iba na obrazovke a (max-width: 980px) { .šablóny .hlavička { padding-bottom: 10px; } .logo { margin-top: 0; display: inline-block; float: none; } .head_right { šírka: 100%; } .head_right ul, .head_right ul li { float: none; } .template_left { display: none; } .template_right { šírka: 100%; } .tab_container { padding-bottom: 20 px; background: none; } .tab_container:pred { display: none; } .karty .kartu .karty label { poradie: prvé; prechod: 300ms všetkých; display: block; } .karty label { šírka: 100%; margin-right: 0; margin-top: 0.2 rem; } .karty vstup[type="radio"]:zapísanej + label { pozadie: #ed5829; border: none; } .karty vstup[type="radio"]:zapísanej + štítok + .kartu { padding: 20 px; max-height: 400px; pretečeniu-y: prejdite; pozadie: #f1f1f1; border: 1px solid #e1e1e1; } } @médiá iba na obrazovke a (max-width: 768px) { .head_right { display: none; } .gif_img { margin-top: 10px; display: block; } .template_right_col1, .template_right_col2 { šírka: 100%; } .template_right_col2 { padding: 20 px 0 0 0; } }VITAJTE V NAŠOM OBCHODE!