@charset "utf-8";

/* CSS Document strechy-novak.cz */

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; outline: none; }

body { font-family: Arial, Helvetica, sans-serif; color: #525252; font-size: 12px; background: #FFFFFF url(/img/body-bg-repeat.png) 0 85px repeat-x; min-width: 990px; margin: 0; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0; overflow: hidden; }
.hide { position: absolute; top: auto; left: -666666px; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.small { font-size: 11px !important; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }

.toggler { cursor: pointer; }

img { border: none; }
a img { border: none; }
a { color: #375d87; text-decoration: underline; }
a:hover,
a:active,
a:focus { text-decoration: none; }

area { border: none; outline: none; display: block; }

img.right { float: right; margin-left: 12px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 12px; margin-bottom: 5px; margin-top: 3px; }
span.padded { letter-spacing: 2px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #333; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
.radio { vertical-align: middle; }
.input, .select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #ccc; }
.submit { padding: 0 5px !important; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
h1 { font-size: 30px; color: #375e87; text-transform: uppercase; margin-bottom: 15px; letter-spacing: -1px; }
h2 { font-size: 15px; color: #dc2223; }
h2.blue { color: #375e87; }
h2.bigger { font-size: 16px; }
h3 { font-size: 13px; color: #333; }
p { margin: 0.3em 0 0.7em; line-height: 1.4; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#bg { background: url(/img/body-bg.jpg) 50% 85px no-repeat; }
#page-wrapper { width: 980px; margin: auto; position: relative; }
#column-wrapper { float: right; width: 725px; padding-top: 85px; position: relative; z-index: 1; }
#content { float: left; width: 460px; min-height: 300px; padding: 10px 0 15px; }
#left { float: left; width: 235px; position: relative; }
#right { float: right; width: 220px; padding-top: 100px; padding-bottom: 15px; }

/* LAYOUT 2 = content + right merged */
.layout-2 #right { display: none; }
.layout-2 #content { width: 725px; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 123px; }
#logo { padding: 0 0 0 20px; margin: 0; }

/*******************************************************************/
/*                                                     BREADCRUMBS */
/*******************************************************************/
#breadcrumbs { position: absolute; bottom: 113px; left: 0; padding: 5px 5px 0; font-size: 11px; color: #999; word-spacing: 3px; margin: 0; width: 970px; border-top: 1px solid #eaeaea; }
#breadcrumbs a { color: #999; word-spacing: normal; }
#breadcrumbs strong { word-spacing: normal; }
#breadcrumbs span { word-spacing: normal; }

/*******************************************************************/
/*                                                 BRANDS + FOOTER */
/*******************************************************************/
/* brands */
#brands { background: url(/img/brands-bg.png) 0 0 no-repeat; padding: 10px 0 10px; text-align: center; line-height: 60px; margin-top: 25px; }
#brands img { vertical-align: middle; margin: 12px 8px; }

/* footer */
#footer { height: 29px; background: #eaeaea url(/img/footer-bg.png) 0 0 no-repeat; margin-bottom: 20px; }
#footer p { margin: 0; line-height: 29px; color: #5c5c5c; font-size: 11px; }
#footer a { color: #5c5c5c; }
#footer span { margin: 0 3px; }
#copy { float: left; padding-left: 10px; }
#giant { float: right; padding-right: 65px; position: relative; }
#giant img { position: absolute; top: 8px; right: 10px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 35px; right: 15px; width: 740px; text-align: right; }
#menu ul { list-style: none; height: 34px; }
#menu li { display: inline; font-size: 14px; padding-left: 24px; }
#menu .services li { font-size: 17px; padding-left: 14px; }
#menu .services a { background: url(/img/menu-arrow.png) 0 4px no-repeat; padding-left: 12px; }
#menu a { text-decoration: none; color: #000; }
#menu a:hover,
#menu a:active,
#menu a:focus { text-decoration: underline; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
/*************/
/* LEFT MENU */
/*************/
#left-menu { width: 220px; background: url(/img/menu-left-bg.png) 0 10px no-repeat; margin-bottom: 15px; }
#left-menu h2 { font-size: 12px; color: #234055; padding: 14px 5px 7px 14px; height: 15px; background: url(/img/menu-left-bg-top.png) 50% top no-repeat; position: relative; }
#left-menu h2 a { text-decoration: none; }
#left-menu ul { width: 235px; min-height: 80px; list-style: none; padding: 0 0 12px; background: url(/img/menu-left-bg-bottom.png) 0 bottom no-repeat; margin-top: -1px; }
#left-menu li { font-size: 13px; font-weight: bold; background: url(/img/menu-left-li-separator.png) 6px 0 no-repeat; }
#left-menu li a { display: block; width: 200px; padding: 7px 7px 6px 13px; color: #262626; text-decoration: none; position: relative; }
#left-menu li.active { background: url(/img/menu-left-li-arrow.png) right 50% no-repeat; }
#left-menu .active a { background: #37608A url(/img/menu-left-a-bg-repeat.png) 0 50% repeat-x; color: #fff; }
#left-menu li a.external { background: url(/img/menu-external-link.png) 195px 55% no-repeat; }


/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
.block { background: #eff1f3 url(/img/right-block-bg-bottom.png) center bottom no-repeat; padding-bottom: 15px; }
.block .content { background: url(/img/right-block-bg-top.png) center top no-repeat; padding: 5px 8px; }
#right p { margin: 0.5em 0; }

/* Isotec */
.isotec { background: none; }

/* Vanoce */
div.block-xmas { margin: -10px 0 20px 0; }

/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
.red-button { font-size: 13px; color: #fff; height: 29px; line-height: 29px; margin: 1.5em 0 2em; padding-left: 30px; background: url(/img/red-button-bg-left.png) left top no-repeat; }
.red-button a { float: left; background: #bb2020 url(/img/red-button-bg-right.png) right top no-repeat; color: #fff; text-decoration: none; line-height: 29px; padding: 0 10px 0 0; }
.red-button-smaller { font-size: 13px; color: #fff; height: 25px; line-height: 29px; margin: 1.5em 0 2em; padding-left: 30px; background: url(/img/red-button-bg-left-sm.png) left top no-repeat; }
.red-button-smaller a { float: left; background: url(/img/red-button-bg-right-sm.png) right top no-repeat; color: #fff; text-decoration: none; line-height: 25px; padding: 0 10px 0 0; }

a.blue-arrow { margin: 0 0 0 10px; padding: 0 0 0 10px; background: url(/img/arrow-blue.png) 0 60% no-repeat; }
#content .columns { overflow: auto; height: 100%; }
#content .columns .col-1 { float: left; width: 48%; }
#content .columns .col-2 { float: right; width: 49%; }

#content h2 { margin: 15px 0 10px; }
#content h2 a { color: #dc2223; }
#content .gallery h3 { margin-top: 15px; }
#content .gallery h3 strong { font-size: 12px; color: #D42222; font-weight: normal; }
#content p { font-size: 13px; }
#content p.intro { font-size: 14px; }
#content .reference-archiv-button { display: block; width: 175px; line-height: 30px; color: #EA2223; border: 1px solid #EA2223; margin-top: 15px; margin-right: 7px; float: right; background: url(/img/archiv-odrazka.png) 12px 13px no-repeat; padding-left: 25px; font-weight: bold; text-decoration: none; }
#content .reference-archiv-button:hover { text-decoration: underline; }



#content ul,
#content ol { margin: 1em 25px; }
#content ul ul { margin: 5px 15px 0; }
#content ul li,
#content ol li { padding: 0 0 5px 0; line-height: 1.4; }

#content ul.overview { list-style: none; margin: 0; }
#content ul.overview li {  padding: 0; overflow: auto; height: 100%; }
#content ul.overview h2 { margin-top: 5px; }

#content ul.odrazky { list-style-type: none; margin-left: 15px; }
#content ul.odrazky li { padding-left: 14px; background: url(/img/odrazka.gif) 0 5px no-repeat; }
.padding-left-20 { padding-left: 20px; }

/* RED BOX (s poradim) */
#content .red-box h2 { margin-top: 0; }
.red-box { background: url(/img/red-box-sides.png) 0 0 repeat-y; margin-bottom: 15px; zoom: 1; }
.red-box .content { background: url(/img/red-box-bottom.png) left bottom no-repeat; padding: 15px; zoom: 1; min-height: 190px; }
.red-box .inner { background: url(/img/red-box-top.png) 0 0 no-repeat; }
.cislo1 .inner { background: url(/img/red-box-top-01.png) 0 0 no-repeat; }
.cislo2 .inner { background: url(/img/red-box-top-02.png) 0 0 no-repeat; }
.cislo3 .inner { background: url(/img/red-box-top-03.png) 0 0 no-repeat; }
.cislo4 .inner { background: url(/img/red-box-top-04.png) 0 0 no-repeat; }
.cislo5 .inner { background: url(/img/red-box-top-05.png) 0 0 no-repeat; }
.cislo6 .inner { background: url(/img/red-box-top-06.png) 0 0 no-repeat; }
.cislo7 .inner { background: url(/img/red-box-top-07.png) 0 0 no-repeat; }
.cislo8 .inner { background: url(/img/red-box-top-08.png) 0 0 no-repeat; }
.cislo9 .inner { background: url(/img/red-box-top-09.png) 0 0 no-repeat; }

.right-image-box { float: right; text-align: right; padding-left: 10px; }
.right-image-box img { margin-bottom: 0px; }
.right-image-box a { color: #666666; }

#content .lessmargin img { margin: 0; }

/* RED BOX (s poradim) - end */

/* STRECHY NA KLIC */
#content .ol-red-dot { list-style: none; width: 488px; margin-left: -14px; margin-right: -14px; padding: 0; position: relative; }
#content .ol-red-dot li { background: url(/img/pink-box-bg-bottom.png) center bottom no-repeat; overflow: auto; overflow-x: hidden; height: 100%; padding: 0 10px 10px; margin-bottom: 10px; }
#content .ol-red-dot h2 { clear: right; background: url(/img/pink-box-bg-top.png) center top no-repeat; margin: 0 -10px 10px; padding: 10px 12px 0; }
.ol-red-dot h2 span { color: #fff; background: /*#dc2223*/ url(/img/symbol-house.png) 0 0 no-repeat; display: inline-block; width: 27px; height: 20px; padding: 6px 0 0 3px; text-align: center; margin-right: 4px; }
.ol-red-dot img.right { margin: -35px 5px 25px 20px; }
.ol-red-dot p { margin-left: 40px; }
.ol-red-dot {}

/* SITE MAP */
#sitemap ul { margin-bottom: 0; }
#sitemap ul ul ul { margin-top: 0.5em; font-size: 11px; }
#sitemap .col-1,
#sitemap .col-2 { float: left; width: 310px; }

/* POPTAVKA */
#error strong { color: #b00; }
#form-order {}
#form-order .error-field td { padding-bottom: 15px; }
#form-order .error-field td.error { padding-bottom: 0; }
#form-order td { padding: 5px; }
#form-order fieldset { border: 1px solid #eee; padding: 0 5px 10px; }
#form-order legend { font-weight: bold; padding: 5px; }
#form-order label { line-height: 25px; }
#form-order input { padding: 5px; }
#form-order .input,
#form-order .select { width: 200px; }
#form-order .textarea { width: 96%; height: 100px; padding: 3px; }
#type-rekonstrukce { margin-left: 15px; }
#form-order #anti { width: 120px; }
.error-mark { display: block; line-height: 15px; font-size: 11px; color: #b00; }
td.error .input { border-color: #b00; }
#form-order-psc { width: 50px !important; }

/* FOTOGALERIE */
.gallery { margin: 0 -1px 15px; }
.gallery img { border: 1px solid #ccc; margin: 10px 5px 0; }
.gallery.no-border img { border: none; }

.gallery-akce { margin-bottom: 15px; text-align: center; background: #eff1f3; padding: 15px; }
.gallery-akce img { border: 1px solid #ccc; margin: 0px 15px 0; }

/* DREVOSTAVBY E-SHOP */
.product-list { margin: 10px 0; width: 715px; }
.product-list th,
.product-list td { padding: 6px 2px; border-bottom: 1px solid #ddd; }
.product-list th { background-color: #f5f5f5; color: #375e87; border-top: 1px solid #ddd; border-bottom: 2px solid #ddd; }
.product-list .odd td { background-color: #f9f9f9; }
.product-list .img a { display: block; width: 80px; height: 50px; line-height: 50px; border: 1px solid #ddd; text-align: center; background-color: #fff; }
.product-list img { padding: 3px; vertical-align: middle; }
.product-list .name { text-align: center; text-transform: uppercase; }
.product-list .button { border: none; }
.product-list .total td { font-size: 13px; }
#order-form-step-1 { padding: 0 10px; text-align: right; }

/* DOKUMENTY KE STAZENI */
.docs-dl { width: 460px; margin: 0 0 10px; border-collapse: collapse; }
.docs-dl .even td { background-color: #f5f5f5; }
.docs-dl td { padding: 6px 3px; border-collapse: collapse; }
.docs-dl .ico { width: 20px; }
.docs-dl .ico img { vertical-align: middle; }
.docs-dl .size { text-align: right; width: 80px; }
.docs-dl .dl { text-align: right; width: 90px; padding-right: 10px; }
.docs-dl a.download { background: url(/img/ico-download.gif) 0 50% no-repeat; padding: 0 0 0 20px; }

/* PRODUKTY */
.roofing-types { list-style: none; width: 480px; margin: 15px -5px !important; overflow: auto; height: 100%; }
.roofing-types li { float: left; width: 210px; height: 80px; margin: 0 5px 10px; padding: 5px 5px 5px 5px !important; border: 1px solid #eee; overflow: hidden; }
.roofing-types li img { float: left; }
.roofing-types li h3,
.roofing-types li p { margin-left: 80px; }
#content .roofing-types .tech-info { font-size: 12px; }
.roofing-types .tech-info a { padding: 0 0 2px 22px; background: url(/img/ico-pdf.png) 0 0 no-repeat; }


/**********/
/* TABLES */
/**********/
table p { line-height: 1.2; }
.table { border: 1px solid #ccc; border-collapse: collapse; margin: 10px 0 15px; }
.table th,
.table td { border: 1px solid #ccc; border-collapse: collapse; padding: 2px 4px; }


/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
body#hp { background: #fff url(/img/body-bg-repeat-hp.png) 0 75px repeat-x; }
#hp #bg { background: url(/img/body-bg-hp.jpg) 50% 75px no-repeat; }
#hp #flash { width: 475px; height: 200px; margin-left: -28px; }
#hp #flash object { position: relative; top: -32px; }
#hp #flash img { margin: 12px 0 0 18px; }
#hp #content { float: none; width: 550px; min-height: 0; margin: 0 10px 0; }
#hp #brands { background: none; margin-top: 0px; }
#button-poptavka { width: 189px; height: 72px; position: absolute; top: 410px; right: 100px; margin: 0; }

#hp h1 { line-height: 1.1; margin-bottom: 0; letter-spacing: -1px; }
#hp h1 span { font-size: 22px; text-transform: none; letter-spacing: 0; }

/* boxes */
#boxes div { float: left; position: relative; width: 320px; background: #f6f6f6 url(/img/hp-box-bg-bottom.png) 0 bottom no-repeat; height: 210px; margin-right: 10px; }
#boxes a { color: #5c5c5c; }
#boxes h2 { font-size: 16px; color: #fff; line-height: 32px; padding: 5px 5px 0 15px; margin-bottom: 10px; background: #bb2020 url(/img/hp-box-bg-top.png) 0 0 no-repeat; }
#boxes h2 a { color: #fff; text-decoration: none; }
#boxes p { margin: 0.5em 0; }
#boxes .more { position: absolute; top: 6px; right: 5px; }
#boxes .more a { color: #ecd2d2; font-size: 11px; background: url(/img/arrow-orange.png) 0 60% no-repeat; padding-left: 9px; }
#boxes h3,
#boxes p { margin-left: 12px; margin-right: 12px; }
#boxes h3 { font-size: 15px; color: #be1e2d; }

/* news */
#box-news { overflow: hidden; }
#box-news ul { list-style: none; position: relative; }
/*#box-news ul li { position: absolute; top: 0; left: 0; width: 310px; height: 140px; margin: 0 5px; overflow: hidden; background-color: #f6f6f6; }*/
#box-news ul li { position: relative; width: 310px; height: 140px; padding: 0px 5px; float: left; overflow: hidden; }
#box-news ul li h3 { margin-left: 7px; margin-right: 7px; }
#box-news ul li p { margin-left: 7px; margin-right: 7px; line-height: 15px !important; }
#boxes #box-news .date { font-weight: bold; margin-top: 0; margin-bottom: 2px; }
#box-news #nav { position: absolute; bottom: 3px; right: 0; padding-top: 1px; }
#box-news #nav img { vertical-align: middle; margin-top: -2px; }

/* products */
#box-products { margin: 0 !important; font-size: 11px; }
#box-products ul { list-style: none; float: left; width: 150px; padding-top: 5px; padding-left: 20px; }
#box-products .col-2 { width: 130px; padding-left: 7px; }
#box-products li { padding: 0 0 4px 8px; background: url(/img/li-dot.png) 0 7px no-repeat; }
#box-products li.gap { padding-bottom: 10px; }

/* brands */
#hp #brands img { margin: 12px 9px; }
#hp #brands ul { list-style: none; padding-left: 10px; }
#hp #brands li { display: block; float: left; position: relative; } 
#hp #brands .tooltip { position: absolute; bottom: 45px; left: 20px; width: 155px; background: url(/img/hp-tooltip-bg-bottom.png) left bottom no-repeat; line-height: normal; text-align: left; display: none; }
#hp #brands .reverse .tooltip { position: absolute; bottom: 45px; left: -95px; width: 155px; background: url(/img/hp-tooltip-bg-bottom-reverse.png) left bottom no-repeat; }
#hp #brands .tooltip h3 { position: absolute; top: -10px; left: 0; width: 140px; margin: 0; padding: 8px 5px 5px 10px; font-size: 12px; color: #be1e2d; background: url(/img/hp-tooltip-bg-top.png) left top no-repeat; }
#hp #brands .tooltip p { font-size: 11px; color: #222; line-height: 1.4; margin: 0; padding: 20px 5px 20px 10px; }
#hp #brands .tooltip p a { color: #111; }

/* flash - slideshow */
#flash-slideshow { position: absolute; top: 130px; right: 0px; width: 465px; height: 240px; z-index: 0; }

/* akce */
.akce-item { overflow: auto; height: 100%; padding-bottom: 15px; }
#content .akce-item p.date { font-size: 11px; margin: 10px 0 -10px; }
.akce-img { float: left; padding-right: 15px; }
.akce-img-r { float: right; padding-left: 15px; }
#tondach-flash { width: 100px; }

/*************/
/* UPOUTAVKA */
/*************/
#upoutavka { width: 398px; height: 304px; position: absolute; top: 160px; left: 295px; cursor: pointer; }
#upoutavka-flash-1 { width: 500px; height: 580px; position: absolute; bottom: 1cm; left: 50%; margin-left: -240px; }
#upoutavka-flash-2 { width: 780px; height: 320px; position: absolute; bottom: 1cm; left: 50%; margin-left: -357px; }
#upoutavka-zima { width: 720px; height: 309px; position: absolute; bottom: 1cm; left: 50%; margin-left: -357px; }
#hp-flash-close { position: absolute; top: -8px; right: -10px; }

/******************/
/*     ODKAZY     */
/******************/
#odkazy #content { width: 630px; }

a.odrazky2 { display: block; background: url(/img/odrazka2.gif) 0px 7px no-repeat; padding-left: 10px; color: #E42525; }
strong.bottom-border-2px { text-align: left; padding-top: 15px; padding-bottom: 5px; display: block; border-bottom: 2px solid  #C6C4C5; margin-bottom: 10px; }
#kontakt-mapa-left-box { width: 175px; float: right; }
#content #kontakt-mapa-left-box p { font-size: 12px; }


/* vyhledavani */
#nalezena-slova { }
#nalezena-slova h2 { margin-bottom: 5px; }
#nalezena-slova ul { padding-left: 25px; margin-bottom: 10px; }

/* menu uprava */
@charset "utf-8";
/* CSS Document */
#header { height: 165px; }

/* menu 2 */
#menu { width: 978px; top:68px; }

#menu ul.services2 { width: 968px; height: 39px; background: url(/img/service-menu-bgr.png) 0 0 no-repeat; position: relative; right: -15px; padding: 0 5px; }
#menu ul.services2 li { float: left; padding-left: 0; }
#menu ul.services2 li.div { background: url(/img/menu-divider.png) right 10px no-repeat; }
#menu ul.services2 a { color: #FFFFFF; line-height: 39px; font-size: 14px; padding: 0 22px; word-wrap: nowrap; }

#hp #bg { background:url(/img/body-bg-hp.jpg) no-repeat scroll 50% 90px transparent; }
body#hp { background:url(/img/body-bg-repeat-hp.png) repeat-x scroll 0 90px #FFFFFF; }

#search { position: absolute; width: 305px; right: 0; top: 15px; line-height: 26px; }
#search fieldset { border: none; }
#search .input { padding: 3px 3px; margin-left: 10px; width: 175px; margin-right: 3px; }
#search .button-submit { position: absolute; }
#flash-slideshow { top: 170px; }