﻿/**
 * FarosCZ - Default Stylesheet
 * Copyright (c) 2008 Tomáš Vaisar, Multima a.s.
 *           tvaisar@multima.cz
 * */
 
body
{
    font-family: "Cambria", "Georgia", Serif;
    font-size: 15px;
    text-align: center;
    margin: 0;
    padding: 0;
    background: #393945;
}

img
{
    border: 0;
}

input, textarea
{
    font-family: Arial;
}

div.cleaner
{
    clear: both;
}

.displayNone
{
    display: none;
}

a, a:visited
{
    color: #a00000;
    /*text-decoration: none;*/
}

a:hover
{
    color: #ff0000;
    /*text-decoration: underline;*/
}

h1
{
    padding-top: 75px;
    height: 158px;   
}

h1 a
{
    display: block;
    margin-left: 200px;
    width: 250px;
    height: 85px;
    /*border: 1px solid #ff0000;*/
}

h1 span { display: none; }

#container
{
    background: url('images/lighthouse-siluet.jpg') no-repeat left bottom #373743;    
}

#page
{
    text-align: left;
    margin: auto;
    width: 812px;
    background: #fff;
}

/**
 * Head
 * */

#head
{
    height: 265px;
    background: url('images/head.jpg') no-repeat left top;
}

#head em { display: none; }

/**
 * Content
 * */

#content
{
    /*clear: both;*/
    margin-top: 3px;
    border: 6px solid #fff;
    border-top: none;
    padding: 20px;
    text-align: justify;
    background: url('images/content-bg.jpg') repeat-x left top;
}

#content h2
{
    font-size: 24px;
    font-weight: normal;
    margin-top: 0;
    padding-bottom: 5px;
    color: #31617b;
    border-bottom: 1px solid #98b0bd;
}



#content h3
{
    clear: both;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 5px;
    color: #d98500;
    border-bottom: 1px solid #e8a46c;
    margin-top:30px;
}

#content h4
{
    clear: both;
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #d98500;
}

#content img.FloatLeft
{
    float: left;
    padding: 5px 20px 10px 0px;
}

#content img.FloatRight
{
    float: right;
    padding: 5px 0 10px 20px;
}

#content ul
{
    margin: 5px 0 0 0;
    padding-left: 20px;
}

#content ul li
{
    margin: 0 0 5px 0;
    padding: 0px;
    color: #31617b;
}

#content ul li ul li
{
    list-style-type: square;
    color: #676767;
}

#content ul.toc
{
    margin-top:10px;
    list-style-type: square;
    margin-left: 20px;
}

#content ul.toc li a
{
    color: #31617b;
    font-weight: bold;
    
}

#content address
{
    font-style: normal;
    margin-bottom: 10px;
}

#content address strong
{
    font-size: 16px;
    color: #4f81bd;
}

/**
 * Menu
 * */

#menu
{
    padding-left: 170px;
    height: 30px;
    margin: 0 6px;
    text-align: center;
    background: #373743;
    border-bottom: 5px solid #61616d;
}

#menu a
{
    float: left;
    color: #fff;
    padding: 7px 20px 6px 20px;
    text-decoration: none;
    border-bottom: 5px solid;
}

#menu a:hover { background-color: #5f5f69; }

#menu a.First { border-color: #af5a4c; border-right: 1px solid #73737c;}
#menu a.Second { border-color: #97af4c; border-right: 1px solid #73737c; }
#menu a.Last { border-color: #4c79af; }
#menu a.Fourth { border-color: #debd39/*fbcf21*/; border-right: 1px solid #73737c; }
#menu a.Fifth { border-color: #8971ac; border-right: 1px solid #73737c; }


/**
 * Foot
 * */

#foot
{
    height: 77px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    border-top: 6px solid #fff;
    background: url('images/foot-bg.jpg') repeat-x left top;
}

#foot div
{
    text-align: right;
    margin: auto;
    width: 800px;
    padding-top: 10px;
}

#foot a
{
    color: White;
    text-decoration: none;
}

/**
 * Contacts
 * */
 
td.levysloupec
{
    vertical-align: top;
    width: 275px;
}

td.pravysloupec
{
    padding-left: 25px;
    vertical-align: top;
    width: 450px;
}

table.KontaktniFormular
{
    width: 100%;
    padding: 15px 0;
    border: 1px solid #cfcfcf;
    border-bottom: 5px solid #93a495;
    background: #efefef;
    margin-bottom: 10px;
}

table.KontaktniFormular td
{
    padding-left: 15px;
    vertical-align: top;
}

table.KontaktniFormular td.povinne
{
    color: #a50000;
}

/**
 * Specialities
 * */

/* -- Vyrazne -- */
div.vyrazne
{
    text-align: justify;
    margin: 10px 0 20px 0;
    padding: 10px 20px;
    border-top: 1px solid #d50000;
    border-bottom: 5px solid #d50000;
    background: #fff;
    color: #d50000;
    font-size: 18px;
}

div.vyrazne a { color: #d50000; }
div.vyrazne a:hover { color: #d98500; }

/* -- CK List -- */
table.ck-list { width: 100%; }

table.ck-list th { text-align: center; color: #1e4c13; background: #fff;}
table.ck-list td { text-align: center; padding: 2px 5px; border-bottom: 1px solid #cfcfcf; } 
table.ck-list td.ck { text-align: left; }

table.ck-list tr { background: #efffef; }
table.ck-list tr.sudy { background: #efffaa; }

table.ck-list img { border: 0; }

 
/* -- LogoutButton -- */
a.LogoutButton
{
    float: right;
    padding-left: 25px;
    background: url('images/logout.gif') no-repeat left center;
}
 
/* -- DownloadTable -- */
 
table.DownloadTable
{
    padding-bottom: 3px;
    width: 100%;
    margin-top: 10px;
    border-bottom: 3px solid #777;
}

table.DownloadTable th
{
    padding: 3px 5px;
    color: #fff;
    background: #770000;
    border-bottom: 3px solid #bb0000;
}

table.DownloadTable tr
{
    background: #eee;
}

table.DownloadTable tr.sude
{
    background: #ccc;
}

table.DownloadTable td
{
    padding: 3px 5px;
}

/* -- Login -- */

table.Login
{
    border: 1px solid #cfcfcf;
    margin-bottom: 10px;
}


table.Login td.LoginTitle
{
    display: none;
}

table.Login td
{
    text-align: left;
    padding: 3px 5px;
}

table.Login label
{
    margin-right: 5px;
}

#ctl00_ContentPlaceHolder1_Login1_Password, #ctl00_ContentPlaceHolder1_Login1_UserName
{
    width: 150px;
}

#ctl00_ContentPlaceHolder1_Login1_LoginButton, #ctl00_ContentPlaceHolder1_Login1_RememberMe
{
    float: right;
}

/* -- CreateNewUser -- */

div.CreateNewUser
{
    border: 1px solid #cfcfcf;
    padding: 10px;
}

div.CreateNewUser th
{
    padding: 3px 5px;
    text-align: center;
    color: #fff;
    background: #770000;
    border-bottom: 3px solid #bb0000;
}

div.CreateNewUser td
{
    padding: 2px 5px;
}

div.CreateNewUser tr.povinne
{
    font-weight: bolder;
    background: #ffeecc;
}



div.CreateNewUser strong
{
    font-weight: bolder;
    background: #ffeecc;
}

/* Administrace - drobečková navigace */

div.drobeckovaNavigace
{
    margin-top: -20px;
    background: #fff;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #5f5f69;
    padding: 8px 20px;
    margin-bottom: 10px;
}

a.returnButton
{
    color: #FF8040;
    background: url('images/arrow_undo.png') no-repeat left center;
    background-position: 5px;
    padding: 5px;
    padding-left: 25px;
    text-decoration: none;
}

a.returnButton:hover
{
    text-decoration: underline;
    color: #d50000;
}

a.logoutButton
{
    margin-left: 50px;
    color: #a10000;
    padding-left: 25px;
    background: url('images/logout.gif') no-repeat left center;
    text-decoration: none;
}

a.logoutButton:hover
{
    text-decoration: underline;
    color: #d50000;
}

/* -- AdminTable -- */

table.AdminTable
{
    clear: both;
    width: 100%;
    border: 0;
}

table.AdminTable th
{
    padding: 3px;
    background: #31617b;
    color: #fff;
}

table.AdminTable td
{
    padding: 3px;
    vertical-align: top;
}

table.AdminTable tr.alter
{
    background: #efefef;
}

/* -- Admin Lištička -- */

div.AdminListicka
{
    margin-top: 10px;
    margin-bottom: 40px;
}

div.AdminListicka a
{
    float: left;
    margin-right: 10px;
    border: 1px solid #cfcfcf;
    padding: 7px 10px;
    padding-left: 35px;
}

div.AdminListicka a.CKAdd
{
    background: url('images/ck_add.png') no-repeat #fff;
    background-position: 10px;
}

div.AdminListicka a.FilesSave
{
    background: url('images/files_save.png') no-repeat #fff;
    background-position: 10px;
}

div.AdminListicka a:hover
{
    background-color: #ececec;
}

/* -- UserEdit -- */

table.UserEdit
{
    border: 1px solid #cfcfcf;
    border-top: 15px solid #31617b;
    clear:both;
    padding: 15px 0;
    padding-right: 15px;
}

table.UserEdit td
{
    padding-left: 15px;
    vertical-align: top;
}

table.UserEdit td.povinne
{
    font-weight: bold;
}


input.UserEditButton
{
    float: left;
    display: block;
    width: 85px;
    padding: 5px;
    padding-left: 25px;
    border: 1px solid #cfcfcf;
    background: url('images/accept.png') no-repeat left center;
    background-position: 5px;
    background-color: #B7DFB5;
    text-decoration: none;
    margin-top: 10px;
    margin-left: 30px;
}

input.UserStornoButton
{
    float: left;
    display: block;
    width: 85px;
    padding: 5px;
    border: 1px solid #cfcfcf;
    background: #fff;
    text-decoration: none;
    margin-top: 10px;
    margin-left: 30px;
}

/* -- DataChanged -- */

div.DataChanged
{
    border: 1px solid #cfcfcf;
    padding: 10px;
    padding-left: 45px;
    margin-bottom: 10px;
    background: url('images/accept.png') no-repeat;
    background-position: 15px;
    background-color: #B7DFB5;
    font-weight: bolder;
    color: #124F0F;
}


/**
 * AdminButton (panel)
 * */

#ctl00_administrace_AdminPanel_MainPanel
{
    position: relative;
    left: -161px;
    float: left;
    /*background-color: #fff;*/
    margin-right: -161px;
}

#ctl00_administrace_AdminPanel_MainPanel a
{
    padding: 7px 15px 6px 30px;
    background: url('images/user_gray.png') no-repeat;
    background-position: 8px;
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

#ctl00_administrace_AdminPanel_MainPanel a:hover
{
    display: block;
    color: #fff;
    background: url('images/user_gray.png') no-repeat;
    background-position: 8px;
    background-color: #5f5f69;
    border-color: #FF8040/*#FF80C0*/;
}


/* DEFAULT PAGE */
div.leftPanel
{
    float: left;
    width: 450px;
}

#content div.leftPanel h2
{
    clear: both;
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
    padding-bottom: 5px;
    color: #31617b;
    border-bottom: 1px solid #98b0bd;
}


div.leftPanel ul
{
    list-style-type:none; 
    margin-left: 0;
    padding-left: 0;
}

div.leftPanel li
{
    background: url('images/plus.png') no-repeat left top;
    padding-left: 30px !important;
    padding-bottom: 5px;
    line-height: 17px;
    font-style:italic;
}

div.leftPanel li a, a.visited
{
    color: #31617b;
    font-style:italic;
}

div.rightPanel
{
    float: right;
    padding-top: 10px;
}

div.CKImgList
{
    text-align: justify;
}


div.CKImgList img
{
    text-align: center;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 15px;
}

div.CKImgList a, a:visited
{
    color: Black;
    position:relative;
    top:-2px;
    left:5px;
    font-style: italic;
}


div.reklama
{
    border-top: 1px solid #98b0bd;
    padding-top: 10px;
    height:  120px;
    font-size: 0.8em;
}

div.reklama h4 a, a:visited
{
    font-size: 1em;
    padding-top:0px;
    clear: none;
    color: #d98500;
    position: static;
    font-style: normal;
    text-decoration: underline;
}

div.reklama img
{
    float:right;
    }

#video
{
    margin-top: 25px;
    margin-bottom: 15px;
    background: url('Images/video.jpg') left top no-repeat;
    height: 205px;
    padding: 30px;
    width: 230px;
    height: 200px;
}

#video a
{
    margin-left: 60px;
}

#rotator
{
	height:195px !important;
	width:100%;
}

#rotator img
{
    border: 1px solid #31617b;
}

p.anotace
{
    margin-top:0px;
    margin-bottom: 0px;
    font-size: 1.05em;
    }
    
.legenda
{
    margin-top:10px;
    font-size: 0.8em;
}

#content .legenda  ul li 
{
    color: Black;
}
.Upozorneni {font-size: 1.8em; color: #D50000; text-align: center; margin-top: 50px; margin-bottom: 50px;}
.Upozorneni2 {text-align: center; margin-bottom: 150px;}
