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

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

/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {background-color: #eeffdf; color:#2f2f2f; font: normal 80% "Trebuchet MS", "Geneva CE", lucida, sans-serif;  margin: 0; padding:0; 	text-align:center;}

H1     {font-size:1.5em; margin:0px 0px 15px 0px; line-height:25px; font-weight: normal; color: #e4492d;}
H2     {font-size:14px; margin:0px 0px 0px 0px; padding:10px 0; color: #e4492d;}
H3     {font-size:11px; margin:0px 0px 0px 0px; font-weight:bold; color: #e4492d;}

A         {color:#006bb3; text-decoration:underline;}
A:visited {color:#de4235; text-decoration:underline}
A:hover   {color:#d50a00; text-decoration:underline}

IMG    {border:none; display: block; margin:0px}
FORM   {margin:0px;padding:0px}
P      {margin-top: 0; line-height: 1.45em;}
UL,OL  {padding: 10px 0px 10px 20px; margin: 0px;}
HR     {height:1px; color:#d9ded9; width:100%; background-color:#d9ded9; border:0px solid #d9ded9; font-size:0px;}

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:#d6d9d0; font-weight:bold; padding:3px;}

/* Standards */
.pda             {display: none;}
.red             {color:#f95608; font-weight:bold }
.fontsmall       {font-size:0.85em; font-weight:normal; color:#6e6e6e; }
.fontsmall A     {color:#6e6e6e; text-decoration:underline;}
.fontbig         {font-size:14px; font-weight:bold; color:#dd117a;}
.clear           {clear:both;}
.fleft           {float:left}
.fright          {float:right; }
.inline IMG      {display: inline;}
.inline          {display: inline;}
.odstavec        {float:left; margin-right:30px; width:200px;}
.bg              {background-color: #fdf2d1; padding:5px; border-top:2px solid #f5b803;}
.table TD        {padding:5px; border:1px solid #d6d9d0;}
TABLE.table      { border:1px solid #d6d9d0;}
.center {text-align: center;}

/* Site	*/
#site             {width:768px; margin: 0 auto; 	padding: 0; text-align:left; background-color:#fff;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:64px; background-color: #fff; }
#telmail          {color: #606069; font-size: 0.9em; text-align: right; padding:5px 10px 5px 0}
#telmail A        {color: #606069; text-decoration:none}
#telmail A:hover  {color:#e4492d; text-decoration:underline}
#logo             {float:left; padding:12px 15px 0 22px }


#nav              {float:left; margin-top:0px; font-weight: bold; }
#nav ul           {padding: 0px; margin: 0; list-style: none;}
#nav li           {margin:0; padding:15px 7px 0 7px; float:left;  background: url(../images/od-nav.gif) no-repeat left bottom}
#nav li A         {color:#006bb3; text-decoration:none}
#nav li A:hover   {color:#e4492d; text-decoration:underline}
#nav li A.active  {text-decoration:none; color:#e4492d}
#nav ul li#noneod {background: none;}

#flash             {clear:left; display: block; line-height:0}
#main              {float:left; background-color: #fff;}
/*#left              {float:left; width:144px; background-color: #fad666;}*/
#right             {background-color: #fff;}
#content           {padding:22px; background-color: #fff; line-height: 18px;}

#footer            {clear:left; color:#5f5f5f; height:40px; padding:8px; font-size:0.85em; background-color:#fad666; text-align: center;}
#footer A          {color:#5f5f5f; text-decoration:underline;}
#footer A:visited  {color:#5f5f5f; text-decoration:underline}
#footer A:hover    {color:#d50a00; text-decoration:underline}

/* CONTENT
*/

#start             {float:left; width: 480px; margin-right:30px}
.startone          {float:left; margin:0 40px 7px 0; border: 7px solid #efefef;}
#ponuka            {float:left; width: 200px; margin-top:10px}
#tvorime-teplo-domova {margin:15px 0 30px 140px}



/* INTERIERY
*/

#interiery-start DIV {float:left; margin:0 45px 45px 0; text-align: center; }
#interiery-start IMG {margin:0 0 5px 0; }
#interiery-start DIV#interiery-start-podlaha {margin:0 30px 0 13px}
#interiery-start DIV#interiery-start-kamen {margin-left:180px; _margin-left:90px; }
#interiery DIV       {float:left; margin:15px 30px 30px 0; text-align: center; }

#produkty DIV        {float: left;  margin:0 23px 22px 0; text-align: center; font-size: 0.85em;}
#produkty IMG, #interiery IMG        {display: block; margin-bottom:5px; text-align: center;}
#produkty H2      {background-color:#b9915e; color:#fff; padding:5px; margin:30px 0 0 0px;}
#produkty-garant DIV  {float: left; margin:0 18px 17px 0; text-align: center; height:295px}
.h2design      {background-color:#b9915e; color:#fff; padding:5px; margin:30px 0 15px 0px;}


#cena                {padding:8px; margin-top:15px; border:1px solid #CD5904}
#cena H2             {padding-top:0}

#balterio H2      {position:relative; background-color:#b9915e; color:#fff; padding:3px; margin:30px 0 0 0px; }
#balterio DIV     {font-size:0.9em; color:#6e6e6e; float:left; margin:0 12px 12px 0; text-align: center;}

#kahrs  DIV       {font-size:0.9em; color:#6e6e6e; width:85px; float:left; margin:0 5px 0px 0; text-align: center; line-height: 15px;}
#kahrs  IMG       {text-align: center; display: inline}
.prod-listitem    {height:70px; }
#kahrs-vnutro-big {margin:5px 0}
#kahrs-relative   {position:relative;}
#kahrs-img-vnutro {position:absolute; background-color: #fff; padding:5px; top:50px; margin-left:-125px; width:100px; height:140px;}
#kahrs  H2        {background-color:#b9915e; color:#fff; padding:3px; margin:30px 0 0 0px;}
#kahrs-list DIV   {float:left; width:85px;  margin:0 10px 10px 0; font-size:0.9em;  line-height: 15px;}
#kahrs-list       {width:500px; border:6px solid #eaedf2; padding:10px; margin-left:7px}

#parador  H2      {background-color:#b9915e; color:#fff; padding:3px; margin:30px 0 0 0px;}
#parador  DIV     {font-size:0.9em; color:#6e6e6e; width:65px; height:135px; float:left; margin:0 5px 0px 0; text-align: center; line-height: 15px;}
#parador  IMG     {text-align: center; display: inline}

#mtkovania        {background:url('../images/kovania/mt/cenik/cenik-2006.jpg') right top no-repeat}
#mtkovania DIV    {float:left; width:85px;  margin:0 10px 10px 0;}


#technistone DIV  {float: left; width:50px; height:100px; margin:0 22px 5px 0; text-align: center; line-height: 15px;}
#technistone IMG {display: block;}



#garant-nav-right {position:relative;}
#garant-nav-right IMG {display: inline;}
#garant-overflow  {overflow: auto;  height: 222px; width: 680px;  padding:0 20px 0 0px}
#garant-overflow IMG {margin-left:10px}

#produkty-garant-gallery DIV{float: left; width:120px; height:120px; margin:0 18px 17px 0; text-align: center; line-height: 15px;}

.table-dvere-tech TD        {padding:5px; border:1px solid #d6d9d0;}
TABLE.table-dvere-tech     {border:1px solid #d6d9d0; width: 295px;}
.fleft-technicke           {float:left; margin-right:25px}

.dodavamegarant {background-color: #f3f3f3; padding:10px; text-align: left!important; height: 199px}
.marimekkol {float:left; width: 310px;}
.marimekkor {float:left; width: 250px; font-size: 1.1em; border:1px solid #ddd; line-height: 2.55em; font-weight: bold;}
.marimekkor UL {padding:10px 0 10px 40px}



/* OBLINKA
*/
.obal-kul-roh {position:relative; margin:10px 0 10px 0; padding:.5em;  color:#000; border:15px solid #EDF6EC; text-align:left; background-color: #EDF6EC;}
.horlev       {position:absolute; top:-15px; left:-15px; background:url('../images/kul_roh1.gif') left top no-repeat #fff;}
.horprav      {position:absolute; top:-15px; right:-15px; background:url('../images/kul_roh1.gif') right top no-repeat #fff;}
.dollev       {position:absolute; bottom:-15px; left:-15px; background:url('../images/kul_roh1.gif') left bottom no-repeat #fff;}
.dolprav      {position:absolute; bottom:-15px; right:-15px; background:url('../images/kul_roh1.gif') right bottom no-repeat #fff;}
.horlev, .horprav, .dollev, .dolprav {width:15px; height:15px; font-size:0px;}

/* FORMULARE
*/
.formulare label {FLOAT: left; WIDTH: 150px;}
.formulare div   {margin:5px 0px 5px 0px;}


/* TABS */

UL.tabNavigation { list-style: none;  margin: 0 0 0 -15px;  padding: 16px 0 16px 16px;	background-color: #f1f0ec;}

UL.tabNavigation LI {
display: inline;
}

UL.tabNavigation LI A {
padding:11px;
background-color: #fff;
color: #000;
text-decoration: none;
}


UL.tabNavigation LI A:hover {
background-color: #fad666;
color: #000;
padding:11px;

}

UL.tabNavigation LI A.selected{
background-color: #fad666;
color: #000;
padding:11px;
 font-weight: bold;
}

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

#second, #third, #five, #six {display: none;}


/* SLIDER */
#slide {padding:0; margin:0; list-style:none; width:190px; height:315px; border:1px solid #ff9494; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; background: url(../images/startbg.jpg) no-repeat  }

#slide li.sub,
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:190px; color:#000; background:#eee; text-decoration:none;border-bottom:1px solid #fff; text-indent:20px; overflow:hidden; cursor:pointer;}

#slide li.sub {background:#ffdbdb url(../images/out.gif) no-repeat 5px 8px;}

#slide li.top a {text-decoration:none; color:#000; display:block; background:url(../images/out.gif) no-repeat 5px 8px;}
#slide li.top a:hover {color:#069; background:#ffb6b6 url(../images/out-over.gif) no-repeat 5px 8px;}

#slide li.clicked {color:#800; background:#ffdbdb url(../images/down.gif) no-repeat 5px 8px;}


#slide li.sub div {background:#fff; height:165px; width:160px; padding:0 15px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}
#slide span {padding:10px; margin:0; display:block; color:#000}

#slide li div ul {padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; height:20px; width:100%;}
#slide li div ul li a {padding:0; margin:0;text-decoration:underline; background:#fff url(../images/out.gif) no-repeat 5px 6px; font-size:10px; display:block;  height:19px; line-height:19px; width:100%; text-indent:20px;}
#slide li div ul li a:hover {color:#069; background:#fff url(../images/out-over.gif) no-repeat 5px 6px;}