/* CSS Document */

*{ margin: 0px; padding: 0px; border: 0px; font-family: Verdana, Tahoma, sans-serif;}
#main{ background-color: #c5909d; background-image: url(../images/main_bg.gif); background-position: left top; background-repeat: repeat-x; text-align: center;}

/* TOP PANEL */
#top_holder{ margin: 0px auto 0px auto; width:780px; height: 139px; background-color: #b1697b; background-image: url(../images/top_holder_bg.gif); background-position: left top; background-repeat: repeat-y; }
#top_panel_geotube{ margin: 0px auto 0px auto; width:770px; height: 139px; background-color: #7b1c34; background-image: url(../images/geotube_foto.jpg); background-position: right top; background-repeat: no-repeat; text-align: left; }
#top_panel_geosynthetics{ margin: 0px auto 0px auto; width:770px; height: 139px; background-color: #7b1c34; background-image: url(../images/geosynthetics_foto.jpg); background-position: right top; background-repeat: no-repeat; text-align: left; }
#top_panel_geogrids{ margin: 0px auto 0px auto; width:770px; height: 139px; background-color: #7b1c34; background-image: url(../images/geogrids_foto.jpg); background-position: right top; background-repeat: no-repeat; text-align: left; }
#top_panel_geotextiles{ margin: 0px auto 0px auto; width:770px; height: 139px; background-color: #7b1c34; background-image: url(../images/geotextiles_foto.jpg); background-position: right top; background-repeat: no-repeat; text-align: left; }
#top_panel_geocomposites{ margin: 0px auto 0px auto; width:770px; height: 139px; background-color: #7b1c34; background-image: url(../images/geocomposites_foto.jpg); background-position: right top; background-repeat: no-repeat; text-align: left; }
#top_panel_reinforcement{ margin: 0px auto 0px auto; width:770px; height: 139px; background-color: #7b1c34; background-image: url(../images/reinforcement_foto.jpg); background-position: right top; background-repeat: no-repeat; text-align: left; }
#top_panel_separation_filtration{ margin: 0px auto 0px auto; width:770px; height: 139px; background-color: #7b1c34; background-image: url(../images/separation_filtration_foto.jpg); background-position: right top; background-repeat: no-repeat; text-align: left; }
#top_logo{ float: left; margin: 12px 0px 0px 16px; }
#top_url{ float: right; margin: 0px 33px 0px 0px; }


/* CONTENT PANEL */
#content_holder{ margin: 0px auto 0px auto; width:780px; background-color: #c5909d; background-image: url(../images/content_holder_bg.gif); background-position: left top; background-repeat: repeat-y; }
#content_panel{ margin: 0px auto 0px auto; width:770px; background-color: #f5f5f5; text-align: left; font-size:8pt;}

/* menu */
#menu{ height:29px; background-color: #f5f5f5; font-size:8pt;}
#menu ul{ list-style-type: none; margin: 8px 0px 0px 6px; float: left; display: inline;}
#menu li{ float: left; border-right: 1px Solid #7b1c34;}
#menu li.last{ float: left; border-right: 0px;}
#menu img.menu{ margin: 0px 7px 0px 7px; }


/* maly popisny uvod */
#description_top{ width: 770px; height: 8px; background-color: #f5f5f5; background-image: url(../images/descript_top_bg.gif); background-position: left top; background-repeat: no-repeat; clear: both; overflow: hidden;}
#description{ margin: 0px 10px 0px 0px; border-bottom: 2px Solid #7b1c34; background-color: #e9e9e9; background-image: url(../images/descript_bg.gif); background-position: left top; background-repeat: repeat-y; }
#description p{ padding: 10px 64px 30px 74px;}
#description p.normal{ padding: 10px 64px 5px 74px;}
#description strong{ color: #7b1c34;}
#description h1{ padding: 10px 64px 0px 74px; color: #7b1c34; font-size: 16pt;}
#description div.flags{ padding: 0px 10px 10px 0px; text-align: right;}
#description img.flag{ border:1px Solid #d3d3d3; }

.description_part_top{ width: 760px; height: 8px; background-color: #f5f5f5; background-image: url(../images/descript_top_bg.gif); background-position: left top; background-repeat: no-repeat; clear: both; overflow: hidden;}
.description_part{ margin: 0px 0px 0px 0px; border-bottom: 2px Solid #7b1c34; background-color: #e9e9e9; background-image: url(../images/descript_bg.gif); background-position: left top; background-repeat: repeat-y; clear: both; overflow: hidden;}
.description_part_h1{ padding: 10px 64px 0px 74px; color: #7b1c34; font-size: 16pt;}
.description_part_p{ padding: 10px 64px 20px 74px;}
.description_part_strong{ color: #7b1c34;}


/* obsahovy text */
#content{ margin: 0px 10px 0px 0px; padding: 20px 0px 20px 74px; border-bottom: 2px Solid #7b1c34; background-color: #f5f5f5; background-image: url(../images/content_bg.gif); background-position: left top; background-repeat: no-repeat; overflow: visible;}
#content h2{ color: #7b1c34; font-size: 8pt;}
#content ul{ margin: 10px 50px 20px 15px; list-style: square outside; color: #7b1c34;}
#content li{ margin: 0px; color: #000;}
#content p{ margin: 10px 50px 20px 0px;}
#content p.first{ margin: 10px 0px 20px 0px; width: 300px; }
#content img{ margin: 10px 0px 10px 10px; float: right; overflow: visible;}
#content div.clear{ clear: both; }
#content table{ width: 687px; margin: 30px 0px 30px 0px; padding: 0px; font-size: 8pt; color: #717171; clear: both; overflow: visible;}
#content tr{ margin: 0px; padding: 5px;}
#content td{ margin: 0px; padding: 3px;}
#content td.header{ padding: 1px 3px 1px 3px; font-weight: bold; background-color: #eaeaea;}
#content td.title{ font-weight: bold;}
#content a{ color: #000; }
#content a:link{ color: #000; }
#content a:visited{ color: #757575; }
#content a:hover{ color: #a6727f; }
#content a:active{ color: #000; }


/* obsahovy text */
#contact{ float:left; margin: 0px 10px 40px 0px; padding: 20px 0px 20px 74px; border-bottom: 2px Solid #7b1c34; background-color: #f5f5f5; background-image: url(../images/content_bg.gif); background-position: left top; background-repeat: no-repeat; overflow: visible;}
#contact h2{ color: #7b1c34; font-size: 8pt; margin:0px 0px 20px 0px; }
#materials { float:left; width:340px; overflow: visible; }
#materials div{ height:40px; }
#materials img{ margin: 0px 5px 0px 0px; border: 1px Solid #b9b9b9; }
#materials h1{ color: #7b1c34; font-size: 10pt;}
#materials a{ color: #7b1c34; text-decoration:undereline; }
#contact_person { float:left; width:337px; overflow: visible; }
#contact_person a{ font-weight:bold; color: #000; }
#contact_person h2.further{ display: inline; color: #7b1c34; }

#content_parts{ margin: 0px 10px 0px 0px; padding: 20px 0px 20px 0px; border-bottom: 2px Solid #7b1c34; background-color: #f5f5f5; background-image: url(../images/content_bg.gif); background-position: left top; background-repeat: no-repeat; overflow: visible;}
#content_parts h2{ color: #7b1c34; font-size: 8pt;}
#content_parts ul{ margin: 10px 50px 20px 15px; list-style: square outside; color: #7b1c34;}
#content_parts li{ margin: 0px; color: #000;}
#content_parts p{ margin: 10px 50px 20px 0px;}
#content_parts img{ margin: 10px 0px 10px 10px; float: right; overflow: visible;}
#content_parts img.photos_part_img{ margin: 0px 6px 6px 0px; width: 171px; height: 141px; float: left; overflow: visible;}
#content_parts div.clear{ clear: both; }
.content_part{ margin: 0px 0px 30px 0px; padding: 20px 0px 20px 74px; background-color: #f5f5f5; background-image: url(../images/content_bg.gif); background-position: left top; background-repeat: no-repeat; overflow: visible;}
#content_parts a{ color: #000; }
#content_parts a:link{ color: #000; }
#content_parts a:visited{ color: #757575; }
#content_parts a:hover{ color: #a6727f; }
#content_parts a:active{ color: #000; }

/* fotky */
#photos{ margin: 0px 10px 0px 0px; padding: 40px 0px 40px 35px; border-bottom: 2px Solid #7b1c34; background-color: #f5f5f5; }
#photos img{ margin: 0px 3px 6px 0px;}
.photos_part{ margin: 0px 0px 40px 0px; padding: 0px 0px 20px 35px; background-color: #f5f5f5; text-align: right;}


/* paticka */
#footer{ margin: 0px 10px 0px 0px; padding: 20px 0px 20px 35px; background-color: #f5f5f5; text-align: center;}
#footer a{ color: #000; font-size: 6pt;}
#footer a:link{ color: #000; }
#footer a:visited{ color: #757575; }
#footer a:hover{ color: #a6727f; }
#footer a:active{ color: #000; }
#footer a.mail{ color: #000; font-size: 8pt;}

