@charset "utf-8";
/* CSS Document - Plastova okna Cervenka */

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; background: #9ac52d url(../img/body-bg.png) 0 0 repeat-x; padding: 20px 0; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }

a.uvod { color: #3e76b5; text-decoration: none; }

a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { position: absolute; left: -10000px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 840px; margin: auto; padding: 0 10px; position: relative; background: #fff url(../img/column-separator-bg.png) 205px 0 repeat-y; }
#left-column { float: left; width: 190px; margin-top: -20px; padding: 20px 5px 0 0; border-right: 1px solid #d5d1cc; }
#content { float: right; width: 600px; margin-top: 30px; padding: 0 15px 5px 0; }


/******************************

	header

******************************/
#header { height: 250px; background: #fff url(../img/header-bg.jpg) center 65px no-repeat; }
#logo { float: right; margin: 0; padding: 12px 15px 0 0; font-size: 16px; font-weight: bold; }
#logo a { color: #304797; text-decoration: none; }
#header .subtitle { font-size: 24px; color: #3e76b5; margin: 0; padding: 20px 0 0 20px; }


/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 250px; left: 235px; width: 610px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #838383; }
#breadcrumbs a { color: #838383; }


/******************************

	left column

******************************/
#left-column { font-size: 11px; }
#left-column h3 { font-size: 11px; text-transform: uppercase; color: #fff; background: #3e76b5; margin: 15px 0 0; padding: 6px 5px 4px 30px; border-bottom: 2px solid #fff; }
#left-column h3 a { color: #fff; }

/* menu */
#menu h3 { margin: 0; }
#left-column ul { list-style: none; margin: 0; padding: 5px; background-color: #d8d8d8; }
#left-column ul li { padding: 0; }
#left-column ul li.last a { border-bottom: none; }
#left-column ul li a { display: block; width: 150px; padding: 6px 5px 4px 25px; background: url(../img/li-arrow.png) 3px 8px no-repeat; border-bottom: 1px solid #fff; text-decoration: none; }
#left-column ul li a:hover { color: #fff; background-color: #6aa3e3; background-image: none; }


/*****************************

	content

******************************/
h1 { font-size: 17px; color: #3e76b5; margin: 5px 0 15px; }
h2 { font-size: 16px; color: #38a937; margin: 5px 0 10px; }
h3 { font-size: 15px; color: #38a937; margin: 5px 0 10px; }
h3.small{font-size: 13px; color: #3e76b5; margin: 5px 0 10px; }
p { margin: 10px 0 15px; }
ul { list-style: square; margin: 15px 25px; }
ul li { padding: 0 0 3px 0; }


/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { font: 11px Arial, Helvetica, sans-serif; background-color: #eaeaea; }

form.form { padding: 10px 15px; }
.form table td { padding: 2px; }
.form label { font-weight: bold; }


/******************************

	footer

******************************/
#footer { clear: both; height: 14px; color: #fff; padding: 10px 6px 25px 6px; text-align: center; background-color: #3e76b5; border-top: 25px solid #fff;  border-bottom: 10px solid #fff; }
#footer a { color: #fff; }
#footer span { margin: 0 4px; }

.lc{width: 50%;float: left; margin: 10px 0;}
.rc{width: 50%;float: left; margin: 10px 0;}

#kdo_muze_zadat{margin-top:0px;}

#link_plastova_okna{width:100%; text-align:center;}
#link_plastova_okna a IMG{border:solid #fff 1px;}
#link_plastova_okna a:hover IMG{border:solid #000 1px;}
