/*

	Description: Hlavny styl pre softpae.com
	Autor: anton.pitak@softpae.com
	Date: 12.05.2007

*/

* { b/order: 1px solid blue !important; }

/* 0.65em 100.01% */

/* hlavne deklaracie */

body { font: 8pt "Trebuchet MS",Verdana,Arial,sans-serif; color:#444; padding-top:0px; margin:0px; background:#efefef; text-align:center; }

h1, h2, h3 { font: 14px "Arial CE",Arial,Verdana,sans-serif; font-weight:bold; }

a { color:#0C64E8; text-decoration:underline; }
a:hover { color:#E80C0C; text-decoration:underline; }

p { margin:10px 0px; padding:0; }
img { border:0px; }

ul { _margin:0 5px; padding:0 12px; }
li { font-size:100%; }

hr { display:block; height:1px; border-top:none; border-bottom:1px solid #ccc; margin:0px }

/* deklaracie layoutu stranky */

#main { position:relative; margin:auto; text-align:left; width:615px; padding:25px 70px; background:white; text-align:left; overflow:hidden; }

#toppicture { margin:0; padding:0; position:relative; width:615px; }

#topdiv { font: 8pt "Trebuchet MS",Verdana,Arial,sans-serif; width:615px; height:70px; overflow:hidden; }
#topdiv #mylogo { position:relative; float:left; width:155px; }
#topdiv #topright { position:relative; float:right; width: 460px; }
#topdiv #topmenu { position:relative; top:0px; float:right; font: 8pt "Trebuchet MS",Verdana,Arial; text-transform:uppercase; }
#topdiv #mymenu { font: 100% "Trebuchet MS",Verdana,Arial; position:relative; float:right; top:12px; }

#myblog { text-align:left; margin:auto; padding:22px 0px; width:615px; font: 10pt "Trebuchet MS",Arial; }
#myblog h2 { display:block; font:16pt verdana; font-weight:normal; color:#000; margin:0px 0px 12px 25px; }
#myblog p { padding:0px 25px; font:14pt verdana; line-height:20pt; width:570px; }
#myblog p strong { background: #FEFDC2; }

#topdiv2 { margin:0px 0px; padding:12px 0px; padding-top:0px; width:615px; background:url("../images/web-stranky-seo-marketing-back.png") bottom repeat-x; overflow:hidden; }
#topdiv2 h2.ponuka { height: 100%; padding:0px 25px; font:14pt verdana; color:#E80C0C; margin-top:0px; }
#topdiv2 h2.ponuka:after { content:""; display:block; height:0; clear:both; }

#content { font: 10pt "Trebuchet MS",Verdana,Arial,sans-serif; color:#111; overflow:hidden; width:615px; margin:0; padding:15px 0; background: url("../images/web-stranky-seo-marketing-line.gif") repeat-x; }

#footer { width:615px; _width:575px; margin:0; padding:20px; color:#888; background:#fcfcfc; overflow:hidden; }

#footer h2 { font: 14pt Tahoma; font-weight: bold; color:#666; }
#footer p { font: 10pt "Trebuchet MS",Tahoma; margin: 10px 0px; color:#444; }
#footer li { font: 10pt "Trebuchet MS",Tahoma; color:#444; }

#footer #foo { position:relative; float:left; width:190px; line-height:20px; }
#footer #foo a { color:#444; text-decoration:underline; }
#footer #foo a:hover { color:#fff; background:#0C64E8; text-decoration:none; }

#foo2 { width:100%; text-align:center; padding:10px; }

#drobecky { font-size: 8pt; color:#666; }

/* pravy obsahovy box */

#rightbox { position:relative; float:left; margin:auto; width:200px; padding:0px; text-align:left; }
#rightbox div { padding:20px 20px; background:#F8F8F8; }

/* lavy obsahovy box */

#leftbox { position:relative; float:left; width:400px; margin-right:15px; overflow:hidden; }

#leftbox h1 { display:block; font-size:18pt; font-weight:normal; color:#E80C0C; margin:15px 0px 20px 0px; }
#leftbox h2 { display:block; font-size:16pt; font-weight:normal; color:#D0590A; margin:15px 0px 20px 0px; }
#leftbox h3 { font-size:12pt; font-weight:bold; color:#444; }
#leftbox h4 { font-size:12.5pt; font-weight:normal; }
#leftbox em { f/ont-size: 125%; }

/* tridy pro levy box */

#leftbox .feats { padding:20px; background:#F8F8F8; border:1px solid #aaa; }

#leftbox .feats h4 { color: #E80C0C; font-size:12pt; font-weight:bold; margin-top:0px; }
#leftbox .feats li { font-style: italic; l/ist-style-type:none; }
#leftbox .feats p { padding:10px; }
#leftbox .feats hr { margin:5px 0px; }

#leftbox .referencia div img { margin:10px; margin-left:0px; }
#leftbox .referencia h3 { margin:5px 0px; }
#leftbox .referencia h3 * { color:#fff; background:#C00000; margin:5px 0px; }
#leftbox .referencia h4 { font-size:11pt; font-weight:bold; }
#leftbox .referencia strong { background: #FEFDC2; }

#leftbox .look { background:#F8F8F8; padding:10px; border:1px solid #aaa; font-style:italic; }
#leftbox .cplogo { position:relative; float:left; margin:10px; }

/* formulare */

fieldset { padding: 10px 20px; }

input[type='text'] { border:1px solid #ccc; }

form { padding: 0; margin: 25px 0 10px 0; }
textarea { font-family: "Trebuchet MS", Arial; font-size: 10pt; border: 1px solid #ccc; }
input { font-family: "Trebuchet MS", Arial; font-size: 10pt; border: 1px solid #ccc; vertical-align: middle; }

#content fieldset { border: 1px solid #ccc; padding: 0 10px 10px 10px;}
#content fieldset p { margin: 5px; padding: 0; }
#content fieldset legend { font-weight: bold; color: #c00000; }
#content fieldset label { font-size: 90%; }

#content input { width:360px; }
#content textarea { width:360px; }
#content input#email { border:1px solid #ccc; width:170px; }

#content .button { width: 75px; }

#objednavka fieldset { padding: 20px; padding-top: 0px; }
#objednavka input { border: 1px solid #c00000; }
#objednavka h3 { margin-left: 5px; }
#objednavka span { font-weight: bold; color: #333; }

/* triedy pre menu */

ul.mymenu { position:relative; float:right; margin:0; padding:0; }
ul.mymenu li { position:relative; float:left; margin:0px 0px 0px 15px; list-style-type:none; }
ul.mymenu li a { position:relative; float:left; margin:0px 5px 0px 15px; font: 11.5pt Arial; font-weight:bold; color: #0C64E8; }
ul.mymenu li a:hover { text-decoration:underline; color:#E80C0C; }

ul.submenu li { margin:0; padding:0; l/ist-style-type:none; }
ul.submenu li a { font-size: 13pt; font-weight:bold; }

ul.linkmenu { width: 280px; }
ul.linkmenu li { margin: 5px; }
ul.linkmenu a { font: 12pt "Trebuchet MS",Arial, Verdana, Tahoma; font-weight: bold; }

div.clear { clear:both; overflow:hidden; height:1px; }
div.clear2 { clear:both; overflow:hidden; height:15px; padding:0px !important; background:#ffffff !important; }
div.clearright { clear:right; overflow:hidden; height:1px; }

div.topmenu2 { position:relative; float:left; width:180px; padding-left:25px; }
div.topmenu2r { position:relative; float:left; width:180px; margin:auto; padding-left:15px; }
/*div.topmenu2 h2, div.topmenu2r h2 { margin:3px 0px 10px 0px; font:13pt "Trebuchet MS",Arial, Verdana, Tahoma; font-weight:bold; color:#E80C0C; color:#0C64E8; }*/
div.topmenu2 h2, div.topmenu2r h2 { margin:3px 0px 10px 0px; font:13pt "Trebuchet MS",Arial, Verdana, Tahoma; font-weight:bold; color:#fff; }
div.topmenu2 p, div.topmenu2r p { font:9pt "Trebuchet MS",Arial, Verdana, Tahoma; margin-bottom:15px; }
div.topmenu2 h2 a, div.topmenu2r h2 a { color: #fff; background:#0C64E8; text-decoration:none; }
div.topmenu2 h2 a:hover, div.topmenu2r h2 a:hover { text-decoration:underline }

div.menubar { color:#E80C0C; font:13pt "Trebuchet MS",Arial, Verdana, Tahoma; font-weight:bold; padding: 15px 0px; border-top: 1px solid #eee; overflow: hidden; }
div.menubar a:hover { color:#fff; background: #0C64E8; text-decoration:none; }
div.menubar h1 { font-size:18pt; font-weight:normal; color:#E80C0C; margin:0px; }
div.menubar fieldset { width: }

/* div.menubar h1 { font-size:18pt; font-weight:normal; color:#E80C0C; } */

div.refimg { width: 615px; margin:auto; overflow:hidden; }
div.refimg img { border: 1px solid #ccc; margin: 17px; }

/* hlavna obsahova cast */

div.content { margin:10px 0px; padding:0; }

div.content p { margin:10px 0px; padding:0; }
div.content h2 { margin:0; padding:10px 0 0 0; color:#09B309; font-weight:bold; font-size:13.5pt; }

div.content hr { display:block; height:1px; width:390px; border-top:none; border-bottom:1px solid #ccc; }

/* pravy obsahovy stlpec */

.rigtcontent h2 { margin-top:0; }
.rigtcontent h3 { margin:0 0 5px 0; color:#0C64E8; }
.rigtcontent p { margin:5px 0 15px 0; color:#444; }
.rigtcontent a { text-decoration:underline; }

.rigtcontent .reflink { t/ext-align: right; }

/* zbytek deklaraci */

.highlight { background: #FEFDC2; }
.up { font-weight: bold; font-size: 120%; }
.silverbox { background:#F8F8F8; }

.highlight2:hover { color:#fff; background:#0C64E8; text-decoration:none; }

.line { height:2px; overflow:hidden; background: url("../images/web-stranky-seo-marketing-line.gif") repeat-x; }

/*.button { color:#444; border:1px solid #ccc; background:url("../images/web-stranky-seo-marketing-button.png") repeat-x; }*/

.noshow { display: none; }
.show { display: block; }

.leftme { position:relative; float:left; }
.rightme { position:relative; float:right; }

.rightmenu { font:13pt "Trebuchet MS",Arial, Verdana, Tahoma; font-weight: bold; color:#E80C0C; margin-top:0; }

.myblog { background:url("../images/web-stranky-seo-marketing-back.png") bottom repeat-x; overflow:hidden; }

.mybloglinks { margin-top: 15px; }
.mybloglinks a { color:#E80C0C; font:13pt "Trebuchet MS",Arial, Verdana, Tahoma; font-weight:bold; }

/* zbytok */

table.prices { width: 100%; padding: 0px; margin: 0px; border: 1px solid #ccc; border-collapse:collapse; }
table.prices td { padding: 3px 5px; margin: 0px; border: 1px solid #ccc; font-style: italic; }

#pageerror, .pagedesc { color: red; margin: 10px 0px; padding: 10px; background: #f4f4f4; border: 1px solid #bbb; }

.button { color: #fff; font-weight: bold; padding: 2px; border: 1px solid #ca5a5a; background: #ca5a5a; }
.noborder { border:none !important; }
.radio { width: 15px !important; border: none !important; }

noscript { display: none; }