@charset "UTF-8";

@media all
{
html, body {border:0;margin:0;	padding:0;}
body {font: 11px/15px Arial, sans-serif;	background:  #000;	color: #fff;}
			 
h1 {margin: 0 0 14px 0;padding:0;font-size: 14px;	font-weight: bold}
h2 {margin: 0 0 10px 0;padding:0;font-size: 12px;	font-weight: bold;color: #ab0015}
h3 {margin: 0;padding:0;font-size: 11px;font-weight: bold;color: #ddd}
img, map, area {border: 0 none}
fieldset {border: 1px solid #222; padding: 10px}
strong {color: #ab0015}
legend {color: #ab0015; padding: 0 10px; font-weight: bold}
#predajci strong {color: #fff}
#predajci p {font-size: 12px}
p {padding: 0;	margin: 0 0 11px 0}
a, a:link, a:visited {text-decoration:underline;	color: #ab0015; border: 0 none}
a:hover {text-decoration:none}

#wrapper {width: 800px; margin: 0 auto; background: #000 url("images/top.jpg") no-repeat top left; }
#wrapper.mapa {background: #000 url("images/top_pattern.png") repeat-x top left;}
#info { height: 465px; position: relative}
	#info a {position: absolute; top: 250px; left: 390px; display: block; width: 161px; height: 30px}
	#info a#zoznam {left: 560px}
	#info a#recenzie {left: 390px; top: 290px}
	#info a#newsletter {left: 560px; top: 290px}
	#info a#logo {left: 0; top: 0; width: 800px; height: 140px}
	#info a span {display: none}
	#info #mapa {position: absolute; top: 140px; left: 100px; width: 600px}
#text { padding: 30px 20px;}
#footer { border-top:  1px solid #333; padding: 15px 0 35px 20px}

/* FLOATBOX stuff */
#fbBox div#subscribeForm {padding: 20px 20px 10px 20px}
}

@media print
{
body{font-size:10pt}
html{height:auto;margin-bottom:0}
h1,h2,h3,h4,h5,h6{page-break-after:avoid}
#text:before,#text:before,#text:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}
#info { display:none; }
#footer { display:none; }
#predajci_wrapper {display: block}
#wrapper {width: 100%}
}