/*
	Insight / transit.depechemode.sk  /  StyleSheet  (CSS)
	Programovanie: Gabriel Schwardy, Ing. / Caleydon Media / www.caleydon.com
	Nazov suboru: css_hlavne
*/

/* Zaciatok CSS */

/* ZAKLADNE NASTAVENIA
======================================== */
* {padding:0; margin:0;}
pre, blockquote, ol, dl, address {margin:1.2em 2%;}
dd {margin-left:5px;}

/* body {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.25em; color:#333; background:url("https://www.depechemode.sk/obrazky/schema/pozadie-web.gif") repeat-x fixed #FFF;}
*/

body {font-family:"Open Sans"; Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; background: #000 url("https://www.depechemode.sk/obrazky/schema/pozadie-dm-2012.png") no-repeat fixed center top;}



.reset {display:block; clear:both; font-size:1px; height:1px; line-height:0.1em;}

/* ZAKLADNE NASTAVENIA - Odkazy
======================================== */
a {font-weight:normal; text-decoration:none;}
a:link, a:visited {font-weight:normal; outline:none; text-decoration:none; normal; color:#009bdf;}
a:active, a:hover {font-weight:normal; outline:none; text-decoration:underline; color:#333;}

/* STRUKTURA - Usporiadanie
======================================== */

/* KONTAJNERY
======================================== */
/* #kontajner {margin-left:40px; margin-top:0px; position:relative; width:960px;} */
#kontajner {margin:0 auto; position:relative; width:960px; display:block;}
#kontajnerZahlavie {width:960px; height:90px;}
#kontajnerHlava {width:960px; height:130px; background:url("https://www.depechemode.sk/obrazky/schema/pozadie-hlava_9.gif") no-repeat;}
/* #kontajnerTelo {padding:20px 0;} */
#kontajnerPata {width:960px; height:130px; background:url("https://www.depechemode.sk/obrazky/schema/pozadie-pata.gif") no-repeat;}

/* OBALY
======================================== */
#obalTelo {width:940px; background:url("https://www.depechemode.sk/obrazky/schema/pozadie-telo.gif") repeat-x top; margin:auto;}
	  
/* ZAHLAVIE - BLOKY
======================================== */
.zahlavieLogo {float:left; position:static; width:400px; margin:0; padding:0; height:90px;}
.zahlavieNavigacia {position:static; margin-left:450px; padding:0; padding-top:65px;}

/* ZAHLAVIE - BLOK - Obrazok Logo
----------------------------------------- */
#obrazokLogo a {display:block; background:url("https://www.depechemode.sk/obrazky/schema/logo-insight-depeche-mode.png") no-repeat; width:365px; height:40px; margin-top:40px; margin-left:20px; cursor:pointer;}
#obrazokLogo a:hover {text-decoration:none;}
#obrazokLogo a span {visibility:hidden;}

/* ZAHLAVIE - BLOK - Uzivatelska navigacia
------------------------------------------------------ */

#blokUzivNav {padding:0; margin:0 15px auto 0;}
#blokUzivNav ul {list-style-type:none; margin:0; margin-left:5px; padding:0;}
#blokUzivNav li {display:inline; margin:0; padding:0;}

#blokUzivNav img { border:none;}

#blokUzivNav a {float:right; background:url("https://www.depechemode.sk/obrazky/schema/navigacia-zalozka-lava.gif") no-repeat left top; margin:0; margin-right:4px; padding:0 0 0 9px; text-decoration:none;}
#blokUzivNav a {background-position:0 0;}
#blokUzivNav a span {float:left; display:block; background:url("https://www.depechemode.sk/obrazky/schema/navigacia-zalozka-prava.gif") no-repeat right top; padding:6px 9px 7px 1px; font-size:1.1em; text-decoration:none; color:#000; letter-spacing:0.1em; font-weight:bold;}

#blokUzivNav a span {float:none;  background-position:100% 0; color:#666;}
#blokUzivNav a:hover span {color:#000;}
#blokUzivNav a:hover {background-position:0% -34px;}
#blokUzivNav a:hover span {background-position:100% -34px;}

/* HLAVA - BLOK - Hlavna navigacia
----------------------------------------- */
#blokHlavaNav {padding-left:10px; margin-top:40px; float:left; line-height:2em; width:920px; font-family:Arial, Helvetica, sans-serif;}
.navZalozka {margin:0; padding:0; list-style-type:none; text-align:left;}
.navZalozka a:active, .navZalozka a:focus {outline:0;}
.navZalozka li {display:inline; margin:0; font-size:1.6em; text-align:left;}
.navZalozka li a, .navZalozka li a:visited {width:auto; height:30px; margin:0; padding:0 10px; float:left; text-decoration:none; color:#000; font-weight:bold; background:url("https://www.depechemode.sk/obrazky/schema/navigacia-predel-hlava.gif") no-repeat right;}
.navZalozka li a:hover {color:#c38a0f; text-decoration:none; font-weight:bold;}
.navZalozka li a:active {color:#666; text-decoration:none; font-weight:bold;}

.menuPopiska {z-index:10000; font-size:0.7em; font-weight:normal; color:#a7a7a7;}

li.aktivnaSekcia a:visited, li.aktivnaSekcia a {color:#c38a0f; text-decoration:none;}
li#facebook a {color:#3B5998}
li#fanshop a {color:#fc2e57}

/* BLOKY - PATA
======================================== */

/* PATA - BLOK - Kredit
----------------------------------------- */
.pataKredit {padding:40px 0 0 20px; color:#454545; font-size:1.2em; letter-spacing:0.08em; font-family:Arial, Helvetica, sans-serif;}
.pataKredit a, .pataKredit a:visited {color:#7a7a7a;}
.pataKredit a:hover {color:#FFF; text-decoration:none;}

/* PATA - BLOK - Vedlajsia navigacia
----------------------------------------- */
.pataNavigacia {margin:10px 0 0 10px; color:#454545; font-size:1.2em; letter-spacing:0.08em;}
.navPolozka {margin:0; padding:0; list-style-type:none; letter-spacing:0.1em; font-family:Arial, Helvetica, sans-serif;}
.navPolozka a:active, .navPolozka a:focus {outline:0;}
.navPolozka li {display:inline; margin:0;}
.navPolozka li a, .navPolozka li a:visited {width:auto; margin:0; padding:0 10px; float:left; text-decoration:none; color:#7a7a7a; background:url("https://www.depechemode.sk/obrazky/schema/navigacia-predel-pata.gif") no-repeat right;}
.navPolozka li a:hover {color:#FFF; text-decoration:none;}
.navPolozka li a:active {color:#F1DECA; text-decoration:none;}

li.aktivnaStaticka a:visited, li.aktivnaStaticka a {color:#FFF; text-decoration:none;}

/* PATA - BLOK - Socialne siete
----------------------------------------- */
#kontajnerPata img {margin-left:5px;}
#kontajnerPata a img, #kontajnerPata a:visited img {border:none;}
.pataIkona {float:right; text-align:right; padding:40px 15px 0 0;}

/* TELO - FORMULARE
======================================== */

/* label.zaskrPole {margin-left:7px; font-size:0.9em; color:#666;} */

fieldset {border:none; margin:15px 0; padding:0;}

input.formular, input.formularPovinne {font-family: 'Open Sans'; color:#333; background-color:#fbfbfb; padding:8px;}
input.formular:focus {background-color:#FFF; color:#000; border:1px solid #333;}
input.formularPovinne:focus {background:url("https://www.depechemode.sk/obrazky/schema/pradzne.gif") no-repeat #FFF; color:#000; border:1px solid #060;}

input.formular {border:1px solid #999;}
input.formularPovinne {border:1px solid #930;}

input.formularSkryte {font-family: 'Open Sans'; color:#333; background-color:#FFF; padding:3px; border:1px solid #FFF; font-weight:bold;}

input.tlacidlo, button.tlacidlo {font-family: 'Open Sans'; font-size:1.5em; text-transform: uppercase; color:#666; background-color:#EBEBEB; border:1px solid #999; padding:5px 10px; margin:10px 0; letter-spacing:0.07em; cursor:pointer; cursor:hand;}
input.tlacidlo:hover, button.tlacidlo:hover {background-color:#E6E6E6; color:#333; border:1px solid #333;}

.bezpecnostnaOtazka {margin-left:10px;}

textarea {padding: 8px; font-size:1.5em; font-family: 'Open Sans'; color:#333; background-color: #fbfbfb; border:1px solid #ccc; padding:8px;}

textarea:focus {background-color:#FFF; color:#000; border:1px solid #333;}

/* TELO - FORMULARE
======================================== */


/* SKRYTE OBJEKTY, PREDELNIKY, CIARY
======================================== */
.odsadenie {display:block; height:1px;}
.obsahSkryty {display:none;}
a.obsahSkryty {display:none;}
h4.obsahSkryty {display:none;}
hr.predelSkryty {margin:0; padding:0; border:none; visibility:hidden; display:none;}
hr.predelBlokSkryty {clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none; visibility:hidden;}

#promoStitok {z-index:10000; position:absolute; left:0; top:0; display:block; width:77px; height:77px; background:url("https://www.depechemode.sk/obrazky/schema/promo-stitok.gif") no-repeat;}


.zvyraznenie {color: #900;}

.zvyraznenie a, .zvyraznenie a:visited {font-weight:bold;}
.zvyraznenie a:hover {text-decoration:underline;}

.oddelovac {height:1px; border-bottom:1px solid #999; margin:10px;}

.hiddenFields {display:none;}

span.posledna_sprava {color: #b70000;}

div.spravablok { background: #f4f4f4 url("https://www.depechemode.sk/obrazky/schema/sipka.png") no-repeat center bottom; padding:10px 10px 30px 10px; margin:0 auto 5px auto; width:532px; display: block; border-top:1px solid #ccc; }

/* Koniec CSS */

/*
SCHEMA | Titulna strana (KONTAJNER --- OBAL --- Blok)

ZAHLAVIE ---------------
						|-- Obrazok Logo
						|-- Zalozky

HLAVA ------------------
						|-- Hlavna navigacia

TELO ---
		|-- STLPEC A ---
		|				|-- Aktuality
		|				|-- Najnovsie videa
		|				|-- Najnovsie fotogalerie
		|				|-- Kalendar udalosti
		|
		|-- STLPEC B ---
						|-- Najnovsi clanok
						|-- Najnovsie / Najcitanejsie / Najdiskutovanejsie /  Nahodne clanky

PATA -------------------
						|-- Kredit
						|-- Vedlajsia navigacia

Stlpce TELO: [10 + [10+510+5] + [5+400+10] + 10]

*/