/*
Theme Name: ENERG SERVIS
Theme URI: http://www.energservis.cz/
Description: The ENERG SERVIS, a.s. default web theme. This theme requires the Language Twins plugin to work properly.
Version: 0.1
Author: Pavel Hamřík
Author URI: http://www.hmd.cz
Tags: red, grey, blue, geometric, sharp, panel, rectangle, big typography, cutom, commercial, language twins
*/

/* Eric Meyer's Reset Reloaded | http://meyerweb.com/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1; color:black;	background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}


/* The Main Stylesheet */

body {background:#2a2d33 url(images/background-stripe.png) repeat-x center 159px; text-align:center; font:13px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:17px; padding-bottom:10px; color:#000;}

/* header */

#header {width:970px; margin:0 auto; height:132px; position:relative;}
#logotype {display:block; width:313px; height:92px; position:absolute; top:22px; left:25px;}

#language-selector {width:80px; height:27px; position:absolute; top:0; right:25px; background:#41464e;}
#language-selector span {display:none;}
#language-selector .cs, #language-selector .en {display:block; width:40px; height:27px; background:url(images/language_selector-cz.png) no-repeat 80% 0; float:left;}
#language-selector .en {background:url(images/language_selector-en.png) no-repeat 20% 0; float:right;}
#en #language-selector .cs {background-position:80% -27px;}
#cs #language-selector .en {background-position:20% -27px;}
#en #language-selector .cs:hover, #en #language-selector .cs:focus {background-position:80% -54px;}
#cs #language-selector .en:hover, #cs #language-selector .en:focus {background-position:20% -54px;}

#menu {width:580px; height:28px; position:absolute; top:54px; right:25px;}
#menu a {display:block; height:28px; background:url(images/menu-photovoltaics.png) no-repeat 50% 0; float:right;}
#menu a:hover, #menu a:focus, #menu a.current {background-position:50% -28px;}
#menu span {display:none;}

#menu #photovoltaics {width:105px;}
#menu #other-services {width:104px; background-image:url(images/menu-other_services.png);}
#menu #about-us {width:75px; background-image:url(images/menu-about_us.png);}
#menu #contact {width:72px; background-image:url(images/menu-contact.png);}
#menu #training-centre {width:110px; background-image:url(images/menu-training_centre.png);}
#menu #wholesale-pv {width:104px; background-image:url(images/menu-wholesale_pv.png);}

#menu #fotovoltaika {width:97px; background-image:url(images/menu-fotovoltaika.png);}
#menu #dalsi-sluzby {width:90px; background-image:url(images/menu-dalsi_sluzby.png);}
#menu #o-nas {width:56px; background-image:url(images/menu-o_nas.png);}
#menu #kontakt {width:72px; background-image:url(images/menu-kontakt.png);}
#menu #skolici-stredisko {width:115px; background-image:url(images/menu-skolici_stredisko.png);}
#menu #velkoobchod-fve {width:121px; background-image:url(images/menu-velkoobchod_fve.png);}

/* main */

#main {width:960px; margin:0 auto; padding:5px; position:relative; background:#fff url(images/main-shadow-body.png) repeat-y;}
#main-shadow-top {width:970px; height:5px; position:absolute; top:0; left:0; background:url(images/main-shadow-top.png) no-repeat;}
#main-shadow-wing-left {width:5px; height:301px; position:absolute; top:30px; left:0; background:url(images/main-shadow-wing-left.png) no-repeat;}
#main-shadow-wing-right {width:5px; height:301px; position:absolute; top:30px; right:0; background:url(images/main-shadow-wing-right.png) no-repeat;}

#content {font-size:13px; text-align:left; height:400px;}
*>#content {height:auto; min-height:400px;}

#content a img {border:1px solid #31363e;}
#content a:hover img, #content a:focus img {border-color:#be2215;}

/* home */

#panel {width:890px; height:266px; position:relative; padding:43px 35px 42px; overflow:hidden; background:url(images/panel-background.png) no-repeat;}

.stripNavL {width:37px; height:37px; position:absolute; top:157px; left:9px; z-index:10;}
.stripNavL a {display:block; width:37px; height:37px; background:url(images/panel-arrow-left.png) no-repeat 0 0; text-decoration:none; color:#be2215; font-size:0px;}
.stripNavR {width:37px; height:37px; position:absolute; top:157px; right:9px; z-index:10;}
.stripNavR a {display:block; width:37px; height:37px; background:url(images/panel-arrow-right.png) no-repeat 0 0; text-decoration:none; color:#be2215; font-size:0px;}
.stripNavL a:hover, .stripNavR a:hover {background-position:0 -37px; color:#be2215;}

.stripNav {height:30px; position:absolute; top:267px; right:334px; z-index:10;}
.stripNav ul {height:30px;}
.stripNav li {width:39px; height:30px; float:left;}
.stripNav a {display:block; width:30px; height:27px; padding:3px 0 0; background:url(images/panel-numbers_background.png) no-repeat 0 0; text-decoration:none; float:right; font:16px "Arial Narrow", Arial, Helvetica, sans-serif; color:#fff;}
.stripNav a:hover, .stripNav a.current {background-position:0 -30px; color:#fff;}

#panel .panelContainer, #panel .csw, #panel .stripViewer {width:884px; height:266px; overflow:hidden;}
#panel .stripViewer, #panel .csw {margin-left:3px;}
#panel .panelContainer {position:relative; top:0; left:0; z-index:5;}
#panel .panel {width:887px; height:266px; float:left; overflow:hidden;}
#panel .csw .loading {display:none;}
#panel .panel img.size-medium {width:602px; height:266px; margin-right:20px; float:left;}
#panel .panel p {text-align:left; margin-right:20px;}
#panel .panel h1 {font-size:48px; margin-top:17px; text-align:left;}
#panel .panel .more-link {margin-top:8px;}

.home #content {height:130px;}
*>.home #content {height:auto; min-height:130px;}

#content .col-left {width:280px; float:left; margin:20px 0 0 20px;}
#content .col-right {width:320px; float:right; margin:20px 0 0 0;}
#content .col-middle {width:300px; float:left; margin:20px 0 0 20px;}

h1.coltitle {float:left; padding:16px 10px 10px 20px; height:28px; background:#6c7584; color:#fff; font-size:36px; line-height:36px; margin:12px 0 20px;}
h1.coltitle.dark {background:#31363e;}
h1.coltitle a {color:#fff;}
h1.coltitle a:hover, h1.coltitle a:focus {color:#be2215;}
.colcontent {clear:left; margin-left:20px;}
.colcontent h2 {font-size:30px; margin-top:32px;}

#content .col-right .colcontent {margin-right:40px;}
#content .col-middle .colcontent {margin-left:20px;}

.colpanel-right {background:#6c7584; margin:25px 0 25px 20px; color:#fff;}
.colpanel-right strong, .colpanel-right a {color:#fff;}
.colpanel-right a:hover, .colpanel-right a:focus {color:#be2215;}
.colpanel-right h1.coltitle {background:#31363e;  margin:0 0 10px 10px; padding:16px 10px 10px;}
.colpanel-right h1.coltitle a {color:#fff;}
.colpanel-right h1.coltitle a:hover, .colpanel-right h1.coltitle a:focus {color:#be2215;}
.colpanel-right .more-link-button {margin-right:-40px;}

/* subpage */

.subpage #content {padding:25px 0; height:700px;}
*>.subpage #content {height:auto; min-height:700px;}
.subpage #content .col-left {width:220px; margin:0;}
.subpage #content .col-right {width:620px; margin:10px 90px 0 0;}

#sidepanel, #sidepanel-error {width:60px; height:301px; position:absolute; top:30px; right:5px; background:#be2215; font-size:36px; color:#fff; overflow:hidden; z-index:5;}
#sidepanel div, #sidepanel-error div {padding:20px 0 0 10px;}
#sidepanel {height:697px; background:#be2215 url(images/subpage-heading.png) no-repeat 0 100%;}

ul#submenu {width:200px; background:#6c7584 url(images/subpage-separator.png) no-repeat 0 100%; padding:15px 10px 77px;}
ul#submenu li {height:31px; overflow:hidden; margin:0 !important;}
ul#submenu li.cleaner {clear:left; height:1px; visibility:hidden;}
ul#submenu li a {display:block; float:left; clear:left; padding:6px 10px 8px; color:#fff; font-size:22px; text-transform:lowercase; text-decoration:none;}
ul#submenu li.current_page_item a {background:#31363e;}
ul#submenu li a:hover, ul#submenu li a:focus {background:#be2215;}

#toplink {width:50px; height:28px; padding:6px 0 0 10px; background:#6c7584; position:absolute; bottom:60px; right:5px; border:1px solid #fff; border-width:1px 0; text-decoration:none; color:#fff; z-index:10;}
#toplink:hover, #toplink:focus {text-decoration:underline;}

/* footer */

#footer {background:url(images/footer-stripe.png) repeat-x;}
#footer-wrapper {width:920px; height:96px; margin:0 auto 10px; padding:16px 25px 0; background:url(images/footer-background.png) no-repeat;}
#footer a {text-decoration:none; color:#fff;}
#footer a:hover, #footer a:focus {text-decoration:underline;}
#copyright {float:left;}
#meta {float:right;}
#meta a {color:#000;}
#meta a:hover, #meta a:focus {color:#fff;}
#rss, #sitemap {display:block; float:left; margin-left:40px; background:url(images/icon-rss.png) no-repeat 0 60%; padding-left:15px;}
#sitemap {background-image:url(images/icon-sitemap.png); padding-left:17px;}
#loginout {float:right; margin-top:-11px; height:40px; background:#31363e; padding-right:15px; overflow:hidden;}
#loginout a {display:block; padding:11px 12px 25px 15px; background:url(images/icon-more_arrow.png) no-repeat 100% 17px; float:left;}

/* 404 */

.notfound #main #content {padding:40px 50px; height:400px;}
*>.notfound #main #content {height:auto; min-height:400px;}

/* basic typography */

h1 {font-size:48px; line-height:48px; color:#31363e; margin:16px 0;}
h1.pagetitle {margin-top:0;}
h2 {font-size:36px; line-height:36px; color:#31363e; margin:16px 0 10px;}
h3 {font-size:30px; line-height:30px; color:#31363e;}

p {margin:0 0 12px;}

a {color:#be2215; text-decoration:underline;}
a:hover, a:focus {color:#6c7584;}

h1 a, h2 a, h3 a {text-decoration:none; color:#31363e;}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus {color:#be2215;}

strong {font-weight:bold; color:#31363e;}
em {font-style:italic; color:#be2215;}

#content ul, #content ol {margin:0 0 12px;}
#content ul li {margin:0 0 0 20px; list-style:square;}
#content ol li {margin:0 0 0 20px; list-style:decimal;}

table {width:100%; margin:0 0 12px; border:none; border-collapse:collapse;}
table tr.even {background:#e5e8ed;}
table th {padding:6px 20px; background:#6c7584; color:#fff; font-weight:bold;}
table td {padding:6px 20px;}

/* miscelaneous content */

.cleaner {clear:both;}
hr.cleaner {clear:both; height:1px; border:none; background:none; visibility:hidden; overflow:hidden;}

.more-link, .more-link-main {display:block; text-align:right; font-size:11px; text-decoration:none; background:url(images/icon-more_arrow.png) no-repeat 100% 60%; padding-right:10px; color:#31363e;}
.more-link-main {font-size:13px;}
.more-link-button {height:31px; overflow:hidden; margin:0;}
.more-link-button a {display:block; float:right; margin-right:10px; font-size:13px; text-decoration:none; background:#31363e; padding-right:10px; color:#fff;}
.more-link-button a span {display:block; background:url(images/icon-more_arrow.png) no-repeat 100% 40%; padding:4px 10px 10px;}
.more-link:hover, .more-link:focus, .more-link-main:hover, .more-link-main:focus, .more-link-button a:hover, .more-link-button a:focus {text-decoration:underline; color:#be2215;}

.date, .tags {font-size:11px; line-height:15px; color:#6c7584; margin-bottom:12px;}

.zoom-holder {display:block; position:relative;}
.medium-zoom-holder {display:block; position:relative;}
.medium-zoom-holder .alignright, .medium-zoom-holder .alignleft {float:none;}
.medium-zoom-holder-left {float:left;}
.medium-zoom-holder-right {float:right;}

a .zoom {display:block; width:32px; height:24px; position:absolute; bottom:0; right:10px; background:url(images/icon-zoom.png) no-repeat 0 0;}
a:hover .zoom, a:focus .zoom {background-position:0 -24px;}

#short-contact {background:#6c7584; margin:25px 0 25px 20px; color:#fff;}
.subpage #short-contact {margin:35px 0;}
#short-contact strong, #short-contact a {color:#fff;}
#short-contact a:hover, #short-contact a:focus {color:#be2215;}
#short-contact h1.coltitle {background:#31363e;  margin:0 0 10px 10px; padding:16px 10px 10px;}
#short-contact h1.coltitle a {color:#fff;}
#short-contact h1.coltitle a:hover, #short-contact h1.coltitle a:focus {color:#be2215;}
#short-contact .more-link-button {margin-right:-40px;}
.subpage #short-contact .more-link-button {margin-right:-20px;}
.subpage #short-contact .colcontent {margin-right:20px;}

.underline {text-decoration:underline;}

.no-margin-top {margin-top:0;}
.no-margin-left {margin-left:0;}
.no-margin-right {margin-right:0;}
.no-margin-bottom {margin-bottom:0;}

.alignright {float:right;}
.alignleft {float:left;}

.red {color:#be2215 !important;}


/* ugly hacks and fixes :( */

/* ie 6 */
* html #content .col-left {overflow:hidden; margin:10px 0 0 10px;}
* html #short-contact .more-link-button {margin-right:-50px;}
* html .subpage #short-contact .more-link-button {margin-right:-30px;}
* html h1, * html h2, * html h3, * html #submenu li a {font-family:"Gill Sans MT Condensed", Arial, Helvetica, sans-serif;}
* html h1 {font-weight:normal;}
* html a .zoom {background:none;}
* html .subpage #content .col-left {width:220px; margin:0;}
* html .subpage #content .col-right {width:620px; margin:10px 45px 0 0;}
* html #short-contact h1.coltitle {margin:0 0 0 5px;}
* html #short-contact {padding:0;}
* html #sidepanel div {display:none;}
* html #short-contact {margin-top:0; position:relative; top:10px;}
* html h1.coltitle {position:relative;}

/* and that would be all */