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

/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {color:#000; background:  #f6d200 url(../images/bg.gif) repeat-x; font: normal 80% "Trebuchet MS", "Geneva CE", lucida, sans-serif;  margin: 0; padding:0; 	text-align:center;}


H1     {font-size:1.9em; margin:0; padding:0px 0 5px 0; color:#05154f; line-height: 25px;}
H2     {font-size:1.3em; margin:0px 0px 7px 0px; padding-top:15px; color:#05154f}
H3     {font-size:1.1em;  padding:5px; margin:20px 0 10px 0; color:#fff; background-color: #05154f;}

H2 A:visited {color:#000; text-decoration:underline;}
H2 A:hover   {color:#354258; text-decoration:underline}

A         {color:#000; text-decoration:underline;}
A:visited {color:#000; text-decoration:underline}
A:hover   {color:#354258; 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:#d9edb5; width:100%; background-color:#d9edb5; border:0px solid #d9edb5;}
acronym{border-bottom: 1px dotted gray; cursor: help;}

TABLE  {BORDER-COLLAPSE: collapse; border-spacing:0px; line-height:15px; font-size: 100%; }
TD     {vertical-align:top;}
TH     {text-align:left; vertical-align:top; background-color:#b3cc80; color:#fff font-weight:bold; padding:3px;}

/* Standards */
.red             {color:#cd6a00; font-weight:bold }
.fontsmall       {font-size:0.9em; font-weight:normal; color:#efbb98;}
.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; margin:10px}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
TABLE.table      {width: 569px;}
.table TD        {padding:5px; border:1px solid #b3cc80; background-color: #fff; color:#000}
.table a         {color:#354258;}
.table A:visited {color:#354258;}
.table A:hover   {color:#000}


/* Site	*/
#site             {width:768px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:90px; background-color: #fff;}
#logo             {float:left; width:180px; padding:20px 0 0 30px}
#headerright      {float:right; width:332px; padding:25px 15px 0 0}

#headline         {clear:both; margin:0px 0 0 0px; width:323px; height:29px; background:url("../images/headline.gif") top left no-repeat;}
#headline span    {display:none; position:absolute; top:0px; left:0px; z-index:1; }



#main             {float:left; line-height: 18px;}
#left             {float:left; width:159px; }
#right            {float:left; width:609px; background:  url(../images/right.jpg) no-repeat }
#content          {margin-top:110px; padding:20px 20px 20px 20px; background-color: #fff;}
#index            {line-height: 0; clear:left}

#footer          {clear:both; height:40px; padding:20px 0px 0 0px; color:#414141; font-size:.85em; padding-top:5px; border-top:1px solid #f6d200; text-align: right;}
#footer A        {color:#414141;}
#footer A:hover  {color:#354258;}


#modernbricksmenu{padding: 0; font-size:.85em;}
#modernbricksmenu ul{margin:0; margin-left: 30px; padding: 0; list-style: none;}
#modernbricksmenu li{ display: inline; margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}
#modernbricksmenu a{float: left; display: block; color: white; margin: 0 1px 0 0; padding: 5px 10px; text-decoration: none; letter-spacing: 1px; background-color: #051650; border-bottom: 1px solid white;}
#modernbricksmenu a:hover{ background-color: #f6d200; /*Menu hover bgcolor*/ color:#0f3371}
#modernbricksmenu .active a{ background-color: #05154f; border-color: #05154f; color:#f6d200}
#modernbricksmenuline{clear: both; padding: 0; height: 5px; line-height: 1px;  font-size:1px; background-color: #05154f; /*Brown color theme*/}

#boxindex      {float:left;  background: #fff url(../images/indexbg.gif) repeat-y;  }
#boxkontakt    {float:left; width: 159px; background-color: #f6d200; text-align: right;}
#boxkontakt P  {padding:15px; font-size: .85em;}
#boxaktuality  {float:left; width: 294px; background-color: #fff; margin:0 10px 0 6px}
#boxaktuality P  {padding:8px;}
#boxasortiment {float:left; width: 299px; background-color: #fff}
#boxasortiment ul{margin:0; margin: 10px 0 0 20px; padding: 0; list-style: none;}
#boxasortiment li {background: url(../images/odr.gif) no-repeat 0px 5px; padding:1px 1px 1px 15px; margin:0}
#boxaktuality h2, #boxasortiment h2 {font-size:.9em; background-color: #05154f; padding:3px 3px 3px 6px; margin:5px 0 5px 0; color:#fff}
#boxaktuality .alert H2 {background-color: #c40000; color:#fff; font-size:1.2em;}

.kontakt {float: left; width: 200px;}
.prilohy {float:left; background:#EDF6EC; padding:5px; font-size: 1.2em; margin-top:15px}
.prilohy IMG {float:left; vertical-align: middle; margin-right:10px}

.gallery DIV {float:left; margin:0 5px 5px 0}
.gallery IMG {border:1px solid #414141;}

#sortiment-left {float:left; width: 250px; margin-right:30px}
#sortiment-right {float:left; width: 249px;}
#sortiment-left DIV, #sortiment-right DIV {text-align: center; margin-bottom:20px; }
#sortiment-left SPAN, #sortiment-right SPAN        {display: block; background-color: #05154f; color:#fff; padding:2px 2px 5px 2px; text-align: center;}
#sortiment-left A:hover, #sortiment-right A:hover {color:#f6d200;  font-weight: bold;}
#sortiment-left A, #sortiment-right A {color:#fff;  font-weight: bold;}

.video {text-align: center; display: block;}
#drobec {font-size: .95em; margin-bottom:20px}
#prepojovacie_objekty {text-align: center;}
/* FORMULARE
*/
legend     {display: none;}
label {float:left; width:125px}
FORM DIV {padding-bottom:5px}

FIELDSET { background: #e5f6ca url(../images/bglistky.jpg) no-repeat top right; border: none; 	PADDING: 20px 5px 20px 10px; 	margin-bottom:10px;}
FIELDSET label {	float:left;	WIDTH: 145px;	padding:2px 4px 2px 4px}
LEGEND {	FONT-WEIGHT: bold; 	MARGIN-BOTTOM: 10px; 	color: #c39;}

/* OBLINKA
*/

.obal-kul-roh h2 {padding:0; margin:0}
.obal-kul-roh {position:relative; margin:10px; padding:.5em;  color:#000; background:#EDF6EC; border:15px solid #EDF6EC; text-align:left; }
.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;}