/*
	PrestaShop Plus / prestashop-plus.eu / 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, fieldset, address {margin:1.2em 2%;}
dd {margin-left:5px;}
fieldset {padding:.5em;}

body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.25em; color:#828282; background:url("../obrazky/schema/pozadie-global.png") repeat-x #E4E4E4;}

.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:#3496ba;}
a:active, a:hover {font-weight:normal; outline:none; text-decoration:underline; color:#387b11;}

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

/* KONTAJNERY
======================================== */
#kontajner {width:900px; margin:0 0 0 62px; padding:0; background:url("../obrazky/schema/pozadie-hlava.jpg") no-repeat;}
#kontajnerZahlavie {width:900px; height:63px; margin:0 auto; padding:65px 0 0 0;}
#kontajnerHlava {width:900px; height:372px; margin:0 auto; padding:0;}
#kontajnerUvodnik {width:900px; margin:0 auto; padding:0; background-color:#FFF;}
#kontajnerTelo {width:900px; margin:3.5em auto 0 auto; padding:0; background-color:#FFF; height:337px; min-height:337px;}
html>body #kontajnerTelo{height:auto} /* IE6 min-height hack */
#kontajnerPata {width:900px; margin:0 auto; padding:0;}
#kontajnerKredit {width:900px; height:110px; margin:0 auto; padding:0;}

/* BLOKY
======================================== */

/* HLAVA - BLOK - Info a kontakty
----------------------------------------- */
.hlavaInfo {width:600px; color:#371408; font-size:1.2em; margin:0 0 0 40px; padding-top:50px;/* letter-spacing:0.05em;*/}
/*.hlavaInfo a:link, .hlavaInfo a:visited {color:#EC7E01; font-weight:bold; text-decoration:none;}
.hlavaInfo a:hover {color:#6C410F; font-weight:bold; text-decoration:none;}*/
.hlavaInfo h2 {color:#6f756f; font-size:1.7em; margin-bottom:2em; letter-spacing:0.05em;}
.hlavaInfo ul {color:#6f756f; font-size:1.3em; margin-left:3.5em; line-height:1.6em; letter-spacing:0.05em;}

.hlavaInfo h2.chybaNadpis {color: #FC0; font-size:1.8em; margin-bottom:2em; letter-spacing:0.05em; text-transform:uppercase;}
.hlavaInfo p {color:#96e1f2; font-size:1.3em; margin-left:2em; line-height:1.6em; letter-spacing:0.05em;}

.hlavaInfo a.action {display: block; margin:20px 0 0 91px; width:202px; height: 78px; font-size:1.75em; line-height: 76px; background: url("../obrazky/schema/tlacidlo-objednat-sluzby.png") no-repeat top left; color: #FFF; font-weight: bold; text-align: center; clear: both; text-shadow: 0 0 1px #367213; letter-spacing:-0.05em; text-transform:lowercase; text-decoration:none;}

.hlavaInfo a.action:hover {color: #F4F4F4; text-shadow:0 0 2px #2a5610; background-position:bottom left; text-decoration:none;}
.hlavaInfo a.action:active {background-position:0 0; color:#ccc; background-position:bottom left; text-decoration:none;}

/* HLAVA - BLOK - Hlavna navigacia (hore)
------------------------------------------------------ */
#navHlavna {height:63px; margin:0; padding:0; float:right;}
.navZalozka {padding:0; margin:0; font-size:1.5em; list-style-type:none; text-align:center; letter-spacing:0.1em; text-transform:lowercase;}
.navZalozka a:active, .navZalozka a:focus {outline:0;}
.navZalozka li {display:inline; margin:0;}
.navZalozka li a, .navZalozka li a:visited {width:auto; height:63px; line-height:4em; padding:0 10px; margin:0; float:left; text-decoration:none; color:#FFF; font-weight:bold;}
.navZalozka li a:hover {background: url("../obrazky/schema/pozadie-menu.png") repeat-x top left; color:#77B850; text-decoration:none; font-weight:bold;}
li.aktivnaSekcia a:visited, li.aktivnaSekcia a {color:#77B850; background: url("../obrazky/schema/pozadie-menu.png") repeat-x top left; text-decoration:none; font-weight:bold;}

/* TELO - BLOK - Obsah
----------------------------------------- */
#obalTelo {padding:4em; color:#333;}
#obalTelo p, #obalTelo p.odkazFunkcia {font-size:1.5em; line-height:1.5em; margin-bottom:1.5em;}
#obalTelo h1 {font-size:2.1em; line-height:1.8em; margin-bottom:1em;}
#obalTelo h2 {font-size:1.8em; line-height:1.6em; margin-bottom:.8em; padding-top:.5em;}
#obalTelo h3 {font-size:1.6em; line-height:1.5em; margin-bottom:.8em; padding-top:.5em;}
#obalTelo ul, #obalTelo ol {margin-left:4em; margin-bottom:1.5em;}
#obalTelo li {font-size:1.5em; line-height:1.5em;}
#obalTelo blockquote {margin:0 1em 1.5em 1.8em; padding:1em; line-height:1.5em; font-size:1.5em; color: #666; border-left:5px solid #acacac; background-color: #F5F5F5;}
#obalTelo p.odkazFunkcia {text-align:right; margin-right:1em;}
ul ul {font-size:0.65em;}
.slogan {font-size:.7em; margin-left:.7em; color:#999; font-style:italic;}
sup {font-size:0.75em; line-height:0.5em}

/* TELO - BLOK - Obsah - Lava
----------------------------------------- */
#teloLava {float:left; width:480px; margin:0; padding:0;}
#obsahLava {margin:0; padding:0;}

/* TELO - BLOK - Obsah - Prava
----------------------------------------- */
#teloPrava {margin:0 0 0 485px; padding:0;}
#obsahPrava {margin:0; padding:0;}

/* BLOK - Pata
----------------------------------------- */

#blokPata {width:900px; margin:2.3em 0 0 0; text-align: left;}
#blokPata p span {font-size:.8em;}

#blokPata h2 {font-size:1.9em; color:#00617c; margin-bottom:.9em; font-weight:lighter;}
#blokPata p {margin-bottom:1em; line-height:1.3em; font-size:1.1em; letter-spacing:0.01em;}

#blokInfo {float:left; width:300px; margin: 0; padding:0;}
#blokInfo-obsah {margin: 0; padding: 0.5em 30px 0 30px; font-size: 1.4em;}

#blokVizitka {margin: 0 0 0 300px; padding: 0; width: 290px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
#blokVizitka-obsah {margin: 0; padding: 0.5em 30px 0 30px; font-size:1.4em;}

#blokNovinky {width: 295px; margin: 0; float:right; padding: 0;}
#blokNovinky-obsah {margin: 0; padding: 0.5em 30px 0 30px; font-size: 1.4em;}

/* PATA - BLOK - Kredit
----------------------------------------- */
#kontajnerKredit p {font-size:1.1em; color:#909090; padding:3em 0 4em 0; text-align:center; letter-spacing:0.08em; line-height:1.5em;}

/* TELO - FORMULARE
======================================== */
/*.formular, textarea {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1em; color:#666; background:url("../obrazky/schema/admin-form-pozadie.gif") repeat-x; border:1px solid #999; padding:3px 3px;}
textarea {margin-bottom: 10px;}
.formular:focus, textarea:focus {background:url("../obrazky/schema/admin-form-pozadie.gif") repeat-x; color:#000; border:1px solid #333;}
.dropdown {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; width:175px; background-color: #EFEFEF; border:1px solid #BBB3AF; color:#423F3E; padding:0; margin-left:10px;}
.tlacidlo {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; color:#666; background-color:#EBEBEB; border:1px solid #999; padding:2px 5px 2px 5px; cursor:pointer; cursor:hand;}
.tlacidlo:hover {background-color:#E6E6E6; color:#333; border:1px solid #333;}
label {color: #666; font-size:1em;}*/


.formular, textarea {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; color:#423F3E; background-color:#F4FBFF; border:1px solid #ccc; padding: 3px; margin-top:8px; margin-right:12px;}
textarea {line-height:1.5em;}
.tlacidlo {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; color:#435f87; background-color:#edf1f7; border: 1px #ccc solid; padding:10px 30px; margin-top: 8px; cursor: pointer; cursor: hand;}
.formular:focus, textarea:focus {background-color:#FFF; color: #423F3E;  border: #999 1px solid;}
.tlacidlo:hover {background-color:#FFF; color:#2f2513; border: #999 1px solid; }
label {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0; padding: 0; color:#666;}

/* SKRYTE OBJEKTY, PREDELNIKY, CIARY
======================================== */
.odsadenie {display:block; height:1px;}
.obsahSkryty {display:none;}
span.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;}
.oddelovac {border-bottom:#999 1px solid; width:820px; margin: 15px 0;}

.tabulkaModuly th {height:30px; text-align:left; font-size:1.4em; padding:1em; color: #999;}
.tabulkaModuly td { height:35px; font-size:1.4em; padding:1em;}
.tabulkaModuly { margin-bottom:30px;}

td.riadokZelena {background-color: #E9FEDA;}
td.riadokModra {background-color: #E2F3FE;}

h2.zlyhanie {color:#C00;}
h2.uspech {color:#090;}

/* TELO - BLOK - Obsah - Lava
----------------------------------------- */
body.dvaStpce #teloLava {float:left; width:600px; margin:0; padding:0;}
body.dvaStpce #obsahLava {margin:0; padding:0;}

/* TELO - BLOK - Obsah - Prava
----------------------------------------- */
body.dvaStpce #teloPrava {margin:0 0 0 625px; padding:0;}
body.dvaStpce #obsahPrava {margin:0; padding:0;}

/* TELO - Obsah - Lava - Submenu
----------------------------------------- */
body.dvaStpce #obsahPrava ul.sidenav {font-size:.9em; width: 218px; margin: 0; padding: 0; list-style: none; background: #F4F4F4; border-bottom: 1px solid #E3E3E3; border-top: 1px solid #F6F6F6;}
ul.sidenav li a{ display: block; color: #333; text-decoration: none; font-weight:bold; width: 190px; padding: 7px 7px 7px 20px; /*background: url(sidenav_a.gif) no-repeat 5px 7px;*/ border-bottom: 1px solid #F6F6F63; border-top: 1px solid #E3E3E3;}
ul.sidenav li a:hover {/*background: #003867 url(sidenav_a.gif) no-repeat 5px 7px;*/ border-top: 1px solid #E3E3E3; background-color:#EDEDED; color: #000;}
ul.sidenav li span{	display: none;}
ul.sidenav li a:hover span {display: block; font-size: 0.8em; padding: 2px 0; color:#7F7F7F; font-weight:normal; line-height:1.4em;}
ul.sidenav li.aktivnaSubsekcia a:visited, ul.sidenav li.aktivnaSubsekcia a:hover, ul.sidenav li.aktivnaSubsekcia a {color:#FFF; background-color: #666; text-decoration:none; font-weight:bold;}
ul.sidenav li.aktivnaSubsekcia a span, ul.sidenav li.aktivnaSubsekcia a:visited span {color:#ccc; display: block; font-size: 0.8em; padding: 2px 0; font-weight:normal; line-height:1.4em;}

/* TELO - Obsah - Tlacidlo Objednaj
----------------------------------------- */
#obsahLava a.actionObjednat {display: block; margin:20px auto; width:217px; height: 106px; font-size:1.4em; line-height: 102px; background: url("../obrazky/schema/tlacidlo-objednat-program.png") no-repeat top left; color: #FFF; font-weight: bold; text-align: center; clear: both; text-shadow: 0 0 1px #367213; letter-spacing:-0.05em; text-transform:lowercase; text-decoration:none;}
#obsahLava a.actionObjednat:hover {color: #F4F4F4; text-shadow:0 0 2px #2a5610; background-position:bottom left; text-decoration:none; background: url("../obrazky/schema/tlacidlo-objednat-program-hover.png") no-repeat top left;}
#obsahLava a.actionObjednat:active {background-position:0 0; color:#ccc; background-position:bottom left; text-decoration:none;}

/* TELO - Obsah - Tabulka
----------------------------------------- */
#porovnanie td {border-top:1px solid #ebebeb; text-align:center; font-size:1.2em;}
#porovnanie th {border-top:1px solid #03b2da; text-align:center; font-size:1.2em; height:35px; background-color:#03b2da; color:#FFF;}
#porovnanie th a {color:#CAE4FF; text-decoration:none;}
#porovnanie th a:hover {color:#FFF; text-decoration:underline;}

#porovnanie td.popiska {text-align:left; height:26px; padding-left:8px;}
#porovnanie td.cena {height:35px; color:#C60; font-size:1.5em; font-weight: bolder; text-align:center;}

#porovnanie td.ano {background:url("../obrazky/schema/ikona-ano.png") no-repeat center center;}
#porovnanie td.nie {background:url("../obrazky/schema/ikona-nie.png") no-repeat center center;}
#porovnanie td.volitelne {background:url("../obrazky/schema/ikona-volitelne.png") no-repeat center center;}


/* TELO - Obsah - Tlacidlo Objednaj male
----------------------------------------- */
#porovnanie a.tlacidloObjednat {display: block; margin:10px auto; width:90px; height:28px; font-size:1em; line-height:25px; background: url("../obrazky/schema/tlacidlo-objednat-program-male.png") no-repeat top center; color:#FFF; font-weight:bold; text-align: center;clear: both; text-shadow: 0 0 1px #052b36; text-transform:lowercase; text-decoration:none;}
#porovnanie a.tlacidloObjednat :hover {text-decoration:none; background:url("../obrazky/schema/tlacidlo-objednat-program-male-hover.png") no-repeat top center; color:#000; text-shadow:0 0 2px #1c0d01;}
#porovnanie a.tlacidloObjednat :active {background-position:0 0; color:#ccc; background-position:bottom left; text-decoration:none;}

code {display:block; background-color:#EAEAEA; border:1px dotted #ccc; padding:10px; margin-right:20px; margin-left:20px;}

/* Koniec CSS */