/*   

Theme Name: PurityVodka.cz

Theme URI: http://www.purityvodka.cz

Description: Šablona pro web Purity Vodka

Author: webees.cz s.r.o.

Author URI: http://www.webees.cz

Version: 1.0

*/



/* obecne */

html, body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

body.hp { background: url(img/bg.jpg) center top no-repeat #000; }

body.sub { background: url(img/bgsub.jpg) center -6px no-repeat #000; }

#wrap { width: 864px; margin: 0 auto; }

#wrap.hp { background: url(img/bg-vodka.jpg) 688px 109px no-repeat; }

a { text-decoration: underline; color: #debc03; font-weight: bold; }

a:hover { text-decoration: none; }

.clear { clear: both; height: 0; line-height: 0; font-size: 0; }

/* obecne */



/* header */

#pages { height: 40px; padding: 34px 0 0 0; border-bottom: 1px solid #2a2a2a; line-height: 40px; }

#pages ul li { display: block; float: left; padding: 0 17px 0 0; margin: 0 12px 0 0; background: url(img/pages-a.png) right center no-repeat; }

#pages ul li a { display: block; float: left; font-size: 13px; color: #d0b106; text-transform: uppercase; font-weight: bold; text-decoration: none; }

#pages ul li a:hover { color: #CC9900; }

#pages ul li.current_page_item a, #pages ul li.current_page_item a:hover { color: #fff; }

#pages ul li.page-item-7 { margin: 0; padding: 0 0 0 10px; background: none; }

#pages ul li.page-item-7 a { color: #818181; }

#pages ul li.page-item-7 a:hover { color: #666; }

#header { height: 385px; }

#header h1 { font-weight: normal; color: #debc03; font-size: 37px; text-transform: uppercase; padding: 150px 0 0 27px; }

#header p { display: block; width: 532px; margin: 5px 0 0 19px; padding: 5px 8px; background: url(img/header-p.png); line-height: 1.5; font-size: 15px; color: #a4a4a4; text-transform: uppercase; }

#header a.order { margin: 50px 0 0 474px; background: url(img/button-order.png); display: block; width: 126px; height: 35px; line-height: 35px; text-align: center; font-size: 13px; color: #373737; font-weight: bold; text-transform: uppercase; text-decoration: none; }

#header a.order:hover { color: #990000; }

/* header */



/* obsah */

#main { color: #d0d0d0; line-height: 1.5; text-align: justify; padding: 0 65px 20px 27px; }

#main h2 { font-size: 32px; font-weight: normal; color: #debc03; text-transform: uppercase; padding: 40px 0 5px 0; }

#main.hp h2 { font-size: 22px; padding: 20px 0 0 0; }

#main h3 { font-size: 14px; font-weight: normal; color: #d0b106; text-transform: uppercase; padding: 10px 0 0 0; margin: 0 0 -10px 0; }

#main p { padding: 12px 0; }

#main p.grey { color: #828282; font-size: 13px; }

#main span.help { color: #CC6600; cursor: pointer; }

#main small { font-size: 11px; }

#main strong.white { color: #fff; }



#main img.alignnone { border: 1px solid #636363; padding: 3px; margin: 0 0 0 10px; }

#main img.alignleft { float: left; margin: 5px 15px 5px 0; }

#main img.alignright { float: right; margin: 5px 0 5px 15px; }



#atrtitle { border: 1px solid #000; background: #888; color: #FFF; padding: 5px; position: absolute; font-size: 0.8em; font-style: normal; line-height: normal; max-width: 250px; }

#main a.order { float: right; margin: -45px 38px 0 0; background: url(img/button-order-sub.png); display: inline; width: 111px; height: 31px; line-height: 31px; text-align: center; font-size: 11px; color: #373737; font-weight: bold; text-transform: uppercase; text-decoration: none; }

#main a.order:hover { color: #990000; }



#main .wpcf7 { float: left; width: 500px; text-align: left; }

#main .wpcf7 p { padding: 0; }

#main .wpcf7 .wpcf7-form-control-wrap { color: #444; }

#main .wpcf7 label { display: block; width: 140px; float: left; }

#main .wpcf7 input { border: 1px solid #444; width: 250px; padding: 2px 5px; background-color: #666; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 7px 0; vertical-align: middle; }

#main .wpcf7 textarea { border: 1px solid #444; width: 250px; height: 120px; padding: 5px; background-color: #666; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 7px 0; overflow: auto; }

#main .wpcf7 input#kontrola { width: 212px; }

#main .wpcf7 input#submit { padding: 5px; margin: 0 0 0 252px; width: 150px; cursor: pointer; }

#main .data { float: right; width: 200px; color: #666; text-align: left; }

#main .data h3 { padding: 0; margin: 0 -5px 0 0; }

#main .data p { padding: 5px 0; }

#main .data a { color: #666; }



#main #koktejly h2 { margin: 0 0 20px 0; }

#main .koktejl { width: 224px; height: 320px; float: left; margin: 0 20px 20px 0; border: 1px solid #111; text-align: center; }

#main .koktejl h3 a { display: block; width: 224px; height: 45px; padding: 265px 0 0 0; line-height: 45px; text-decoration: none; }

#detail { color: #fff; line-height: 1.5; width: 100%; min-height: 500px; height: auto !important; height: 500px; background-color: #000; }

#detail img { float: right; margin: 0 0 0 15px; }

#detail h2 { font-size: 14px; font-weight: normal; color: #d0b106; text-transform: uppercase; padding: 10px 0 0 0; margin: 0 0 -10px 0; }

#detail p { padding: 12px 0; }

#detail .detail { padding: 15px; }

/* obsah */



/* paticka */

#box { height: 47px; border-top: 1px solid #1e1e1e; padding: 0 10px; color: #848484; line-height: 47px; }

#box-left { float: left; }

#box-left a { color: #848484; font-weight: normal; }

#box-right { float: right; }

#box a.webees { display: block; width: 79px; height: 22px; margin: 12px 0 0 0; background: url(img/webees.png) center top no-repeat; }

#box a.webees:hover { background: url(img/webees.png) center -22px no-repeat; }

#box a.webees span { display: none; }

/* paticka */