/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; }

body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 10px;
}

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both;}
.hide { display: none; }
.red { color: #CC0000; }
.green { color: #009900; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small-text { font-size: 11px; }
img.right { float: right; margin-left: 5px; margin-top: 3px; margin-bottom: 5px; }
img.left { float: left; margin-right: 5px; margin-top: 3px; margin-bottom: 5px; }

.normal { font-weight: normal; color: #333333; }
.normal-color { color: #333333 !important; }

img { border: none; }
a img { border: none; }
a { color: #4e4e4e; text-decoration: underline; font-weight: normal;}
.img-desc { text-align: center; font-style: italic; font-size: 11px; }

hr { display: none; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; margin-top: 24px; }

#page-wrapper { text-align: left; margin: 0 auto; width: 780px; }

.layout-two-columns {}
.layout-two-columns-content { padding-top: 8px;}
.layout-two-columns-content .column1 { width: 438px; border-right: 1px solid #abab87;float: left;}
.layout-two-columns-content .column1-content { padding: 16px 14px; }
.layout-two-columns-content .column2 { width: 341px;  float: left; }
.layout-two-columns-content .column2-content { padding: 16px 14px; }

.layout-three-columns {}
.layout-three-columns-content { padding-top: 13px; }
.layout-three-columns-content .column1 { width: 259px; float: left; }
.layout-three-columns-content .column1-content { border-top: 1px solid #f1f1f1; height: 130px}
.layout-three-columns-content .column2 { width: 259px; float: left; border-left: 1px solid #abab87; }
.layout-three-columns-content .column2-content { border-top: 1px solid #f1f1f1; height: 130px}
.layout-three-columns-content .column3 { width: 259px; float: left; border-left: 1px solid #abab87; }
.layout-three-columns-content .column3-content { border-top: 1px solid #f1f1f1; height: 130px}
/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 150px; position: relative; background: #880000 url(../img/img-header.jpg) no-repeat left top; }
#header-content {}

#logo { height: 36px; overflow: hidden; margin-bottom: 24px;}

#title-roboticke-systemy-pro-vase-aplikace,
#title-roboticke-systemy-pro-vase-aplikace h1,
#title-roboticke-systemy-pro-vase-aplikace h1 span { display: block; width: 246px; height: 71px; overflow: hidden; }
#title-roboticke-systemy-pro-vase-aplikace { position: absolute; top: 40px; left: 469px; }
#title-roboticke-systemy-pro-vase-aplikace h1 { position: relative; }
#title-roboticke-systemy-pro-vase-aplikace span { position: absolute; top: 0px; left: 0px; background: url(../img/title-roboticke-systemy-pro-vase-aplikace.gif) no-repeat left top; }

/*******************************************************************/
/*                                                    PAGE CONTENT */
/*******************************************************************/
.layout-two-columns-content .column1-content p { margin-bottom: 0.5em; }
#title-o-firme-robsys,
#title-o-firme-robsys span { display: block; width: 138px; height: 21px; overflow: hidden; }
#title-o-firme-robsys { position: relative; margin-bottom: 8px;}
#title-o-firme-robsys span { position: absolute; top: 0px; left: 0px; background: url(../img/title-o-firme-robsys.gif) no-repeat left top; }

#title-novinky,
#title-novinky span { display: block; width: 74px; height: 21px; overflow: hidden; }
#title-novinky { position: relative; margin-bottom: 8px; }
#title-novinky span { position: absolute; top: 0px; left: 0px; background: url(../img/title-novinky.gif) no-repeat left top; }

#title-produktove-skupiny,
#title-produktove-skupiny span { display: block; width: 171px; height: 34px; overflow: hidden; }
#title-produktove-skupiny { position: relative; }
#title-produktove-skupiny span { position: absolute; top: 0px; left: 0px; background: url(../img/title-produktove-skupiny.gif) no-repeat left top; }

#title-mobilni-roboti,
#title-mobilni-roboti span { display: block; width: 105px; height: 17px; overflow: hidden; }
#title-mobilni-roboti { position: relative; margin-left: 15px; margin-bottom: 3px; }
#title-mobilni-roboti span { position: absolute; top: 0px; left: 0px; background: url(../img/title-mobilni-roboti.gif) no-repeat left top; }

#title-stacionarni-systemy,
#title-stacionarni-systemy span { display: block; width: 148px; height: 17px; overflow: hidden; }
#title-stacionarni-systemy { position: relative; margin-left: 15px; margin-bottom: 3px; }
#title-stacionarni-systemy span { position: absolute; top: 0px; left: 0px; background: url(../img/title-stacionarni-systemy.gif) no-repeat left top; }

#title-komponenty-a-moduly,
#title-komponenty-a-moduly span { display: block; width: 171px; height: 17px; overflow: hidden; }
#title-komponenty-a-moduly { position: relative; margin-left: 15px; margin-bottom: 3px; }
#title-komponenty-a-moduly span { position: absolute; top: 0px; left: 0px; background: url(../img/title-komponenty-a-moduly.gif) no-repeat left top; }


#produktove-skupiny { padding-top: 5px; }
#produktove-skupiny-content { background: url(../img/bg-produktove-skupiny.gif) repeat-x left top; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { clear: both; padding-top: 12px;}
#footer-content { border-top: 2px solid #4e4e4e; font-size: 11px;	color: #4e4e4e;	position: relative; }

#copyright { float: left; width: 200px; padding-top: 9px; }
#links { text-align: right; padding-top: 9px; padding-right: 12px;}
#links a { color: #FFFFFF; font-weight: normal; }

#giant { vertical-align: middle; }

#block1, #block2, #block3 { position: absolute; top: 12px; left: 12px; }
#block2 { left: 112px; }
#block3 { left: 272px; }