/* ------------------------------------------------------------------ */
/* Definice CSS - © DUŠEK AUTOMA s.r.o. - PNEUSERVIS Náchod */
/* ------------------------------------------------------------------ */

/* Globální nastavení CSS stylu */
html {
     overflow: -moz-scrollbars-vertical;
}
body {
	font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
}
body, h1, h2, h3, h4, p, img, ul, li {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul, li {
	list-style-type: none;
}
a {
	font-weight: bold;
	text-decoration: none;
}

/* Linky */
a:link {
	color: #AB0000;
}
a:visited {
	color: #AB0000;
}
a:hover {
	color: #CB0000;
}
a:active {
	color: #AB0000;
	outline: 0;
}
a:focus {
	color: #AB0000;
	outline: 0;
}

/* Rámec tela (Layout - Šírka) */
#ram {
	width: 770px;
	margin: 0px auto;
	color: #000000;
}

/* Rámec Hlavicky (Logo) */
#ram-hlavicka {
	position: relative;
	height: 150px;
	background: url(../img/layout/logo.jpg) no-repeat left top;
}
#ram-hlavicka h1 span {
	display: none;
}
#rychle-info {
    position: absolute;
	top: 30px;
	left: 430px;
	font-weight: bold;
    color: #FFFFFF;
}
#www {
	position: absolute;
	top: 125px;
	left: 420px;
	color: #FFD400;
}
#www a:link {
	color: #FFD400;
}
#www a:visited {
	color: #FFD400;
}
#www a:hover {
	color: #FFD400;
	text-decoration: underline;
}
#www a:active {
	color: #FFD400;
}

/* Hlavni Rámec (Menu + Clánky) */
#ram-hlavni {
	background: url(../img/layout/pozadi-hlavni.gif) repeat-y left top;
}
#ram-hlavni-n {
	width: 100%;
	height: 20px;
	background: url(../img/layout/pozadi-hlavni-zahlavi.gif) no-repeat left top;
}
#ram-hlavni-d {
	width: 100%;
	height: 20px;
	background: url(../img/layout/pozadi-hlavni-zapati.gif) no-repeat top left;
	clear: both;
}

/* Menu */
#menu {
	float: left;
	width: 165px;
}

/* Menu - Linky */
#menu a:link, a:visited, a:active{
	color: #FFFFFF;
}
#menu a:hover {
	color: #000000;
}

/* Menu - Tlacítka */

/* - tlacitko Normal: left - tlacitko Over: -165px - tlacitko Active: -330px
   - tlacitko-s Normal: -495px - tlacitko-s Over: -660px - tlacitko-s Active: right
   - submenu Normal: left - submenu Over: -165px - submenu Active: right */

.tlacitko a, .tlacitko-s, .submenu a, .tlacitko-s-js, .tlacitko-v, .tlacitko-s-v, .submenu-v a, .tlacitko-submenu-v {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-indent: 40px;
	cursor: pointer;
	font-weight: bold;
}
.tlacitko a {
	background: url(../img/layout/navigace-tlacitko.gif) no-repeat left top;
}
.tlacitko-s {
	color: #FFFFFF;
	background: url(../img/layout/navigace-tlacitko.gif) no-repeat -495px top;
}
.submenu    {
	height: 0px;
	overflow: hidden;
}
.submenu a {
	height: 30px;
	line-height: 30px;
	text-indent: 40px;
	font-size: 10px;
	background: url(../img/layout/navigace-tlacitko-s.gif) no-repeat left top;
}

/* Menu - Tlacítka - Over */
.tlacitko a:hover {
	background: url(../img/layout/navigace-tlacitko.gif) no-repeat -165px top;
}
.submenu a:hover {
	background: url(../img/layout/navigace-tlacitko-s.gif) no-repeat -165px top;
}
.tlacitko-s:hover {
	color: #000000;
	background: url(../img/layout/navigace-tlacitko.gif) no-repeat -660px top;
}
.tlacitko-s-js {
	color: #000000;
	background: url(../img/layout/navigace-tlacitko.gif) no-repeat -660px top;
}

/* Menu - Tlacítka - Vybrána */
.tlacitko-v {
	cursor: default;
	color: #000000;
	background: url(../img/layout/navigace-tlacitko.gif) no-repeat -330px top;
}
.tlacitko-s-v {
	cursor: default;
	color: #000000;
	background: url(../img/layout/navigace-tlacitko.gif) no-repeat right top;
}
.submenu-v a {
	height: 30px;
	line-height: 30px;
	text-indent: 40px;
	font-size: 10px;
	background: url(../img/layout/navigace-tlacitko-s.gif) no-repeat left top;
}
.submenu-v a:hover {
	background: url(../img/layout/navigace-tlacitko-s.gif) no-repeat -165px top;
}
.tlacitko-submenu-v {
	cursor: default;
	height: 30px;
	line-height: 30px;
	text-indent: 40px;
	font-size: 10px;
	background: url(../img/layout/navigace-tlacitko-s.gif) no-repeat right top;
}

/* Halvní Obsah */
#hlavni-obsah {
	float: right;
	width: 595px;
	padding: 0px 10px 0px 0px;
}

/* Halvní Obsah - Clánky */
#hlavni-obsah-clanky {
	margin: 0px auto;
	width: 575px;
}

/* Halvní Obsah - Linky */
#hlavni-obsah-clanky a:link {
	color: #AB0000;
}
#hlavni-obsah-clanky a:visited {
	color: #AB0000;
}
#hlavni-obsah-clanky a:hover {
	color: #CB0000;
	text-decoration: underline;
}
#hlavni-obsah-clanky a:active {
	color: #AB0000;
}

/* Formáty Obsahu - Clánky */

/* Formát - Clánek */
.clanek {
	margin: 0px 0px 10px 0px;
	background: url(../img/layout/clanek-pozadi.gif) repeat-y center top;
}
.clanek:last-child {  
	margin-bottom: 0px;  
}

/* Formát - Clánek - Okraj Nahore (clanek-n) : Okraj Dole (clanek-d) */
.clanek-n, .clanek-d {
	display: block;
	width: 100%;
	height: 8px;
	clear: both;
}
.clanek-n {
	background: url(../img/layout/clanek-pozadi-zahlavi.gif) no-repeat left top;
}
.clanek-d {
	margin: 5px 0px 0px 0px;
	background: url(../img/layout/clanek-pozadi-zapati.gif) no-repeat left top;
}

/* Clánek - Nadpisy */
.clanek h2 {
	overflow: hidden;
	height: 30px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 25px;
	text-indent: 15px;
	margin: 0px 0px 10px 0px;
	background: url(../img/layout/clanek-hlavicka.gif) no-repeat center top;
}

.clanek h3 {
	font-size: 11px;
	margin: 5px 20px 0px 15px;
	padding: 0px 0px 5px 0px;
	background: url(../img/layout/linka.gif) no-repeat right bottom;
}

/* Clánek - Text Clánku */
.clanek p {
	margin: 5px 25px 0px 20px;
	padding: 0px 0px 5px 0px;
	text-align: justify;
	line-height:15px;
}

/* Clánky - Obrázky Clánku */
.clanek img {
	margin: 0px 10px 5px 10px;
	padding: 5px 5px 5px 5px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

/* Clánky - Obrázky Clánku - Zarovnání */
.clanek .obrazek-vpravo, .obrazek-vlevo, .obrazek-stred {
	display: block;
	position: relative;
	clear: both;
}
.clanek .obrazek-vpravo {
	float: right;
}
.clanek .obrazek-vlevo {
	float: left;
}
.clanek .obrazek-stred {
	width: 100%;
	margin: 0px auto;
	text-align: center;
}
.clanek .obrazek-stred img {
	margin: 5px;
}

/* Clánky - Obrázeky Clánku - Link */
.clanek a img {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.clanek a img:hover {
	background: #FFFFFF;
	border: 1px solid #999999;
}

/* Clánky - Obrázek Clánku - Link - Lupa */
.clanek .lupa {
	display: block;
	width: 23px;
	height: 23px;
	position: absolute;
	bottom: 16px;
	right: 21px;
}
.clanek a:hover .lupa {
	background: url(../img/layout/lupa.gif) no-repeat left top;
}

/* Clánky - Zvyrazneni */
.zvyrazni-t1, .zvyrazni-t2, .zvyrazni-t1s, .zvyrazni-t2s, .zvyrazni-t1p, .zvyrazni-t2p {
	font-weight: bold;
}
.zvyrazni-t1, .zvyrazni-t1s, .zvyrazni-t1p {
	color: #AB0000;
}
.zvyrazni-t2, .zvyrazni-t2s, .zvyrazni-tp, .zvyrazni-k, .zvyrazni-ks, .zvyrazni-kp {
	color: #000000;
}
.zvyrazni-k, .zvyrazni-ks, .zvyrazni-kp {
	font-style: italic;
}
.zvyrazni-t1s, .zvyrazni-t2s, .zvyrazni-ks, .zvyrazni-s {
	text-align: center !important;
}
.zvyrazni-t1p, .zvyrazni-t2p, .zvyrazni-kp {
	text-align: right !important;
}

/* Seznamy */
.clanek ul {
	padding: 10px 0px 0px 0px;
}
.clanek ul li {
	margin: 0px 15px 0px 30px;
	padding: 0px 0px 5px 0px;
	list-style-image: url(../img/layout/sipka.gif);
}
.clanek ul.ciselne li {
	margin: 0px 15px 0px 50px;
	list-style-image: none;
	list-style-type: decimal;
}
.clanek ul.vnorene li {
	margin: 0px 15px 0px 30px;
	list-style-image: none;
	list-style-type: disc;
}

/* Podpis */
.podpis {
	margin: 0px 60px 0px 60px !important;
	width: 103px;
	height: 51px;
	text-indent: -9999px;
	background: url(../img/layout/podpis.gif) no-repeat left top;
}

/* Jdi Nahoru */
#jdi-nahoru {
	display: none;
	position: fixed;
	left: 50%;
	bottom: 10px;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	background: url(../img/layout/nahoru.gif) no-repeat left top;
}
#jdi-nahoru:hover {
	background: url(../img/layout/nahoru.gif) no-repeat right top;
}

/* Footer */
#ram-zapati {
	height: 30px;
	background: url(../img/layout/pozadi-zapati.gif) no-repeat top left;
}