BODY { COLOR: #FFFFFF;text-shadow:#000000 2px 1px 2px; TEXT-ALIGN: center;font-family: sans-serif; PADDING: 0px; FONT-SIZE: 20px; background-color:#000000; BACKGROUND-ATTACHMENT: fixed; background-image:url(../shop/img/bg_MP_Live.jpg); background-position:center top; background-repeat: no-repeat; background-size: cover; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h1 {font-size: 30px; font-variant:normal; font-style: normal; font-weight:bold; text-align: center;} h2 {font-size: 24px; font-variant:normal; font-style: normal; font-weight:bold;} h3 {font-size: 20px; font-variant:normal; font-style: normal; font-weight:bold;} h4 {font-size: 18px; font-variant:normal; font-style: normal; font-weight:normal;} A:link { color : #eed865; font-variant:normal; font-weight:bold; text-decoration :none ; text-align :left ; } A:visited { color : #eed865; font-variant:normal; font-weight:bold; text-decoration :none ; text-align :left ; } A:active { color : #eed865; font-variant:normal; font-weight:bold; text-decoration :none ; text-align :left ; } A:hover { color : #eed865; font-variant:normal; font-weight:bold; text-decoration :none ; text-align :left ; } @media (max-width:2150px) { #social-icons { display:none;} 5px 0 } /* -----difference between an ID(#) and a class (.) is that IDs have to be unique. In other words, an ID is for an item that's only used once on a page. ------ */ #header { position: relative; } #social-icons { position:fixed; top:10px; right:30px;} #social-icons ul { list-style-type:none; margin:0;} #social-icons ul li { margin-bottom:10px;} #wrapper { margin: 0px auto 0px auto; padding: 10px 10px 0px 10px; text-align: left; width: 1900px; background-image:url(../img/bg_container.svg); background-position:center; background-repeat: repeat; position: relative;} /* -------10px od vrchu, 10 zprava, 0 odspodu, 10 zleva margin: auto umisti do stredu stranky --------------------- */ #header { position: relative; } #vlajky { position: absolute; right: 10px; top: 5px; } #newsletter { position: absolute; right: 10px; top: 100px;} #menu { margin: 0; padding: 0px 0; list-style: inherit; text-align: center; font-size: 32px; font-weight: bold; /*background-color:#2E2E2E;*/ font-family: 'Sawasdee-Bold', sans-serif; text-transform: uppercase; background-image:url(../img/bg_container.svg); background-position:center; background-repeat: repeat; position: relative; } #menu li { display: inline; margin: 0 0px; font-variant: small-caps ; padding-left: 20px; padding-right: 20px;} #menu li:hover { color: #FFFFFF; text-shadow:#ad8a33 2px 1px 2px; font-variant: small-caps ;} #content { width: 1900px; min-height:650px;} .columns { overflow: hidden; padding: 0px; } .column-100 { padding: 0px; width: 1880px;} #product-categories.column-100 { padding-left: 0; } .column-100.dark-bg { overflow: hidden; } .small-product-holder { float: left; margin: 15px 8px 15px 8px; overflow: hidden; height: 350px; width: 294px; background-image:url(../img/produkt_bg.svg); background-position:center; background-repeat:no-repeat; position:relative;} /* -------oddeleni jednotlivych produktu od sebe margin: 15px 8px 15px 8px; u sebe = vsechno na 0px------ */ .small-product-holder:hover {background-image:url(../shop/img/produkt_bg2.svg);height: 350px; width: 294px;background-repeat:no-repeat; position:relative; cursor: pointer;} /* ------cursor: pointer; meni kurzor na klikaci na celem bloku------- */ .small-product-holder h3 { font-family: sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 14px; text-transform: uppercase; margin: 3px 22px 3px 22px; } .small-product-holder img { margin: 15px 22px 5px 22px; }/* top, right, bottom, left */ .small-product-holder a:hover {} .small-product-holder span { color: white; font-size: 13px !important; margin: 0px 5px 0px 5px; } .small-product-holder h4 { text-transform: none; margin: 3px 22px 3px 22px; } .cena_cz { font-family: sans-serif; position:absolute; bottom: 62px; right: 10px; padding: 15px 0px 0px 0px; float: right ; font-size: 18px !important; font-weight: bold; color : #FFFFFF; text-shadow:#000000 2px 1px 2px; background-image:url(../shop/img/cenovka_cz.svg); height: 56px; width: 105px; background-repeat:no-repeat; text-align: center; vertical-align: middle; z-index:2;} .cena_en { font-family: sans-serif; position:absolute; bottom: 62px; right: 10px; padding: 15px 0px 0px 0px; float: right ; font-size: 18px !important; font-weight: bold; color : #FFFFFF; text-shadow:#000000 2px 1px 2px; background-image:url(../img/cenovka_en.svg); height: 56px; width: 105px; background-repeat:no-repeat; text-align: center; vertical-align: middle; z-index:2;} .sklad { position:absolute; bottom: 8px; right: 0px; } .item-extra_new_en {background:url(../img/extra_new_en.svg) center no-repeat;width:100px;height:100px;position:absolute;z-index:1;} .item-extra_new_cz {background:url(../img/extra_new_cz.svg) center no-repeat;width:100px;height:100px;position:absolute;z-index:1;} .item-extra_sale_en {background:url(../img/extra_sale_en.svg) center no-repeat;width:100px;height:100px;position:absolute;z-index:1;} .item-extra_sale_cz {background:url(../img/extra_sale_cz.svg) center no-repeat;width:100px;height:100px;position:absolute;z-index:1;} .item-extra_top {background:url(../img/extra_top.svg) center no-repeat;width:100px;height:100px;position:absolute;z-index:1;} .button-holder img { cursor: pointer; } .produkt-detail_pravy { padding-left: 0; position:relative; bottom: 0px; float: right ; width: 900px; font-variant: normal; text-align:justify;} .produkt-detail_pravy span { text-transform: none; font-style:italic;} .produkt-detail_pravy h1 { font-family: 'Voltaire', sans-serif; font-size: 22px !important; text-transform: uppercase; FONT-WEIGHT: bold; text-align: left;} .produkt-detail_pravy h2 { font-family: sans-serif; font-size: 21px !important; text-transform: none; FONT-WEIGHT: bold; text-align: left;} .produkt-detail_levy { position:relative; float: left ; width: 400px; height: 360px; background-image:url(../img/produkt_bg_detail.png); background-size: contain; background-position:center; background-repeat:no-repeat; } .produkt-detail_levy img { margin: 20px 50px; } #audioplayer {position: relative; } #socialka #socialka_vpravo { position: absolute; left: 10px; bottom: 0px; width: 1900px;} .paticka { COLOR: #FFFFFF; text-shadow:#000000 2px 1px 2px; font-family: sans-serif; font-variant: normal; FONT-style: normal; font-size: 10px; text-align: center; font-weight: normal; position: relative; padding: 0px 10px 10px 10px; width: 1900px; margin: 0px auto 0px auto; background-image:url(../img/bg_container.svg); background-position:center; background-repeat: repeat; position: relative; } .paticka_konec { width: 1920px; height: 60px; margin: 0px auto 0px auto; background-image:url(../shop/img/paticka.svg); background-position:center; background-repeat: no-repeat; } .pismo6 {COLOR: #FFFEFC; text-align: left; font-family: sans-serif; font-variant: normal; font-weight: normal; text-transform: none; font-size: 20px;} .pismo7 { COLOR: #FFFEFC; TEXT-align: center; font-family: sans-serif; font-variant: normal; font-weight: normal; text-transform: none; font-size: 34px;} .pismo8 { COLOR: #FEFEFE; TEXT-align: center; font-family: sans-serif; font-variant: normal; font-size: 20px;} .pismo9 { COLOR: #FEFEFE; TEXT-align: center; font-family: sans-serif; font-variant: normal; font-size: 20px;} /*td, div, span, ol, ul, li { text-decoration: none; color:black; text-align:left;}*/ .nadpis{ font-family: sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #FFFEFC; text-align :center; background-color:#000000; TEXT-DECORATION: none} .nadpis_band{ font-family: sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #FFFEFC; text-align :left; background-color:#2E2E2E; TEXT-DECORATION: none } .nadpis_contact{ font-family: 'Sawasdee', sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 30px; COLOR: #FFFEFC; text-align :center; /*background-color:#000000;*/ TEXT-DECORATION: none; text-transform: uppercase; background-image:url(../img/bg_container.svg); background-position:center; background-repeat: repeat; position: relative;} .odkazy{ font-family: sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #FFFEFC; text-align :center; TEXT-DECORATION: none} .nadpis_{ font-family: sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFEFC; text-align :center; TEXT-DECORATION: none ; background-color:#4C4C4C;} .nadpis_lyrics{ font-family: 'Voltaire', sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #2E2E2E; text-align :left; TEXT-DECORATION: none; text-transform: uppercase;} .nadpis_lyrics_select{ background-color:#4C4C4C; text-transform: uppercase; font-family: 'Voltaire', sans-serif; FONT-SIZE: 14px; } .nadpis_lyrics_big{ font-family: 'Voltaire', sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #FFFEFC; text-align :RIGHT; TEXT-DECORATION: none; text-transform: uppercase; /*background-color:#000000;*/ } .nadpis_lyrics_entry{ font-family: 'Voltaire',sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #FFFEFC; text-align :left; TEXT-DECORATION: none; } .nadpis2{ font-family: 'Voltaire', sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFEFC; text-align :center; TEXT-DECORATION: none; text-transform: uppercase; background-image:url(../img/bg_container.svg); background-position:center; background-repeat: repeat; position: relative;} .lyrics_refren{ FONT-WEIGHT: bold; COLOR: #FFFEFC; font-variant: small-caps ;} .lyrics_add{ font-family: sans-serif; COLOR: #FFFEFC; font-variant: normal ; FONT-SIZE: 10px; } .interview{ font-family: sans-serif; FONT-WEIGHT: normal; COLOR: #FFFEFC; text-align :left; background-color:#000000; font-size: 0.28cm; TEXT-DECORATION: none} .interview_date{ font-family: sans-serif; FONT-WEIGHT: normal; COLOR: #FFFEFC; text-align :left; background-color:#4C4C4C; font-size: 0.28cm; TEXT-DECORATION: none} .interview_flag{ font-family: sans-serif; FONT-WEIGHT: normal; COLOR: #FFFEFC; text-align :center; background-color:#4C4C4C; font-size: 0.28cm; TEXT-DECORATION: none} #buttons{ float:left; position:relative; left:50%; text-align:left; } #buttons ul{ list-style:none; position:relative; left:-50%; } .tabulka_reviews{ font-family: sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 12px; text-align:left; COLOR: #FCFCFC; TEXT-DECORATION: none;} .tabulka_dates_hlavicka{ font-family: sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 12px; text-align:center; COLOR: #FCFCFC; background-color:#2E2E2E; TEXT-DECORATION: none;} .tabulka_dates{ font-family: sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 12px; text-align:center; COLOR: #FCFCFC; TEXT-DECORATION: none;} .tabulka_odehrane_koncerty{ background-image:url(../img/koncerty_odehrane_bg.svg); background-position:center; background-repeat: no-repeat; background-size: auto; position: relative;height: 60px; width: 1900px; } .tabulka_odehrane_koncerty tr{ font-family: sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 20px; text-align:left; COLOR: #FCFCFC; TEXT-DECORATION: none; } .tabulka_odehrane_koncerty td{ height: 60px;} .tabulka_planovane_koncerty{ background-image:url(../img/koncerty_planovane_bg.svg); background-position:center; background-repeat: no-repeat; background-size: auto; position: relative; height: 60px; width: 1900px;} .tabulka_planovane_koncerty:hover{ background-image:url(../img/koncerty_planovane_bg_2.svg); background-position:center; background-repeat: no-repeat; background-size: auto; position: relative; cursor: pointer;} /* ------cursor: pointer; meni kurzor na klikaci na celem bloku------- */ .tabulka_planovane_koncerty tr{ font-family: sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 20px; text-align:left; COLOR: #FCFCFC; TEXT-DECORATION: none; } .tabulka_planovane_koncerty td{ height: 60px;} .ramecek{ min-height:400px !important; }