/*   
Theme Name: Palazzo di Sole
Theme URI:
Description: Šablona Palazzo di Sole
Author: mfacko.cz
Author URI: http://www.mfacko.cz
Version: 1.0
*/

/* obecne */
body { background: url(img/bg.png) left top repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#wrap { background: url(img/bg-pages.png) center 123px no-repeat; }
#wrapper { width: 950px; margin: 0 auto; }
a { text-decoration: underline; color: #980000; }
a:hover { text-decoration: none; }
.clear { clear: both; height: 1px; overflow: hidden; line-height: 0; font-size: 0;  }
#content { }
/* obecne */

/* hlavicka */
#header { height: 123px; background: url(img/bg-header.png) 10px bottom no-repeat; }
#header h1 a { width: 350px; height: 123px; display: block; margin: 0 auto; background: url(img/logo.png) center top no-repeat; text-indent: -500px; overflow: hidden; } 
#pages { margin: 0 10px; height: 60px; overflow: hidden; }
#pages ul li { display: block; float: left; background: url(img/pages-li.png) right top no-repeat; padding: 0 2px 0 0; }
#pages ul li a { display: block; float: left; height: 60px; padding: 0 20px 0 22px; line-height: 60px; font-size: 13px; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; }
#pages ul li a:hover { color: #CC9; }
#pages ul li.current_page_item a { color: #FFC; }
/* hlavicka */

/* obsah */
#content { margin: 0 20px; background: url(img/bg-content.png) left top repeat-y; width: 910px; }
#slide { height: 380px; overflow: hidden; background: url(img/bg-slide.png) 20px top no-repeat; }
#slide a { float: left; display: block; width: 20px; height: 380px; text-indent: -500px; overflow: hidden; }
#slide a.prev { background: url(img/slide-left.png) left center no-repeat; }
#slide a.next { background: url(img/slide-right.png) left center no-repeat; }
#slidein { width: 880px; height: 380px; float: left; margin: 0 15px; }
#slidein div { width: 880px; height: 380px; }
#slidein img { position: absolute; z-index: 1; }
#slidein p { display: block; line-height: 1.5; position: absolute; width: 860px; padding: 0 10px; z-index: 10; color: #fff; font-size: 12px; margin: 340px 0 0 0; }

#hpb { border: 1px solid #fff; background: url(img/bg-hpb.png) left top repeat-x #fff; margin: 5px 20px 0 20px; padding: 10px 0; }
#hpb .hpblock { width: 226px; float: left; border-left: 1px solid #ddd; }
#hpb .hpblock:first-child, #hpb .hpblock.first-child { border: none; }
#hpb #hpblock1 { background: url(img/hpb-icon1.jpg) left top no-repeat; }
#hpb #hpblock2 { background: url(img/hpb-icon2.jpg) left top no-repeat; }
#hpb #hpblock3 { background: url(img/hpb-icon3.jpg) left top no-repeat; }
#hpb #hpblock4 { background: url(img/hpb-icon4.jpg) left top no-repeat; }
#hpb h2 { font-size: 38px; color: #b70000; font-weight: normal; height: 30px; padding: 10px 0 8px 30px; }
#hpb p { font-size: 12px; color: #666; line-height: 1.5; height: 107px; padding: 15px; }
#hpb a { text-decoration: none; }
#hpb a.more { display: block; width: 82px; height: 26px; padding: 0 0 0 10px; line-height: 26px; text-decoration: none; background: url(img/readmore.png); margin: 0 0 9px 113px; font-size: 11px; color: #fff; text-transform: uppercase; }

.com { background: url(img/bg-com.png) left top repeat-x #000; margin: 0 20px; padding: 30px; line-height: normal; }
.com p { font-size: 27px; color: #fff; display: block; height: 120px; line-height: 1;}
.com img { border: 5px solid #fff; float: left; margin: 0 30px 0 0; }

#main { float: left; width: 569px; padding: 16px 20px 16px 19px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: url(img/bg-main.png) left top repeat-x #fff; line-height: 1.5; color: #666; }
#main h2 { font-size: 24px; font-weight: bold; color: #980000; line-height: 57px; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; }
#main h3 { font-size: 18px; font-weight: bold; color: #333; margin: 10px 0 5px 0; }
#main p { padding: 7px 0; }
#main blockquote { font-size: 18px; color: #bbb; width: 517px; padding: 0 0 0 52px; margin: 20px 0; background: url(img/main-quote.png) left 13px no-repeat; }
#main img { border: 4px solid #c3c2c2; }
#main img.alignleft { float: left; margin: 4px 20px 0 0; }
#main img.alignright { float: right; margin: 4px 0 0 20px; }
#main ul { list-style: square; margin: 10px 0 10px 25px; }
#main ul li { margin: 4px 0; }
#main ol { list-style: decimal; margin: 10px 0 10px 25px; }
#main ol li { margin: 4px 0; }
#main .gallery-item { width: 32%; float: left; margin: 0 0 12px 0; }

#main .post { padding: 0 0 15px 0; }
#main .post-left { width: 130px; float: left; padding: 0 0 0 10px; }
#main .post-left img { border: 4px solid #f4f4f4; }
#main .post-right { width: 420px; float: right; }
#main .post h2 { line-height: normal; margin: 0; padding: 0 0 7px 0; }
#main .post h2 a { text-decoration: none; }
#main .post h2 a:hover { color: #C00; }
#main .info { background-color: #f4f4f4; padding: 7px 10px; }
#main .info a { text-decoration: none; }
#main .info a:hover { text-decoration: underline; }

#main .single h2 { margin: 0; }
#main .single .info { margin: 0 0 10px 0; }

#navigation .alignleft a { display: block; height: 20px; float: left; font-weight: bold; }
#navigation .alignright a { display: block; height: 20px; float: right; font-weight: bold; }

.sloupec { width: 49%; float: left; }
/* obsah */

/* menu */
#sidebar { width: 260px; float: right; padding: 7px 20px 0 20px; overflow: hidden; }
#sidebar h4 { font-size: 30px; font-weight: bold; color: #c3c2c2; font-weight: bold; line-height: 58px; }
#sidebar ul li { margin: 0 0 10px 0; }
#sidebar ul li ul li { margin: 0; }
#sidebar ul li ul li a { display: block; height: 40px; background: url(img/side-li.png); line-height: 40px; font-size: 14px; color: #333; text-decoration: none; padding: 0 0 0 30px; }
#sidebar ul li ul li a:hover { font-weight: bold; }
#sidebar ul li ul li ul li { padding: 0 0 0 20px; }
#sidebar .b125 { margin: 13px 0 0 0; width: 300px; }
#sidebar .b125 img { margin: 0 9px 10px 0; }

#bottom { background: url(img/bg-bottom.png) left top repeat-x #000; margin: 1px 20px 0 20px; padding: 0 0 10px 0; width: 910px; color: #fff; }
#bottom h4 { font-size: 18px; color: #fff; font-weight: bold; line-height: 54px; margin: 0 0 22px 0; }
#bottom ul li#text-4 h4 { background: url(img/bottom-text.png) right top no-repeat; }
#bottom ul li.widget_execphp h4 { background: url(img/bottom-news.png) right top no-repeat; }
#bottom ul li.widget_text h4 { background: url(img/bottom-contact.png) right top no-repeat; }
#bottom ul li.widget_text p { line-height: 1.5; }
#bottom ul li.widget_text p.quote { color: #ccc; padding: 15px 0; }
#bottom ul li { display: inline; width: 263px; float: left; margin: 0 20px; background: url(img/bottom-line.png) left 51px repeat-x; }
#bottom ul li ul li { display: block; width: auto; height: 70px; float: none; margin: 0 0 20px 0; background: none; color: #ccc; line-height: 1.5; clear: both; }
#bottom ul li ul li h4 { font-size: 12px; color: #fff; line-height: normal; background: none; width: 210px; padding: 0 14px 0 0; float: right; margin: 0; }
#bottom ul li ul li h4 a { color: #fff; text-decoration: none; }
#bottom ul li ul li h4 a:hover { text-decoration: underline; }
#bottom ul li ul li p { display: block; width: 210px; padding: 0 14px 0 0; float: right; }
#bottom ul li ul li .date { float: left; background: url(img/bottom-postcal.png); width: 30px; height: 36px; text-align: center; margin: 2px 0 0 0; }
#bottom ul li ul li .date .month { display: block; font-size: 9px; color: #fff; line-height: 13px; text-transform: uppercase; }
#bottom ul li ul li .date .day { display: block; font-size: 20px; color: #333; line-height: 23px; }
#bottom .wpcf7 { color: #030303; }
#bottom .wpcf7 p { padding: 0 0 3px 0; }
#bottom .wpcf7 label { width: 83px; line-height: 27px; float: left; color: #d9d9d9; }
#bottom .wpcf7 input { width: 170px; height: 27px; padding: 0 5px; background: url(img/contact-fields.png); border: none; line-height: 27px; color: #666; }
#bottom .wpcf7 textarea { width: 170px; height: 77px; padding: 5px; background: url(img/contact-fields.png) left top no-repeat #fff;; border: none; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; overflow: auto; }
#bottom .wpcf7 input#submit { display: block; width: 61px; height: 26px; padding: 0 0 0 10px; background: url(img/contact-submit.png); margin: 2px 0 0 202px; font-size: 11px; color: #fff; text-align: left; cursor: pointer; }
#bottom .wpcf7-response-output { color: #fff; }
/* menu */

/* paticka */
#box { margin: 0 20px; padding: 15px 20px; color: #fff; height: 15px; }
#box a { color: #fff; text-decoration: none; }
#box a:hover { text-decoration: underline; }
#box-left { float: left; }
#box-right { float: right; }
/* paticka */


/* ------- 5. Tables ------- */

table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #eaeaea;margin-bottom:18px;}

th{padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase;}
td{padding:10px;color:#666666;}
tfoot td{border:0px;}
th,tr:hover{background-color:#f5f5f5;}