﻿/* Zakladni definice */
body { color: #333333; font-size: 12px; font-family: Arial,Verdana,Helvetica,sans-serif; margin: 0; padding: 0; background: #14385C url("../img/mraky.jpg") repeat-x left top; vertical-align: top; text-align: center; height: 100%; }

p, h1, h2, h3, h4, h5, h6, ul, ol, li, hr, form, fieldset, legend, table, theah, tbody, blockquote {
	margin: 0;
	padding: 0;
}
.no_padding{
	_margin-bottom: -14px;
}
a, a:link, a:active {
	text-decoration: underline;
	color: #F24F00;
	outline: none;
}
a:visited {
	color: #666;
}
a:hover {
	color: #000;
}
a img {
	border: 0;
}
table {
	font-size: 100%;
}
ul {
	list-style-type: none;
}
hr {
	display: none;
}

#center_left p {
        margin-bottom: 15px;
}

#header {
	position: relative;
	width: 970px;
	height: 90px;
/*	background: url("../img/header-bg.jpg") no-repeat left top; */
}

/* Logo CEZ */
#logo { 
        position: relative;
        top: 17px;
        left: 10px; 
        display: block; 
        width: 412px;
        height: 51px;
        line-height: 51px;
        font-size: 22px;
        overflow: hidden;
        color: #F24F00;
        text-indent: -9999px;
}
#logo a {
        color: #F24F00;
}
#logo strong {
        font-weight: normal;
}
* html #logo a span {
        cursor: hand;
}
#logo span {
        background-image: url("../img/logo-cez-regiony.gif");
}

h1 span, h2 span, h3 span, #logo span, #zalozky span, .visual span, #promo blockquote span, .help-info span, .help-infow span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 100%;
	*float: left;
}

/* Menu */
#misto-pro-menu {
	width: 730px;
}
#misto-pro-menu span {
	display: block;
	float: left;
	width: 29em;
	height: 40px;
	text-transform: uppercase;
	font-weight: bold;
}

#menu {
	left:8px;
	margin-top:0px;
	position:absolute;
	top:95px;
	width: 956px;
	_width:960px;
	padding: 0 2px 0 2px;
	_padding: 0 2px 0 0px;
	z-index:1000;
	background: transparent url(../img/background-menu2.png) repeat-x scroll left 50%;
}
#menu li {
	background: transparent url(../img/menu-sep.gif) no-repeat scroll right center;
	color:#fff;
	float:left;
	font-size: 13px;
	line-height:100%;
	position:relative;
	height: 45px;
}
#menu li a {
	color:#fff;
	display:block;
	padding:3px 13px 0 13px;
	font-weight: bold;
	text-decoration:none;
	margin: 0;
	line-height:35px;
/*	line-height:35px;
	height:43px;*/
}
#menu li a.rozb{
	background: transparent url(../img/background-submenu-active.gif) repeat-x scroll left top;
        border: none;
}

#menu li a.rozb:hover{
	background: transparent url(../img/background-submenu-active.gif) repeat-x scroll left top;
        border: none;
}

#menu li a:hover {
        background: transparent url(../img/background-menu-hover.gif) repeat-x scroll left 3px;
        _background: transparent url(../img/background-menu-hover.gif) repeat-x scroll left 1px;
/*        *background: transparent url(../img/background-menu-hover.gif) repeat-x scroll left 2px;*/
        _width: auto;
        _float: left;
}
#menu li a.active {
        color: #000;
        background: #fff url(../img/background-menu-active.gif) repeat-x scroll left top !important;
        border: 4px solid #fff !important;
        border-bottom: none !important;
        margin-top: 0px;
        height: 47px;
        padding: 0px 10px 0px 10px;
        _width: auto;
        _float: left;
        *z-index: 50000;
        top: -4px;
}
#menu li.menuFirst a.active {
	margin-left: -2px;
	padding-left: 12px;
	_margin-left: 0px;
        _left: 0px;
}

#menu li a.rozb:hover, #menu li li a:hover {
	color:black;
	text-decoration:none;
}
#menu ul {
        margin: 0px 0px 0px 0px;
        width: 960px;
        height: 35px;
        position: relative;
        background: transparent url(../img/background-submenu.gif) repeat-x scroll left top;
}
#menu ul li {
	line-height:105% !important;
	padding:0;
	position:relative;
}
#menu li.rozb a {
        color: #000;
        background: #fff url(../img/background-menu-active.png) repeat-x scroll left top;
        border: 4px solid #fff !important;
        margin-top: -2px;
        height: 33px;
        padding: 0px 10px 0px 10px;
        _width: auto;
        _float: left;
}
#menu li.rozb a:hover {
	text-decoration:none;
}
#menu li.rozb li {
       width:100%;
       position: relative;
       float: left;
       line-height: 100% !important;
       background: transparent url(../img/menu-sep-black.png) no-repeat scroll right center;
       color: #000;
       width: auto;
}
#menu li.rozb li a {
       font-weight:normal;
       left:0;
       margin:0;
       padding: 0px 10px 0px 10px;
       font-size: 12px;
       font-weight: bold;
       border: none !important;
}
#menu li.rozb li a:hover {
       background: transparent url(../img/background-submenu-active.gif) repeat-x scroll left top;
       font-weight:normal;
       left: 0px;
       margin: 0px 0px 0px 0px;
       padding: 0px 10px 0px 10px;
       position: static;
       font-size: 12px;
       font-weight: bold;
}
* html #menu li.rozb li a, * html #menu li.rozb li a:hover {
	padding-bottom:8px;
}
#menu li li {
	font-size:100%;
}
#menu div {
        position: absolute;
        top: 39px;
        border: none;
        height: 35px;
}
/* #menu .rozb div {
        position: relative;
        top: 39px;
/*	background: #fff url(../img/background-submenu.gif) repeat-x scroll left top;
        border: none;
}*/

/********* submenu **********/
li#submenu {
	position: absolute; 
	top: 44px; 
	_top: 43px; 
	left: 0px; 
	color: #333333;
	font-size: 100%;
}
li#submenu li {
	background: url(../img/submenu-sep.gif) no-repeat right center;
}
li#submenu a {
	color: #333333;
}
li#submenu a:hover {
	color: #F24F00 !important;
	background: none;
}
li#submenu a.active {
	background: url("../img/background-submenu-active.gif") no-repeat center bottom !important;
	border: none !important;
/*	line-height: 47px;*/
	line-height: 43px;
	color: #F24F00 !important;
}
li#submenu a.active.orangestyle {
        color: #F24F00 !important;
}
li#submenu span {
/*        font-weight: bold;
        background: transparent url("../img/submenu-active.gif") repeat-x scroll left top!important;*/
}

li#submenu a.active.purplestyle, li#submenu a.active.purpleground {
        color: #6318A1 !important;
}
li#submenu a.active.brownstyle, li#submenu a.active.brownground {
        color: #5E1705 !important;
}
li#submenu a.active.bluestyle, li#submenu a.active.blueground {
        color: #2573C2 !important;
}
li#submenu a.active.redstyle, li#submenu a.active.redground {
        color: #F50000 !important;
}
li#submenu a.active.greenstyle, li#submenu a.active.greenground {
        color: #6BB21D !important;
}
li#submenu a.active.pinkstyle, li#submenu a.active.pinkground {
        color: #BC0070 !important;
}
li#submenu a.active.blackstyle, li#submenu a.active.blackground {
        color: #39444A !important;
}

/* odkazy pro preskoceni v obsahu */
.skip a {
 	position: absolute;
  	overflow: hidden;
  	width: 0;
  	height: 0;
	color: #F24F00;
}
.skip a:active, .skip a:focus {
	color: #000;
  	display: block;
  	position: absolute;
	width: auto;
  	height: 50px;
	max-height: 14px;
	padding: 16px 50px 20px 20px;
  	top: 15px;
  	left: 300px;
	z-index: 100;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #EFEFEF;
	overflow: hidden;
}
* html .skip a:active {
	padding-top: 3px;
}
.skip a:hover {
	color: #F24F00;
}
.skip a span {
	position: absolute;
	display: block;
	top: 5px;
	right: 20px;
	font-size: 28px;
	color: #ddd;
}
.skip a:hover span {
	color: #000;
}

/* Vyhledavani */
#hledani { 
        position: absolute;
        right: 16px;
        top: 15px; 
        width: 650px;
        text-align: right;
        _right:10px;
        height: 45px;
}
#hledani a {
	display: block;
	float: right;
	padding: 12px 12px 7px 12px;
	background: url("../img/header-links-sep.png") no-repeat right 10px;
}
#hledani a, #hledani a:visited {
	color: #CCCCCC;
}
#hledani a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
#hledani form { 
       float: right;
       padding-top: 10px;
}
#hledani input {
       margin-left: 9px;
       color:#333333;
       background: #FFFFFF url("../img/background-input-search.gif") repeat-x scroll left top;
       height: 23px;
       border: 1px solid #FFFFFF;
       padding-top: 0px;
}
#hledani .button {
       margin-left: 9px;
       color:#333333;
       background: #FFFFFF url("../img/background-search.gif") repeat-x scroll left bottom;
       height: 25px;
       border: 1px solid #FFFFFF;
       _width: auto;
       _margin-top: 0px;
}

/* Pata stranky */
#footer { 
       color: #FFFFFF;
       width: 982px;
       position: relative;
       z-index: 10;
       background-color:#0B2642;
       margin-left: auto;
       margin-right: auto
}
#footer a, #footer a:visited {
       color: #666;
}
#footer a:hover {
       color: #000;
}
#odkazy {
       padding-top: 15px;
       background-color: #0B2642;
       margin-left: auto;
       margin-right: auto;
}
#odkazy a {
       color: #FFFFFF;
}
#odkazy a:visited {
       color: #FFFFFF;
}
#odkazy a:hover {
       color: #F24F00;
}
#odkazy ul {
       padding-left: 15px;
       }
#footer li {
       float: left; margin-top: 0px; padding: 0 12px 15px 12px;
}
#footer p {
       float: right;
       text-align: right;
}
#footer p#copy {
       float: right;
       margin-top:0px;
       padding:0px 25px 12px 15px;
       text-align: left;
}
#copy span {
       padding-left: 3px;
       padding-right: 3px;
}

/* ankety */
#poll { background: #0B2642; text-align: left; color: #C3C3C3; }
.pollname, .pollaccepted { font-weight: bold; line-height: 1.5em; margin: 0.2em 0; color: #C3C3C3;}
.polloptiontext { display: block; padding-bottom: 2px; }
.pollimgitem .polloptionratio { float: right; }
.polloption { margin: 0px 0px 0px 0px; }
.pollimgbarbgr { width: 140px; display: block; float: left;/* background: url("../img/pollitem-bg.gif") 0px 3px no-repeat;*/ padding-top: 3px; }
.pollimgbarbgr img { display: block; background: url("../img/pollitem.gif") 0px 0px no-repeat; }

/* vyhledavani */
p#nalezeno { position: relative; padding: 0 19px 13px 19px; margin: 0; line-height: 175%; border-bottom: 1px solid #E8E8E8; }
* html #center_left p#nalezeno { width: 100%; }
* html #center_left .vysledky { margin-top: 0; }
#center_left .vyhledavani h2 { background: none; padding-left: 0; color: #666; font-weight: normal; margin: 15px 0 5px 0; }
#center_left .vyhledavani h2 a { font-weight: normal; color: #F24F00; }
#center_left .vyhledavani h2 a:hover { color: #000000; }
* html #center_left .vyhledavani strong { font-size: 95%; }
#center_left .vyhledavani a:hover strong { color: #000; }

#kontejner .noB, .vycet .noB { background-image: none !important; border-right: 0; }

/* clearovani */
.clr:after, #p-mid:after, .twoCols:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr, #p-mid, .twoCols {display: inline-block; }
/* Hides from IE-mac \*/
* html .clr, * html #p-mid, * html .twoCols {height: 1%;}
.clr, #p-mid, .twoCols {display: block;}
/* End hide from IE-mac */
.clear { clear: both; height: 1px; font-size: 1px; display: block; overflow: hidden; } /* old style */


.screenHide { /* v grafickem rezimu neviditelne objekty */
        display: none;
}

.hidden {
	display:none;
        position: relative;
         float: left;
}

/* Vyhledavani */

.vyhledavani .strankovani .act {
	padding: 4px 9px;
	margin: 0 4px;
	vertical-align: middle;
}
.vyhledavani .strankovani input.next {
	width: 95px;
	cursor: pointer;
}
.vyhledavani .strankovani input.prev {
	width: 95px;
	cursor: pointer;
}
.vyhledavani .strankovani input:hover {
	border: 1px solid #F24F00;
	color: #F24F00;
}

.hr-footer {
	background-color:#3C5168;
	border:medium none;
	color:#3C5168;
	display:block;
	height:1px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

#footercontainer { 
	background-color: #0B2642;
}

#secondfooter { 
	position: relative;
	_position: relative;
	width: 982px;
	margin-left: auto;
	_margin-left: auto !important;
	margin-right: auto;
	_margin-right: auto !important;
	background-color: #0B2642;
	z-index: 100;
	height: auto;
	text-align: left;
}

/* tri svisle bloky s odkazy ve vetsi paticce */
.o_projektu {
	float: left;
	width: 366px;
	margin-left: 25px;
	max-width: 380px !important; 
	padding: 15px 10px 0px 0px;
	overflow: hidden;
	height: auto;
	display: inline;
	background: transparent url("../img/logo-cez-zrcadlo.gif") no-repeat scroll -3px 53px;
	position: relative;
	_padding-right: 0px;
	_position: relative;
	_margin-left: 20px;
}
.o_projektu h1, .mapa_stranek h1, .novinky h1 {
        color: #FFF;
        font-size: 18px;
        font-weight: normal;
}
#threebox-one .boxtext {
        color:#C3C3C3;
        font-size:11px;
        padding-left:72px;
        padding-right:5px;
        padding-top:14px;
}
#threebox-one .boxtext p{
        margin-bottom: 20px;
}

/* tri svisle bloky s odkazy ve vetsi paticce */
.mapa_stranek {
	float: left;
	width: 300px;
        display: inline;
	max-width: 300px !important; 
	padding: 15px 10px 0px 10px;
	overflow: hidden;
	height: 270px;
        _position: relative;
}
.mapa_stranek div {
        float: left; 
        width: 140px;
        padding-right: 10px;
        padding-top: 25px;
}
.mapa_stranek p {
        padding-bottom: 10px;
        background:transparent url(../img/li-1.gif) no-repeat scroll 0 7px;
        padding-left: 10px;
}

.mapa_stranek a {
        color: #C3C3C3;
}
.mapa_stranek a:visited {
        color: #C3C3C3;
}
.mapa_stranek a:hover {
        color: #C23F00;
}

/* tri svisle bloky s odkazy ve vetsi paticce */
.novinky {
	float: left;
        display: inline;
	width: 220px;
	padding: 15px 10px 0px 10px;
	overflow: hidden;
	height: 355px;
	_height: 380px;
	position: relative;
        _position: relative;
}
.novinky p {
       padding-top:15px;
       padding-right: 15px;
       _padding-right: 10px;
       max-height: 49px;
       _height:64px;
       overflow: hidden;
}
.novinky span {
       color: #C23F00;
       font-size: 12px;
       font-weight: bold;
}
.novinky a, .novinky a:visited {
       color: #CCCCCC;
       font-size: 14px;
       font-weight: normal;
       text-decoration: none;
       display: block;
}
.novinky a:hover {
       color: #C23F00;
} 
