/*
Copyright 2010, JT WebDesign Studio - http://www.jtwds.cz/
*/



@media screen { /* MEDIA-SCREEN START */


/* Elements */

body {
	background-color: #ffffff;
	padding: 0; margin: 0;
}

body, h1, h2, h3, h4, h5, h6, th, td, ul, ol {
	font: 10pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #262626;
}

h1, h2, h3, h4, h5, h6, div, tr, th, td, fieldset, legend, label, img, form {
	padding: 0; margin: 0;
	border: none;
}

table {
	border-collapse: collapse;
	width: 100%;
}

a {
	text-decoration: underline;
	color: #dd3e32;
}

a:hover {
	text-decoration: none;
}

h1 {
	font: 22pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

h2 {
	font: bold 12pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #d5d5d5;
	background-color: #f8f8f8;
	margin-top: 25px;
}

h3 {
	font: bold 10.5pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 14px;
}

p, ul, ol, th, td {
	text-align: justify;
}

input, textarea, select {
	font-size: 1em;
}

input[type="submit"], input[type="button"] {
	padding: 5px 10px;
	cursor: pointer;
}

input[type="text"], input[type="password"], input[type="file"], select, textarea {
	font: 10pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #f9f9f9;
	border: 1px solid #c8c8c8;
	color: #262626;
}

label {
	cursor: pointer;
}

abbr, acronym {
	border-bottom: 1px dotted #6495ed;
	color: #6495ed;
	cursor: help;
}


/* Classes */

.a-left {
	text-align: left !important;
}

.a-center {
	text-align: center !important;
}

.a-right {
	text-align: right !important;
}

.a-justify {
	text-align: justify !important;
}

.f-strong {
	font-weight: bold !important;
}

.f-italic {
	font-style: italic !important;
}

.f-underline {
	text-decoration: underline !important;
}

.colgroup-2 .col-1 {
	float: left;
	width: 363px;
	margin-right: 11px;
	overflow: hidden;
}

.colgroup-2 .col-2 {
	float: left;
	width: 363px;
	overflow: hidden;
}

.colgroup-3 .col-1 {
	float: left;
	width: 238px;
	margin-right: 11px;
	overflow: hidden;
}

.colgroup-3 .col-2 {
	float: left;
	width: 239px;
	margin-right: 11px;
	overflow: hidden;
}

.colgroup-3 .col-3 {
	float: left;
	width: 238px;
	overflow: hidden;
}

.fix {
	background-color: transparent;
	font: 1px/1px sans-serif;
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.mh-60 {
	min-height: 60px;
}

.photo {
	border: 2px solid #c0c0c0;
}

.product-icon {
	margin-right: 10px;
	float: left;
}

.ul-arrow {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}

.ul-arrow li {
	background: transparent url(/images/menu_sipka.gif) no-repeat 0 7px;
	padding-left: 15px;
}

.ul-arrow li ul {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}


/* ID's */

#global-out {
	margin: 20px;
}

#global {
	width: 961px;
	margin: 0 auto;
}

#header {
	background: #ffffff url(/images/hlavicka.gif) center right;
	border-top: 2px solid #dedede;
	border-bottom: 10px solid #dedede;
	position: relative;
	width: 961px;
	height: 141px;
	margin-bottom: 20px;
	float: left;
}

#header p {
	margin: 0;
}

#logo {
	position: absolute;
	top: 10px;
	left: 0;
	width: 204px;
	height: 121px;
}

#company {
	position: absolute;
	top: 115px;
	left: 450px;
	width: 501px;
	color: #dd3e32;
	font-weight: bold;
	font-size: 15pt;
	text-align: right;
}

#slogan {
	position: absolute;
	top: 94px;
	left: 450px;
	width: 501px;
	color: #b4b4b4;
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: 1pt;
	text-align: right;
}

#leftbox {
	width: 204px;
	overflow: hidden;
	float: left;
}

#menu {
	background: #ffffff url(/images/menu_pozadi.gif) no-repeat bottom right;
	list-style: none;
	padding: 0 0 2px 0;
	margin: 0;
}

#menu li {
	background: transparent url(/images/menu_oddelovac.gif) no-repeat 0 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #dd3e32;
	padding: 10px 0 25px 10px;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
}

#menu ul li {
	background: none;
	text-transform: none;
	font-weight: normal;
	padding: 0;
}

#menu ul li a {
	color: #262626;
	text-decoration: none;
	padding-left: 12px;
}

#menu ul li a:hover {
	background: transparent url(/images/menu_sipka.gif) no-repeat center left;
}

#content {
	width: 737px;
	margin-left: 20px;
	overflow: hidden;
	float: left;
}

#content p:first-child, #content h2:first-child {
	margin-top: 0;
}

#content p:last-child, #content h2:last-child {
	margin-bottom: 0;
}

#form-confirmation {
	background-color: #f4f4f4;
	border: 2px solid red;
	font-weight: bold;
	margin-top: 0;
	padding: 10px;
}

#form-contact table th {
	font-weight: bold;
	width: 30%;
}

#form-contact table td {
	width: 70%;
	padding: 3px;
}

#form-contact table tfoot td {
	padding-top: 10px;
}

#form-contact input[type="text"], #form-contact textarea {
	width: 300px;
}

#form-order table th {
	font-weight: bold;
	width: 40%;
}

#form-order table td {
	width: 60%;
	padding: 3px;
}

#form-order table tbody tr:hover {
	background-color: #f4f4f4;
}

#form-order table tfoot td {
	padding-top: 10px;
}

#form-order input[type="text"], #form-order textarea {
	width: 300px;
}

#form-order h2 {
	margin-bottom: 13px;
}

#form-order i {
	color: #808080;
}

#google-maps {
	border: 2px solid #c0c0c0;
}

#dimensions-envelopes .col-1 {
	float: left;
	width: 184px;
	overflow: hidden;
}

#dimensions-envelopes .col-2 {
	float: left;
	width: 184px;
	overflow: hidden;
}

#dimensions-envelopes .col-3 {
	float: left;
	width: 184px;
	overflow: hidden;
}

#dimensions-envelopes .col-4 {
	float: left;
	width: 184px;
	overflow: hidden;
}

#dimensions-envelopes p {
	text-align: center;
}

#dimensions-envelopes img {
	margin-top: 15px;
}

#dimensions-bags .col-1 {
	float: left;
	width: 147px;
	overflow: hidden;
}

#dimensions-bags .col-2 {
	float: left;
	width: 147px;
	overflow: hidden;
}

#dimensions-bags .col-3 {
	float: left;
	width: 147px;
	overflow: hidden;
}

#dimensions-bags .col-4 {
	float: left;
	width: 147px;
	overflow: hidden;
}

#dimensions-bags .col-5 {
	float: left;
	width: 147px;
	overflow: hidden;
}

#dimensions-bags p {
	text-align: center;
}

#dimensions-bags img {
	margin-top: 15px;
}

#ul-order li {
	font-weight: bold;
	margin-top: 13px;
}

#ul-order ul li {
	font-weight: normal;
	font-style: italic;
	margin: 0;
}

#evaluation {
	text-align: center;
	margin-top: 25px;
}

/*#sale {
	background-color: #f8f8f8;
	border: 5px double red;
	text-align: center;
	font-weight: bold;
	font-size: 15pt;
	line-height: 150%;
	padding: 10px;
}*/

#footer {
	border-top: 2px solid #dedede;
	width: 961px;
	margin-top: 20px;
	float: left;
}

#footer .colgroup-2 .col-1 {
	float: left;
	width: 475px;
	margin-right: 11px;
	overflow: hidden;
}

#footer .colgroup-2 .col-1 img {
	margin-top: 5px;
	float: left;
}

#footer .colgroup-2 .col-2 {
	float: left;
	width: 475px;
	overflow: hidden;
}

#footer p {
	margin: 3px 0 0 0;
}

#footer a {
	text-decoration: none;
	color: #666666;
}

#footer a:hover {
	text-decoration: underline;
}


} /* MEDIA-SCREEN END */



@media print { /* MEDIA-PRINT START */


/* Elements */

body {
	font: 11pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}

p, ul, ol, th, td {
	text-align: justify;
}

img {
	border: none;
}


/* Classes */

.fix {
	display: none;
}

.no-print {
	display: none;
}

.photo {
	border: 2px solid #c0c0c0;
}


/* ID's */

#logo img {
	width: 150px;
	height: 89px;
}

#company {
	font: bold 12pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}

#slogan {
	font: bold 10pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
}

#leftbox, #form-confirmation, #footer {
	display: none;
}


} /* MEDIA-PRINT END */