/*   
Theme Name: SMSkovani.cz
Theme URI: http://www.smskovani.cz
Description: Šablona pro web SMSkovani.cz
Author: webees.cz s.r.o.
Author URI: http://www.webees.cz
Version: 1.0
*/

/* obecne */
body { background: url(img/bg.png) left top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#wrap { background: url(img/bg-main.jpg) center top no-repeat; }
#wrapper { background: url(img/bg-bottom.png) center bottom no-repeat; }
#subwrapper { width: 1000px; margin: 0 auto; }
a { text-decoration: underline; color: #333; }
a:hover { text-decoration: none; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
#content {  }
/* obecne */

/* hlavicka */
#header { height: 120px; padding: 0 40px; }
#header h1 a { display: block; float: left; background: url(img/logo.png) 7px 6px no-repeat; width: 193px; height: 93px; text-indent: -300px; overflow: hidden; }
#header #pages { float: right; font-size: 16px; font-family: Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
#header #pages li { display: block; float: left; }
#header #pages li a { display: block; float: left; height: 25px; color: #727272; font-weight: bold; padding: 45px 15px 0 15px; background: url(img/pages-border.png) right top repeat-y; text-transform: uppercase; text-decoration: none; }
#header #pages li.page-item-5 a { background: none; }
#header #pages li a:hover { color: #454545; }
#header #pages li.current_page_item a { color: #006d9f; background: url(img/pages-bg.png) right top no-repeat; }
#header #pages li.home a { background: url(img/pages-border.png) right top repeat-y; }
/* hlavicka */

/* obsah */
#topsoutez { padding: 0 40px; margin: 50px 0 0 0; height: 272px; background: url(img/vyhraj.png) 652px 77px no-repeat; color: #505050; line-height: 1.5; }
#topsoutez .in { width: 338px; float: left; padding: 0 35px 0 0; }
#topsoutez .content { min-height: 40px; height: auto !important; height: 40px; }
#topsoutez img { float: left; }
#topsoutez h2 a { display: block; font-size: 20px; font-weight: bold; color: #505050; text-decoration: none; background: url(img/link.png) 300px 7px no-repeat; }
#topsoutez h2 a:hover { color: #0e6fa0; }
#topsoutez .info { margin: 20px 0 0 0; }
#topsoutez span.orange { font-size: 16px; color: #f19a02; font-weight: bold; }
#topsoutez .smsbox { position: absolute; margin: 28px 0 0 222px; }
#topsoutez p.cena { margin: 50px 0 0 0; }
#kroky { height: 56px; background: url(img/kroky-bg.png); padding: 0 0 0 40px; }
#kroky h3 { font-size: 20px; font-weight: bold; padding: 0 0 0 65px; color: #454545; display: block; float: left; line-height: 56px; }
#kroky h3.k1 { width: 227px; background: url(img/kroky-h3.png) 212px center no-repeat; }
#kroky h3.k2 { width: 335px; }
#main { width: 600px; padding: 30px 30px 30px 47px; float: left; }
#sidebar { width: 270px; float: right; padding: 0 48px 0 0; }

.main { padding: 30px 47px; line-height: 1.5; }
.main h2 { font-size: 16px; color: #f19a02; font-weight: bold; }
.main p { padding: 5px 0; }
.main h3 { font-weight: bold; color: #00568c; font-size: 14px; margin: 20px 0 0 0; }
.main blockquote { font-size: 11px; font-style: italic; color: #919191; margin: 20px 0; }
.main ol { list-style: decimal; margin: 10px 0 10px 25px; }
.main ol li { margin: 5px 0; }
.main ul { list-style: none; margin: 10px 0 10px 60px; }
.main ul li { background: url(img/main-ul.png) left 6px no-repeat; margin: 5px 0; padding: 0 0 0 25px; }
.main img { border: 7px solid #ebebeb; }
.main img.alignleft { float: left; margin: 5px 20px 10px 0; }
.main img.alignright { float: right; margin: 5px 0 10px 20px; }

.main #hp { width: 586px; float: left; }
.main #fb { width: 320px; float: right; }
.main #fb a { display: block; background: url(img/fb.png); width: 245px; padding: 0 0 0 54px; height: 53px; line-height: 53px; margin: 21px 0 0 20px; color: #585858; font-weight: bold; font-size: 15px; text-decoration: none; }
.main #fb a span { color: #0174a2; }

#vyhry { clear: both; }
.vyhra { width: 270px; height: 295px; float: left; background: url(img/vyhra-top.png) left top no-repeat; margin: 35px 0 0 0; display: inline; line-height: 1.5; color: #797979; }
#vyhry .vyhra { margin-left: 45px; }
.vyhra h2 a { display: block; font-size: 16px; color: #505050; font-weight: bold; line-height: 40px; height: 40px; padding: 0 0 0 10px; text-decoration: none; background: url(img/link.png) 255px 7px no-repeat; }
.vyhra h2 a:hover { color: #0e6fa0; }
.vyhra .info { padding: 0 10px; height: 65px; color: #797979; }
.vyhra .box { background: url(img/vyhra-bottom-oranzova.png); height: 65px; padding: 5px 0 0 10px; color: #454545; line-height: 1.5; }
.vyhra .box span { font-size: 15px; font-weight: bold; color: #fff; }
.vyhra .smsbox { position: absolute; margin: -19px 0 0 178px; }
.vyhra p.cena { line-height: 29px; padding: 0 10px; }
.vyhra.top .box { background: url(img/vyhra-bottom-zelena.png); color: #fff; }
.vyhra.top .smsbox { background:url(img/sms-zluta.png); }

p.cena { font-size: 11px; color: #9e9e9e; }
.smsbox { background: url(img/sms-modra.png); width: 94px; height: 69px; padding: 25px 0 0 0; text-align: center; font-size: 11px; color: #f3f1f1; line-height: 1.3; }
.smsbox span { color: #fff; font-size: 16px; font-weight: bold; display: block; }

#detail { color: #505050; line-height: 1.5; background-color: #fff; }
#detail h2 { font-size: 16px; color: #00568c; font-weight: bold; line-height: 40px; height: 40px; }
#detail p { padding: 5px; }
#detail img { border: 7px solid #ebebeb; }
#detail .info { margin: 20px 0 0 0; }
#detail span.orange { font-size: 16px; color: #f19a02; font-weight: bold; }
#detail .smsbox { position: absolute; margin: 0 0 0 400px; }
/* obsah */

/* menu */
/* menu */

/* paticka */
#box { line-height: 42px; color: #848484; padding: 0 40px; margin: 35px 0 0 0; height: 42px; }
#box-left { float: left; width: 700px; font-size: 11px; color: #545454; }
#box-right { float: right; width: 220px; }
#box-right a { color: #848484; background: url(img/menyhart.png) left center no-repeat; display: block; float: right; margin: 0 0 0 7px; padding: 0 0 0 35px; font-weight: bold; height: 42px; }
#box-right a:hover { background: url(img/menyhart-hover.png) left center no-repeat; }
#box-right span { display: block; float: right; }
/* paticka */