/* CSS (c) www.hattas.sk */

/* Import pluginu */
@import "./prettyphoto.css";



/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {color:#000; background: #fff url(../images/bg.gif) repeat-x ;  font: normal 75% "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  margin: 0; padding:0; 	text-align:center;}


H1     {font-size:2em; margin:0; padding:17px 0 40px 0; color:#fff; letter-spacing: -1px; word-spacing: 1px;  font-weight: normal;}
H2     {font-size:1.8em; margin:0px 0px 7px 0px; padding-top:20px; color:#000; letter-spacing: -1px; word-spacing: 1px; }
H3     {font-size:1.5em;  margin:15px 0px 7px 0px; padding:0 0 0 12px; background: url(../images/arrow.gif) no-repeat 0 4px; font-weight: normal;}
H4     {font-size:1.2em; }

A         {color:#004496; text-decoration:underline; }
A:visited {color:#004496; text-decoration:underline}
A:hover   {color:#f00; text-decoration:underline}


p      {margin-bottom:8px}
IMG    {border:none;  margin:0px;}
FORM   {margin:0px;padding:0px}
UL,OL  {padding: 10px 0px 10px 25px; margin: 0px;}
HR     {height:1px; color:#ddd; width:100%; background-color:#ddd; border:0px solid #ddd;}
acronym{border-bottom: 1px dotted gray; cursor: help;}
TABLE  {BORDER-COLLAPSE: collapse; border-spacing:0px; line-height:17px; font-size: 100%; }
TD     {vertical-align:top;}
TH     {text-align:left; vertical-align:top; background-color:#e5dbc9; color:#464646; font-weight:bold; padding:5px; 	background: url(../images/thbg.gif) repeat-x 0px 0px;}
iframe {margin-top:10px}

/* Standards */
.red             {color:#c13a02; font-weight:bold }
.fontsmall       {font-size:.95em; font-weight:normal; color:#444444;}
.fontsmall A     {color:#616161; text-decoration:underline;}
.bigfont         {font-size:1.3em; font-weight:bold;}
.clear           {clear:both;}
.fleft           {float:left}
.center          {text-align: center;}
.fright          {float:right; margin:10px}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
TABLE.table      {clear:left; width:400px; border:1px solid #e5dbc9;}
.table TD        {padding:5px; border:1px solid #e5dbc9;color:#000}
.none            {display: none;}

.error           {color: red; font: 12pt verdana;padding-left: 10px;}

/* Site	*/
#site             {width:950px; margin: 0 auto; 	padding: 0; text-align:left;}
#site IMG         {display: block;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:119px;}
#logo             {float:left; width:200px; padding:10px 0 0 15px}

#subnav           {height:22px; text-align: right; color:#deb6b7; padding:5px 15px 0 0; font-size: .95em;}
#subnav A         {color:#deb6b7;margin-left:20px}
#subnav a:hover   {color:#fff}


#nav              {float:right;  color:#deb6b7; font-size:1.2em; font-weight: bold;}
#nav ul           {margin:0; padding:30px 0px 0px 0px; list-style:none;}
#nav li           {display:inline; margin:0; padding:0;  }
#nav a            {float:left; background:url("../images/tableftb.gif") no-repeat left top; margin:0; padding:0 0 0 2px; text-decoration:none;}
#nav a span       {float:left; display:block; background:url("../images/tabrightb.gif") no-repeat right top; padding:10px 22px 12px 12px;color:#e3e3e3;}
#nav a span       {float:none;}

#nav a:hover span {color:#fff;}
#nav a:hover      {background-position:0% -42px;}
#nav a:hover span {background-position:100% -42px; }
#nav a.active span     {color:#cd9f99}
#nav a:hover.active span {color:#fff;}

#index          {clear:left}
#casemain       {float:left; width:950px; background: url(../images/bgindex.jpg) no-repeat; padding:0 0 0 20px; line-height: 1.5em;}
#casemain UL    {padding-top:0; margin:0;}
#casemain h2    {font-size:1.5em; font-weight: normal; padding:3px 0 0 0; margin:0; color:#202020}
.caseicon       {padding-top:20px; height:85px}
.caseicon img   {float:left; margin-right:10px}
.case           {float:left; width:200px; padding-right:30px;}

#indexfaq       {font-size: 1.2em; text-align: center; font-weight: bold; margin-bottom:10px}

#indexhorizont  {background: url(../images/indextextbg.gif) no-repeat;  }
#indextxt {padding:10px 20px 20px 20px; line-height: 1.9em;}
#indextxt h1 {color:#000; padding:17px 0 20px 0; line-height: 1.1em;}
#indextxt h2 {padding:0; font-size:1.3em}
#facebook {text-align: center;}

#mainin {background: url(../images/main.gif) no-repeat 0 60px ; line-height: 1.7em; min-height: 400px;}
#content {padding:0 30px}

#left           {float:left; width: 650px;}
#right          {float:left; width: 200px;  }
#left-content {padding-right:25px; line-height: 1.6em; font-size: 1.1em;}


#footer         {clear:both; border-top:1px solid #dddddd; margin-top:20px; padding:20px 25px 0 25px; height:90px; font-size: 1em; color:#545454; line-height: 20px;}
#footer A       {color:#545454; }
#footer A:hover {color:#000}
#le             {display: block; float: left; padding:8px 8px 8px 10px}
#ri             {display: block; float: right; padding:8px 8px 8px 10px}



/* CONTENT
*/
div.htmltooltip{position: absolute; z-index: 1000; left: -1000px; top: -1000px; background: #9e2629; color:#fff; padding: 6px; width: 200px;}
.kontakt {float:left; width:150px;}
#hodinymain {float:right; width:550px; }
.hodiny {float:left; width:270px; }

.formatprace {float:left; margin-right:20px; width: 200px;}
.help        {display: none; margin: 0 0 10px 0; }
.vzorbox {margin:20px 0 30px 10px; display: none;}
#tlac {float:left; width: 250px; margin-right:50px}
#vazbyine {float:left; width: 450px;}
.cd {display: inline; font-weight: bold;}
.vzoripotlacecd {margin-left:250px}
.cennik {float:left; width:440px}
#pdfvideo {float:right; padding:10px; margin:0 10px; background-color: #ddd;}
#pdfvideo h2 {padding-top:0}

.external { background: url(../images/external.gif) no-repeat top right; padding: 0 10px 0px 0; color:#ed2024;}
.external:hover { color:#ed2024; }

.cenaspolu td {background-color: #dafecf; padding:15px;}
.cenaspolu SPAN {font-size: 1.8em; font-weight: bold; letter-spacing: -1px;}

.return { background: url(../images/return.gif) no-repeat; padding: 0px 0 10px 30px;}
.return:hover { color:#ed2024; }

.alert {
	background: #fff6bf url(../images/alert.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 30px 5px 55px;
	border-top: 2px solid #fed626;
	border-bottom: 2px solid #fed626;
	}
.success {
	background: #e1ffc4 url(../images/success.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 30px 5px 75px;
	margin-bottom:15px;
	border-top: 2px solid #99cc66;
	border-bottom: 2px solid #99cc66;

	}
.grafikaiko {display: block; padding:10px 10px 0 17px}
.corel {background: url(../images/corel.gif) no-repeat; padding: 0px 30px 5px 27px;}
.obrazok {background: url(../images/obrazok.gif) no-repeat; padding: 0px 0px 5px 27px;}

/* !departments slider ----------------------------------------------------- */

.slider {
	padding-bottom: 1.1111em;
}
.slider P, .slider h4 {margin:0;padding:0}
.slider h3 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 0.5555em 0 0 0;
	padding: 0.555em;
	background: url(../images/more-info.gif) no-repeat 0px 0px;
 text-decoration: underline;
}


.slider A {
	color: #4b4b4b;
}
.slider A:hover {
	color: #cc0000;
}


.slider h3.active {
	color: #fff;
	background-image: url(../images/close-info.gif);
}

/* GALLERY */
.gallery DIV {float:left; margin:0 20px 35px 0; text-align: center;}
.gallery IMG {padding: 13px;  border:  1px solid #ccc;   background-color: #eee;}


/* FORMULARE
*/
#form div             {margin:2px 0px 2px 0px; padding:5px; }
#form input, textarea {border:2px solid #dddddd; padding:5px; width: 320px; background-color: #eeeeee;}
#form .formButton     {width: 100px; background-color: #a72c1d; border:none; color:#fff; font-weight: bold;}
form label            {FLOAT: left; WIDTH: 125px; padding-right:5px;}

/* KALKULACIA */
#kalkulacia                  {font-size:1.2em}

#kalkulacia div              {padding:10px 0 10px 16px; border-bottom:  1px solid #ccc;}
#kalkulacia label            {FLOAT: left; WIDTH: 240px; padding-right:5px; font-weight: bold;}
#kalkulacia div.bordernone   {border:0px}
#kalkulacia div#parent1      {background-color: #fffcea; }
div#parent1 label            {text-align: right;}
#kalkulacia h3               {margin: 20px 0 0 0px;  padding: 10px 0 16px 16px; background: url(../images/more-info.gif) no-repeat 0px 0px;}
#kalkulacia div.gallery div  {border:0px; margin:0px;}
#kalkulacia .formButton     {width: 100px; background-color: #a72c1d; border:none; color:#fff; font-weight: bold; padding:5px;}

/* general tooltip styling */

.hide {position:absolute; z-index:800; left:-9999px;}
.hide {border:3px solid #dddddd; padding:5px 10px;background:#eeeeee; text-align:left; width: 250px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.hide p {padding:5px 0; margin:0; line-height:1.5em;}
.hide img {border:1px solid #dddddd; padding:5px;}
.toptip {cursor: help;}

/* TABS */

UL.tabNavigation { list-style: none;  margin: 20px 0 0 0px;  padding: 10px 0 16px 16px; background: url(../images/more-info.gif) no-repeat 0px 0px;}

UL.tabNavigation LI {
display: inline;

}

UL.tabNavigation LI A {
padding:11px;
font-weight: bold;
color: #000;
text-decoration: none;
-moz-border-radius:8px; -webkit-border-radius:8px;
}


UL.tabNavigation LI A:hover {

color: #000;
padding:11px;

}

UL.tabNavigation LI A.selected{

color: #c13a02;
padding:11px;
 
}

UL.tabNavigation LI A:focus {
outline: 0;
}

.tabboxplatno {margin:15px 0px 15px 0px; font-size: .95em;}
.tabbox {margin:15px 0px 15px 25px; font-size: .95em;}
.doskyseria {float:left; width: 130px; margin-right:50px;  text-align: center;}
.doskyjednotlivo {float: left; width: 685px; }
.doskyjednotlivo DIV {float:left; margin:0 10px 10px 0; text-align: center;}


.tabbox img, .tabboxplatno img {padding: 13px;  border:  1px solid #ccc;  background-color: #eee;  width:  130px;  height: 130px;}
#second, #third, #five, #six {display: none;}