@import "layout.css";

body {
	line-height: 1; text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff url('images/body.png') top left repeat-x;
}


#main { text-align: left; background: url('images/headlines.png') left top no-repeat; }


#header { background: #fff url('images/header.gif') left bottom repeat-x; }
#logo a { font-size: 200%; color: #1b2022; }
#logo span { background: url('images/logo.png') left top no-repeat; }
#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('images/menu_a.gif') right center no-repeat; }
#menu li.last a { background: none; }
#menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: #cc0000 url('images/menu_a_active.gif') right top repeat-x; }

#main #headlines h1 { font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2; text-transform: uppercase; font-size: 275%; color: #333; }
h1 em { font-family: Georgia, "Times New Roman", Times, serif; text-align: right; text-transform: none; font-weight: normal; font-style: normal; color: #cc0000; }
h1 span { ;}
#main #headlines h2 { text-align: center; font-size: 200%; color: #292929; }
h2 span {;}

#headlines img { margin-right: 15px; }


	/*Offer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#offerbox { width: 900px;  color: #666; background-color: #fff; border: 1px solid #fff; border-bottom: none; background-image: url(images/offer-box-b.png); background-repeat: no-repeat;}


#offer h2 { margin-left: 20px;font-family: Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; border-bottom: 1px dotted #B6CBCB; width: 460px;}
#offer { width: 500px}
#offer li { background: url('../images/offer_item.png') 25px top no-repeat; }
#offer li a span.reklama { background: url('../images/reklama.png') left top no-repeat; }
#offer li a span.tisk { background: url('../images/tisk.png') left top no-repeat; }
#offer li a span.gravirovani { background: url('../images/gravirovani.png') left top no-repeat; }
#offer li a span.predmety { background: url('../images/predmety.png') left top no-repeat; }
#offer li a { text-transform: uppercase; color: #fff; }
#offer p { width: 400px; margin-left: 70px; margin-bottom: 15px;}

#offer-right { width: 340px;
				float: right;
				margin-top: 20px;
}

#offer-right h2 { margin-right: 20px;font-family: Georgia, "Times New Roman", Times, serif; color: #cc0000; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; border-bottom: 1px dotted #B6CBCB;}

#offer-right ul {margin-left: 15px; margin-top: 10px; list-style-type: none;}

#offer-right strong {color: #cc0000;}

#offer-right img { border: 1px solid #999; padding: 3px;}



form { margin-left: 20px;
}

input, textarea {
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	margin-left: 10px;
	width: 200px;
	text-align: left;
	border: 1px solid #333
}

.paypal input{ width: 144px; height: 47px;
}

select {
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 10px;
	width: auto;
	text-align: left;
	border: 1px solid #333;
}


.submit input{ width: 100px; text-align: center; border: 1px solid #333; background: #cc0000; background-repeat: repeat-x; margin-left: 60px; color: #000;
}

label
{
margin-right: 60px;
float: left;
text-align: right;
display: block;
width: .75em;
margin-left: 0px;
}

fieldset
{
border: 1px solid #666;
}

legend
{
color: #fff;
background: #cc0000;
border: 1px solid #666;
padding: 2px 6px;
margin-left: 50px;
}