/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Styles the html elements
 **************************************************************/

html {
    width: 100%;
    height: 100%;
    background: #EBF3FE url(../images/bg/bg-y-2015.png) repeat-y center top;
    min-width: 1024px; /* pro standardní prohlížeče */
    _width: 1024px; /* pro Internet Explorer 6, který to chápe jako min-height*/
}

body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    line-height: 1.5em;
    /*font-family: Arial, sans-serif;*/
    font-family: Verdana,"Geneva CE",lucida,sans-serif;
    font-size: small;
    background: url(../images/bg/bg-top-2015.jpg) no-repeat top center;
    /*float: center;*/
    min-width: 1024px; /* pro standardní prohlížeče */
    _width: 1024px; /* pro Internet Explorer 6, který to chápe jako min-height*/
    min-height: 1800px; /* pro standardní prohlížeče */
    _height: 1800px; /* pro Internet Explorer 6, který to chápe jako min-height*/
    text-align: center; 
}

p {
    text-indent: 0px;
    margin: 12px 0px 12px 0px;
}

h1 {   

    clear: both;
    font: 700 1.5em "trebuchet ms", serif;
    color: #1055CA;
}

h2 {
    font-family: Georgia;
    font-style: italic;
    clear: both;
}

h2 a {
    color: #000000;
}

h2 a:hover {
    color: #000000;
}

h3 {
    font: 400 1.3em "trebuchet ms", serif;
    color: #1055CA;
}

h4 {
    font: 700 1.2em "trebuchet ms", serif;
    color: #1055CA;
}

h5 {
    font: 700 1.1em "trebuchet ms", serif;
    color: #F17400;
}

h6 {
    font: 700 1em "trebuchet ms", serif;
    color: #FF4B33;
}

/* Dříve zde byl také "p" */
h1, h2, h3, h4, h5, h6, dl {
    margin: 0px;
    padding-left: 0px;
    padding: 10px 0px 0px 0px;
}
/*
  margin: 0;
  padding-left: 0;
  padding: 10px 15px;
*/

/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
.leftColumn h1,
.leftColumn h2, 
.leftColumn h3,
.leftColumn h4,
.leftColumn h5,
.leftColumn h6,
.leftColumn p,
.leftColumn dl {
    padding-left: 0;
}

a {
    color: #1055CA;
    text-decoration: none;
}

a:hover {
    color: #F17400;

}

a:visited {
    /*text-decoration: line-through;*/
}

b {
    color: #14439D;
}

ol, ul {
    margin: 10px 20px;
    padding: 0px;
}

ol {
    /*color: #FC0;*/
    color: #000000;
}

ol span {
    color: #EEE;
}

ul {
    list-style-image: url(../images/bg/bullet.gif);
    text-align: left;
}

del {
    color: #AAA;
}

code {
    margin: 10px 15px;
    padding: 10px;
    display: block;
    overflow: auto;

    font: 400 1em courier, monospace;
    line-height: 120%;
    white-space: pre;

    background: #444;
}

.leftColumn code {
    margin-left: 0;
}

acronym {
    cursor: help;
    border-bottom: 1px solid #777;
}

dt {
    font-weight: bold;
    color: #FFB323;
}

dd {
    margin-left: 0;
    padding-left: 45px; 
}

/**************************************************************
   Form Elements
 **************************************************************/

form {
    margin: -3px;
    padding: 10px;
    background-color: #DCE9FA;
    background-repeat: no-repeat;
    border-width: 1px;
    border-style: solid;
    border-color: #6cbcff;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

#left-column form {
    border: none;
}

::-moz-placeholder { /* Firefox 18- */
    text-align: center;
    color: #1055CA;
    font-size: 16px;
    font-family: Verdana,"Geneva CE",lucida,sans-serif;
    font-stretch: normal;
}

::-webkit-input-placeholder {
    text-align: center;
    color: #1055CA;
    font-size: 16px;
    font-family: Verdana,"Geneva CE",lucida,sans-serif;
    font-stretch: normal;
}

:-ms-input-placeholder {  
    text-align: center;
    color: #1055CA;
    font-size: 16px;
    font-family: Verdana,"Geneva CE",lucida,sans-serif;
    font-stretch: normal;
}

#frmnewsSubscriptionForm-Email {
    height: 37px;
    background-color: #FFFFFF;
    border: none;
    text-align: center;
    width: 100%;
    margin-top: -5px;
    box-shadow: inset 25px 0 15px -35px #DCE9FA, inset -25px 0 15px -35px #DCE9FA;
    -moz-box-shadow: inset 55px 0 15px -45px #DCE9FA, inset -55px 0 15px -45px #DCE9FA;
    -webkit-box-shadow: inset 55px 0 15px -45px #DCE9FA, inset -55px 0 15px -45px #DCE9FA;
    /*
    box-shadow: inset 30px 0 15px -45px #DCE9FA, inset -30px 0 15px -45px #DCE9FA;
    
    box-shadow: inset 55px 0 15px -45px #DCE9FA, inset -55px 0 15px -45px #DCE9FA;
    -moz-box-shadow: inset 55px 0 15px -45px #DCE9FA, inset -55px 0 15px -45px #DCE9FA;
    -webkit-box-shadow: inset 55px 0 15px -45px #DCE9FA, inset -55px 0 15px -45px #DCE9FA;
    */
}

#frmnewsSubscriptionForm-send {
    margin-bottom: -10px;
    margin-left: 10px;
    background-color: #FEEEBD;
    border-color: #D19405;
}

label {
    /*display: block;*/
    padding: 2px;
    text-align: left;
    font-weight: normal;
    vertical-align: baseline;
}

input,
textarea,
select {
    padding-right: 2px;
    font: 400 1em verdana, sans-serif;
    color: #444;
    background: #FFF;
    border: 1px solid #6cbcff;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
    color: #000;
    background: #FAFAFA;
    border: 1px solid #F8D766;
}

input.button {
    margin: 2px;
    margin-bottom: 10px;
    padding: 5px 8px 5px 8px;
    font: 400 1.1em "trebuchet ms", serif;
    font-weight: bolder;
    background: #F8D766;
    border-width: 1px;
    border-style: solid;
    border-color: #F17400;
    text-align: center;
    vertical-align: middle;
    float: left;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

input.button:hover {
    background: #F39F01;
    border: 1px solid #F17400;
}

/* Disabled styl */
input:disabled {
    background:#dddddd;
}

/* Povinně vyplněné objekty červeně */
.required label {color: #1055CA}

/* Datepicker */
.date {
    width: 104px;
    background: #fff url(../images/icons/datepicker.png) no-repeat 99% 50%;
}
.date:hover, date:focus {
    width: 104px;
    background: #fff url(../images/icons/datepicker.png) no-repeat 99% 50%;
}

/**************************************************************
   Blockquote and included icons
 **************************************************************/

blockquote {
    margin: 10px 4px 16px 4px;
    padding-left: 33px;
    padding-top: 6px;
    padding-bottom: 6px;

    background-color: #A1FF45;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    border-width: 1px;
    border-style: solid;
    border-color: #F17400;
    font: 400 1.1em Verdana,sans-serif;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

blockquote p {
    padding: 10px 15px;
}

blockquote.info {
    background-image: url(../images/icons/symbol_accept.png);
    background-color: #9CC4F8 /*#A1FF45*/;
    border-color: #080;
    color: #444;
}

blockquote.exclamation {
    background-image: url(../images/icons/symbol_exclamation.png);
    background-color: #F8D766;
    border-color: #F17400;
    color: #444;
}

blockquote.stop {
    background-image: url(../images/icons/symbol_stop.png);
    background-color: #FF4B33;
    border-color: #CD1818;
    color: #FFF;
}

/**************************************************************
   Images
 **************************************************************/

img.floatRight {
    margin: 5px 0px 10px 15px;  
}

img.floatLeft {
    margin: 5px 15px 10px 0px;
}

a img {  
    border: 2px solid #1055CA;
    box-shadow: 0px 0px 5px 2px #8FB8F6; 
    -moz-box-shadow: 0px 0px 5px 2px #8FB8F6; 
    -webkit-box-shadow: 0px 0px 5px 2px #8FB8F6; 
    -khtml-box-shadow: 0px 0px 5px 2px #8FB8F6; 
}

a:hover img {  
    /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
    /*border: 2px solid #FFF !important;
    border: 2px solid #8BE6FA;*/
}

img.border-blue {
    /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
    border: 1px solid #AAA;
    margin: 0px 3px 0px 3px;
    padding: 5px;
    max-width: 140px;
    max-height: 90px;
    height: auto;
    background: #E4F7FA;
}

/* Používám */
img.plain {
    border: none;
    background: none;
    vertical-align: middle;
}

/* Taky používám */
img.nav {
    vertical-align: bottom;
}


/* Používám - obrázek v Aktualitách */
img.thumb-box1
{
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    margin-top: 6px;
    margin-bottom: 0px;
    border: 1px solid #D19405;
    text-align: left;
    padding: 0px;
    max-width: 228px;
    min-width: 228px;
}

/* Používám - standardní obrázky, tj. použití např. v Texy! */
img {
    padding: 2px;
    background: none;
}

.left {
    margin: auto 8px auto auto;
    clear: both;
    float: left;
}

.right {
    margin: auto auto auto 14px;
    clear: both;
    float: right;
}

.left p,
.right p {
    text-indent: 2px;
    margin: 2px 0px 4px 0px;
    color: #777;
    font-style: italic;
    font-size: 11px;
    line-height: 1.2em;
}
.right p {
    text-align: right;
    padding-right: 4px;
}

/**************************************************************
   Tabulky
 **************************************************************/

td {
    vertical-align: central;
    padding-right: 2px;
    text-align: left;
}

tr.highlight {
    border: 1px solid #F39F01;
}

/*tr:hover  {
    background-color: silver;
}*/
th {
    vertical-align: top;
}

table.plain {
    /*background-color: #fff;*/    
}

td.plain {
    /*background-color: #fff;*/
    vertical-align: top;
}

.last {
    padding-bottom: 25px;
}

/* Seznam obrázků ve fotogalerii */
ul.gallery {/*width: 730px; height: 40px; */list-style-type:none; padding:0px; margin:0px; background:none; }
ul.gallery li { clear:right; float: left; display:block; width:164px; text-align:center; }
ul.gallery li a { position:relative; display:block; color:blue; padding:2px 0px 2px 0px; }
ul.gallery li a:hover { color:white; background: #E4F7FA;}

/* Využívá se na formuláři při validaci - chyby, povinná pole.. */
ul.error {color: red;}


.bazar {
    background: #fff url(../images/bg/bg-box-orange-grad.png) repeat-x left top;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding: 12px 12px 2px 12px;
    margin-bottom: 16px;
    border: 1px solid #F8D766;
}
/* Seznam fotek (max. 3) v bazaru */
ul.bazar {overflow: auto; list-style-type:none; padding:0px; margin:0px; border: 0px solid; background: #fff}
ul.bazar li {width: 150px; float: left; display: block; text-align:center; border: 0px solid; background: #fff}

legend {
    color: ghostwhite;
    font-weight: bold;
    font-size: 1.2em;
    border: 0px solid #1055CA;
    color: #14439D;
    padding: 5px;
}

fieldset {
    margin-bottom: 15px;
    text-align: left;
    border: 1px solid #6cbcff;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px
}

/* Tabulka pro fotogalerii */
table.photogallery {
    table-layout: fixed;
    width: 100%;
}
td.photogallery {
    text-align: center;
    width: 30%;
}
td.photogallery.content {
    text-align: justify;
    font-style: italic;
}
th.photogallery.edit {
    width: 10%;
    vertical-align: bottom;
}
th.photogallery {
    width: 90%;
    font: 400 1.1em Verdana,sans-serif;
    vertical-align: bottom;
}
td.photogallery.next {
    width: 10%;
}

.NaStred      {width: 100%; text-align: center;}

/************************************************************************************************************/
/* Barvy */                               
/************************************************************************************************************/
.cervena    {color: red;} 
.zelena     {color: green;}
.fialova    {color: darkviolet;}
.hneda      {color: brown;}
.oranzova   {color: orange;}
.modra      {color: blue;}
/************************************************************************************************************/
/* Fonty */                               
/************************************************************************************************************/
.podtrzene      {text-decoration: underline;} 
.nadtrzene      {text-decoration: overline;}
.preskrtnute    {text-decoration: line-through;}
/************************************************************************************************************/
/* Skrývání objektů */                               
/************************************************************************************************************/
.zobrazskryj {background: url(../images/icons/add.png) no-repeat center top; cursor: pointer; cursor: hand; clear: both; width: 26px; float:right;}
.skryvany {display: none;}

.schovat  {visibility: hidden; display: none;}
.zobrazit {visibility: visible;}
.link1 {cursor: pointer; cursor: hand; color: #F17400; font-weight: bold; font-style: italic;}
/************************************************************************************************************/
/* Speciální linky - odskoky na části stránky */                               
/************************************************************************************************************/

.PodrtzenoLink a{
    text-decoration: underline;
}

.NahoruLink {
    float: auto;
    text-decoration: none;
    margin-left: 250px;
    padding-top: 58px;
}
.NahoruLink a {
    padding-left: 20px;
    background: url(../images/icons/navigation/link-nahoru.png) no-repeat left; 
}
.AddNew {
    background: url(../images/icons/addnew.png) no-repeat left; padding-left: 20px;
    text-decoration: none;
    float: right;
}
.AddNewAttachment {
    background: url(../images/icons/addnewattachment.png) no-repeat left; padding-left: 20px;
    text-decoration: none;
}
.Edit {
    background: url(../images/icons/edit.png) no-repeat left; padding-left: 20px;
    text-decoration: none;
}
.Delete {
    background: url(../images/icons/delete.png) no-repeat left; padding-left: 20px;
    text-decoration: none;
}
.Close {
    background: url(../images/icons/close.png) no-repeat right; padding-right: 22px; padding-bottom: 3px;
    text-decoration: none;
}
/************************************************************************************************************/
/* Tooltip */
/************************************************************************************************************/

/* Kvůli Texy v tabulce... */
td p
{
        margin: 0px 0px 4px 0px;
}

table.gradient1
{
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;*/
	margin: 5px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
        //background: #BFD6F8;
        /*box-shadow: 0px 0px 5px 1px 8FB8F6;*/
        box-shadow: 0px 0px 5px 1px #FFFFFF;
        -moz-box-shadow: 0px 0px 5px 1px #FFFFFF;
        -webkit-box-shadow: 0px 0px 5px 1px #FFFFFF;
        -khtml-box-shadow: 0px 0px 5px 1px #FFFFFF;
}
table.gradient1 th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	//background: #b9c9fe url('../images/bg/tab-gradhead1.png') repeat-x;
        background: #9CC4F8;
	border-top: 0px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
table.gradient1 td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../images/bg/tab-gradback1.png') repeat-x;
}

table.gradient1 tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
table.gradient1 tbody tr:hover td
{
	background: #d0dafd url('../images/bg/tab-gradhover1.png') repeat-x;
	color: #339;
}

table.gradient1 th
{
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}

table.gradient1 th.rounded-left
{
	//background: #BFD6F8 url('../images/bg/tab-round-left1-2015.png') left -1px no-repeat;
        border-radius: 5px 0 0 0;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
}
table.gradient1 th.rounded-right
{
	//background: #BFD6F8 url('../images/bg/tab-round-right1-2015.png') right -1px no-repeat;
        border-radius: 0px 5px 0 0;
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
}
table.gradient1 th.rounded-both
{
	//background-image: url('../images/bg/tab-round-left1-2015.png'), url('../images/bg/tab-round-right1-2015.png'); 
        background-position: left -1px, right -1px;
        background-repeat: no-repeat, no-repeat;
}
table.gradient1 th.rounded-none
{
	//background: #BFD6F8 url('../images/bg/tab-round-left1-2015.png') left -1px no-repeat;
        border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
}

.nadpis {
        float: left;
        font: 700 1.5em "trebuchet ms", serif;
        color: #1055CA;
        max-width: 83%;
}


.Archiv {
    background: #e8edff url('../images/bg/tab-gradhover1.png') repeat-x;
    background-color: #d0dafd;
    margin-top: -4px;
    margin-right: -4px;
    padding: 1px 10px 1px 10px;
    text-decoration: none;
    float: right;
    border-width: 1px;
    border-style: solid;
    border-color: #d0dafd;
    border-radius:0px 0px 5px 5px;
    -moz-border-radius:0px 0px 8px 8px;
    -webkit-border-radius:0px 0px 8px 8px;
}

.Archiv a {
    color: #1055CA;
    font-style: italic;
}

table.gradient1 td.importance1
{
        padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #FFEA7E url('../images/bg/tab-gradback2.png') repeat-x;
}

table.gradient1 td.dnes
{
        padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background-image: url('../images/bg/dnes-2015.png'), url('../images/bg/tab-gradback1.png'); 
        background-position: right 1px, top left;
        background-repeat: no-repeat, repeat-x;
        padding-right: 30px;
  }

table.gradient1 td.zitra
{
        padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background-image: url('../images/bg/zitra-2015.png'), url('../images/bg/tab-gradback1.png'); 
        background-position: right 1px, top left;
        background-repeat: no-repeat, repeat-x;
        padding-right: 30px;
}

table.gradient1 td.nove
{
  padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background-image: url('../images/bg/nove.png'), url('../images/bg/tab-gradback1.png'); 
  background-position: right 1px, top left;
  background-repeat: no-repeat, repeat-x;
  padding-right: 30px;
}

table.gradient1 a {
    text-decoration: underline;
}

.neviditelny td
{
  background-color: #BBB !important;
  background-image: none !important;
  color: #E4F9E3 !important;
}

.box1 {
    background: rgb(254,238,189);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding: 8px 8px 8px 8px;
    margin-top: 6px;
    margin-bottom: 10px;
    border: 1px solid #D19405;
    text-align: left;
    min-height: 30px;
}

/* Kvůli Texy v tabulce... */
.box1 p
{
    margin: 0px 0px 4px 0px;
}

/* Speciální tabulka pro "Účast zastupitelů na zasedáních" - levá část se zastupiteli fixní, scrollovací pravá část s jednotlivými zasedáními */
.table-container {
    position: relative;
    width: 100%;
    clear: both;
}
.table-master table {
    float: left;
    width: 160px;
    margin-right: 3px;
}
.table-right {
    overflow: auto;
}

/******************************************************************************
   "točítko"
 *****************************************************************************/
#IsBusyIndicator {
    background: rgba(0,0,0,.9) url('../images/isbusy.gif') no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 500px;
    z-index: 999;
    color: #ffffff;
    font-size: 30px;
    visibility: hidden;
}

/************************************************************************************************************/
/* End of CSS definition */                               
/************************************************************************************************************/