﻿/*---elements---*/
body { background-color: #DDDDDD; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Tahoma !important; letter-spacing: normal !important; }
/*---end of elements---*/

.site-login {
    float: left;
    left: 10px;
    position: relative;
    top: 2px;
}

.ms-rtestate-field p, p.ms-rteElement-P {
    line-height: inherit !important;
}

.ms-rteFontSize-1 {
    font-size: 8pt !important;
}

.ms-webpartzone-cell {
    margin: auto auto 0px !important;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    color: rgb(103, 103, 103) !important;
}

div#content h2, div#content .ms-h2 {
    font-size: 16px !important;
    font-weight: bold !important;
    font-family: Tahoma !important;
    color: rgb(103, 103, 103) !important;
}

/*---layout---*/
div#wrapper-bar{width: 100%; height: 80px;}

div#wrapper-shadow-top{ width: 1030px; height: 80px; margin-left: auto; margin-right: auto; background-image: url('../Images/body-shadow.png'); background-repeat: repeat-y;}

div#wrapper-top{width: 1000px; height: 80px; margin-left: auto; margin-right: auto;}
    div#top-left{width: 700px; height: 80px; float: left;}
        a.logo-top{position: relative; top: 5px; left: 20px; float: left;}
            a.logo-top img { border: none; }
        div#top-left h1{float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Tahoma;
                        text-transform: uppercase; position: relative; left: 45px;font-weight: bold !important;}
		
    div#top-right{width: 300px; height: 80px; float:left;}
    div#top-right a{text-decoration: none; font-size: 11px; text-transform: lowercase;}
    div#top-right a:hover{text-decoration: underline;}
        div#homepage{width: 109px; height: 40px; float:left; color: #c6c6c6; line-height: 40px; background-image: url('../Images/ico-home.png'); background-repeat: no-repeat; padding-left: 40px; background-position: 15px 12px;}
            /*div#homepage a{ background-image: url('../Images/ico-home.png'); background-repeat: no-repeat; padding-left: 40px; display: block; background-position: 15px 12px;}*/
        div#languages{width: 150px; height: 40px; float:left; line-height: 40px;}
            div#languages a.cz{display: block; float: left; background-image: url('../Images/ico-cz.png'); background-repeat: no-repeat; padding-left: 35px; background-position: 10px 13px;}
            div#languages a.en{display: block; float: left; background-image: url('../Images/ico-en.png'); background-repeat: no-repeat; padding-left: 35px; background-position: 10px 13px;}
        div#search-content{width: 149px; height: 40px; float:left;  line-height: 40px;} 
            div#search-content a{ background-image: url('../Images/ico-search.png'); background-repeat: no-repeat; padding-left: 40px; display: block; background-position: 15px 12px;}
        div#search-people{width: 150px; height: 40px; float:left; line-height: 40px;}
            div#search-people a{ background-image: url('../Images/ico-person.png'); background-repeat: no-repeat; padding-left: 35px; display: block; background-position: 15px 12px;}

div#wrapper-body{ width: 100%; text-align: center;}

div#wrapper-shadow-content{ width: 1030px; margin-left: auto; margin-right: auto; background-image: url('../Images/body-shadow.png'); background-repeat: repeat-y;}

div#wrapper-content{width: 1000px; /*min-height: 800px;*/ margin-left: auto; margin-right: auto; text-align: left; border-top: 1px solid #2e2e2e !important;}                

div#wrapper-shadow-bottom{width: 1030px; height: 50px; margin-left: auto; margin-right: auto; background-image:url('../Images/bottom-shadow.png'); background-repeat: no-repeat;}

div#wrapper-bottom{width: 1000px; height: 35px; margin-left: auto; margin-right: auto; border-top: 1px solid #2e2e2e;}
/*---end of layout---*/

/*---motive---*/
div#motive{ font-family: Tahoma !important; /*background-image: url('../Images/motive-flower.jpg');*/ width: 1000px; height: 425px; background-repeat: no-repeat; /*border-top: 1px solid #2e2e2e; border-bottom: 1px solid #2e2e2e;*/}

div.motive-container {/*background-image: url('../Images/motive-flower.jpg');*/ width: 1000px; height: 425px; background-repeat: no-repeat;}
    div#motive-left{width: 700px; height: 425px; float: left;}
        div#blackbar-upper-left-home{ /*border-bottom: 1px solid #2E2E2E;*/ width: 700px; height: 30px; background-image: url('../Images/bg-blackbar-left.png'); background-repeat: repeat;}
            div#blackbar-upper-left-home h2{color: #dbdbdb; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 18px; line-height: 30px; font-weight: normal; font-style: italic; margin-left: 215px;}
        div#blackbar-upper-left{ /*border-top: 1px solid #2E2E2E;*/ float: left; width: 700px; height: 30px; background-image: url('../Images/bg-blackbar-left.png'); background-repeat: repeat;}
			div#blackbar-upper-left h2{ color: #dbdbdb; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 18px; line-height: 30px; font-weight: normal; font-style: italic; margin-left: 215px;font-family: Tahoma !important;}
             
        div#blackbar-lower-left{width: 700px; height: 31px; background-image: url('../Images/bg-blackbar-left.png'); background-repeat: repeat; margin-top: 364px;}
            div#blackbar-lower-left span{float: right; padding-right: 50px; color: /*#dbdbdb*/#A9A9A9; line-height: 30px; font-size: 11px;}
                div#blackbar-lower-left span strong{font-family: Times New Roman; font-weight: bold; font-size: 15px;}
                div#blackbar-lower-left span a {color: #A9A9A9; text-decoration: none;}
                div#blackbar-lower-left span a:hover {text-decoration: underline;}
    div#motive-right{width: 300px; height: 425px; float: left; }
        div#blackbar-upper-right-home{ /*border-bottom: 1px solid #2E2E2E;*/ width: 300px; height: 30px; background-image: url('../Images/bg-blackbar-right.png'); background-repeat: repeat;}
        div#blackbar-upper-right{ /*border-top: 1px solid #2E2E2E;*/ float: left; width: 300px; height: 30px; background-image: url('../Images/bg-blackbar-right.png'); background-repeat: repeat;}
		
		div#blackbar-upper-right-home div ul, div#blackbar-upper-right div ul { margin: 0px; padding: 0px; }
			div#blackbar-upper-right-home div ul li, div#blackbar-upper-right div ul li { display: inline; float: left; width: 150px; }
				div#blackbar-upper-right-home div ul li a, div#blackbar-upper-right div ul li a { width: 110px; padding-left: 40px; color: #c6c6c6; float: left; display: block; background-image: url('../Images/ico-tools.png'); background-repeat: no-repeat; height: 30px; line-height: 30px; background-position: 15px 7px;}
				div#blackbar-upper-right-home div ul li a:hover, div#blackbar-upper-right div ul li a:hover { text-decoration: underline;}
				div#blackbar-upper-right-home div ul li a.first { width: 109px; border-right: 1px solid #404040;}
		
        div#blackbar-lower-right{ width: 300px; height: 31px; background-image: url('../Images/bg-blackbar-right.png'); background-repeat: repeat; color: #c6c6c6;}
            div#blackbar-lower-right ul{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative; left: 250px; top: 8px;}  
                div#blackbar-lower-right ul li{display: inline;}
                    div#blackbar-lower-right ul li a img {border: none;}
        div.nav-motive{width: 300px; height: 364px; background-image: url("../Images/bg-nav-motive.png"); background-repeat: repeat; font-family: Tahoma !important; }
            div.nav-motive ul { width: 300px; list-style-image: none; padding: 0px; margin: 0px;}
                div.nav-motive ul li { display: block; width: 300px; border-top: 1px solid #767676; border-bottom: 1px solid #767676; }
                
        div.nav-motive-empty{width: 300px; height: 364px;  background-repeat: repeat; font-family: Tahoma !important; }
                /*---polozky menu fakulty---*/
                
/*---end of motive---*/

/*---horizontal menu left---*/
    div#main-horizontal-left{ letter-spacing: normal !important; width: 700px; height: 27px; float: left; border-bottom: 1px solid #2e2e2e; /*border-top: 1px solid #2e2e2e;*/ font-family: Tahoma !important; }
        div#main-horizontal-left ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
            div#main-horizontal-left ul li{display: inline;}
                div#main-horizontal-left ul li a{ text-align: center; font-size: 15px; text-decoration: none; line-height: 27px; height: 27px; display: block; float:left; /*padding-left: 24px; padding-right: 24px;*/ }
                div#main-horizontal-left ul li a.last{border: none;}
                div#main-horizontal-left ul li a:hover{text-decoration: none;}
/*---end of horizontal menu left---*/

/*---katedry menu---
div#department-menu{ letter-spacing: normal !important; width: 700px; height: 20px; float: left; border-bottom: 1px solid #2e2e2e; font-family: Tahoma !important; }
        div#department-menu ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
            div#department-menu ul li{display: inline;}
                div#department-menu ul li a{ text-align: center; font-size: 15px; text-decoration: none; line-height: 20px; height: 20px; display: block; float:left;  }
                div#department-menu ul li a.last{border: none;}
                div#department-menu ul li a:hover{text-decoration: none;}
---end of katedry menu---*/

/*---content---*/
div#content { font-family: Tahoma !important; width: 1000px; min-height: 400px; background-image: url('../Images/bg-content2.png'); background-repeat: repeat-y; font-size: 10.6667px; }
    div#content-left { font-family: Tahoma !important; width: 700px; min-height: 400px; float: left; background-image: url('../Images/bg-box-uo.png'); background-repeat: repeat-x; border-top: 1px solid #2E2E2E;  }
    div#content-right { font-family: Tahoma !important; width: 300px; min-height: 400px; float: left; padding-bottom: 20px; border-top: 1px solid #2E2E2E !important; }

div#bottom-left {font-family: Tahoma !important; width: 700px; height: 35px; line-height: 35px; float: left; text-align: right;}
    div#bottom-left span {  padding-right: 15px; font-size: 12px;}
div#bottom-right { width: 300px; height: 35px;  float: left;}   
    div#bottom-right ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative; left: 110px; top: -17px;}
        div#bottom-right ul li { display: inline;}
            div#bottom-right ul li a { text-decoration: none; display: block; float: left; margin-left: 5px;}
                div#bottom-right ul li a img {border: none;}
                
/*---right right list---*/
div.box-right-list { width: 300px; padding-bottom: 15px; font-family: Tahoma !important;}
    div.box-right-list h3 { padding: 5px 10px 3px 20px; margin: 0px 0px 0px 0px;  border-bottom: 1px solid #2E2E2E; /*border-top: 1px solid #2E2E2E*/; font-weight: normal; font-size: 14px !important;}
        div.box-right-list h3 a { display: block; text-decoration: none;  background-image: url('../Images/nav-arrow-white.png'); background-repeat: no-repeat; background-position: right center; }
        div.box-right-list h3 a:hover {text-decoration: underline;}
    
    div.box-right-list ul {  margin: 0px; padding-right: 15px;}
        div.box-right-list ul li { font-size: 13px !important; padding-top: 7px;}
            div.box-right-list ul li a { text-decoration: none; }
            div.box-right-list ul li a:hover { text-decoration: underline;}
    
    div.news-more-green { text-align: right; font-size: 13px; padding-right: 20px; margin-top: 20px;}
        div.news-more-green a { text-decoration: none;  background-repeat: no-repeat; background-position: right center; padding-right: 15px; }
        div.news-more-green a:hover {text-decoration: underline;}    
        
                    
/*---content inside---*/
/*---title area---*/
div#content-left-title { font-family: Tahoma !important; width: 500px; float: right; text-align: left; margin-bottom: 15px; }
    div#content-left-title h1 {font-size: 24px; padding: 0px 15px 0px 0px; margin: 15px 0px 10px 0px; font-family: Tahoma !important; font-weight: bold !important; }    
    div#nav-bredcrumbs {font-size: 12px !important; margin-top: 20px; color: #404040 !important;}
        div#nav-bredcrumbs a { text-decoration: underline; }
        div#nav-bredcrumbs a:hover { text-decoration: none;}
        span.unob-sitemap-separator {padding-left: 5px;}

/*---search content area---*/      
div#content-search { background-image: url('../Images/bg-box-uo.png'); background-repeat: repeat-x; width: 1000px; min-height: 400px; }
div#content-search-content { padding: 20px 15px 70px 25px; }
div#top-search-wpz {width: 500px; margin-left: auto; margin-right: auto; padding-bottom: 20px;}

td.td-search-left {padding: 0px 5px 0px 0px;}
td.td-search-middle {padding: 0px 5px 0px 5px;}
td.td-search-right {padding: 0px 0px 0px 5px;}

/*---search title area---*/
div#content-search-title {width: 100%; font-family: Tahoma !important; text-align: left; margin-bottom: 15px; padding-left: 200px; padding-top: 30px;}
 div#content-search-title h1 {font-size: 24px; padding: 0px 15px 0px 0px; margin: 15px 0px 10px 0px; color: #335d25; }    
 
    

/*---left content area---*/
div#content-left-content { font-family: Tahoma !important; clear: both; padding: 0px 15px 70px 25px; font-size: 13px !important; color: #404040 !important; text-align: justify;  }
    div#content-left-content h2 { font-size: 15px !important; font-weight: bold; margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px; color: #363636 !important;}
    div#content-left-content a { text-decoration: underline; font-weight: bold !important; }
    div#content-left-content a:hover {text-decoration: none;}
    div#content-left-content ul {  padding-left: 75px;}
        div#content-left-content ul li {padding-bottom: 10px; }
    
    div#content-left-content p {margin-top: 0px; padding: 0px;}
    
    div#content-left-content div.page-img-right {float: right; border: 1px solid #b4b4b4; margin: 0px 0px 0px 10px;}
        div#content-left-content div.page-img-right img {margin: 2px 2px 2px 2px;}
        
    div#content-left-content div.page-img-left {float: left; border: 1px solid #b4b4b4; margin: 0px 10px 0px 0px;}
        div#content-left-content div.page-img-left img {margin: 2px 2px 2px 2px;}
        
    div#content-left-content div.page-img-center {float: left; border: 1px solid #b4b4b4; margin: 0px 7px 15px 7px;}
		div#content-left-content div.page-img-center a { display: block; padding: 2px 2px 2px 2px; line-height: 0px;}
		div#content-left-content div.page-img-center a:hover { background-color: #FFE490;}
        div#content-left-content div.page-img-center img {margin: 0px; padding: 0px; border: none;}

/*---banners small---*/
div.banners { /*width: 300px;*/ margin-top: 50px;}
    div.banners ul { list-style-image: none; padding: 0px; margin: 0px;}
        div.banners ul li { display: block; float: left; border: 1px solid #626262; margin-left: 15px; margin-bottom: 15px;}
            div.banners ul li a {display: block; padding: 2px 2px 2px 2px; line-height: 0px;}
            div.banners ul li a:hover { background-color: #FFE490 !important; }
                div.banners ul li a img { border: none; padding: 0px; margin: 0px;}
/*---end of content inside---*/

/*---content home---*/               
div.nav-boxes {}

div.box-webpartzone { width: 230px !important; float: left !important; }
div.richtext-left-home { clear: both !important;}

div.box-uo { font-family: Tahoma !important; letter-spacing: normal !important; width: 224px; min-height: 210px; border: 1px solid #d7d7d7; background-image: url('../Images/bg-box-uo.png'); background-repeat: repeat-x; float: left; margin-left: 7px; margin-top: 10px; margin-bottom: 10px;}
    div.box-uo h3 { font-size: 14px !important; font-weight: bold !important; margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px; color: #363636 !important; font-family: Tahoma !important; }
    div.box-uo ul { padding-right: 10px; margin: 10px 0px 0px 0px; }
        div.box-uo ul li { font-size: 13px !important; margin-bottom: 10px; }
            div.box-uo ul li a { text-decoration: none; }
            div.box-uo ul li a:hover { text-decoration: underline; }

div.box-uo-coming { width: 686px; min-height: 210px; border: 1px solid #d7d7d7; background-image: url('../Images/bg-box-uo.png'); background-repeat: repeat-x; float: left; margin-bottom: 10px; margin-left: 6px;}

div.box-uo-coming-img {float: left; margin-left: 18px; margin-top: 30px;}
    div.box-uo-coming-img a { display: block; line-height: 0px; padding: 2px 2px 2px 2px; border: 1px solid #b4b4b4; text-decoration: none !important; }
    div.box-uo-coming-img a:hover { background-color: #FFE490 !important; text-decoration: none !important; }
        div.box-uo-coming-img a img { border: none; padding: 0px; margin: 0px;}
        
div.box-uo-coming-content { float: left; width: 440px; margin-left: 10px; font-family: Tahoma !important;}
    div.box-uo-coming-content h3 { font-size: 14px !important; font-weight: bold !important; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; }
        div.box-uo-coming-content h3 a { text-decoration: none; }
        div.box-uo-coming-content h3 a:hover { text-decoration: underline;}
    div.box-uo-coming-content p { font-size: 13px !important; text-align: justify; color: #363636 !important; }
    
                
div.events-switch { clear: both; float: right; margin-right: 30px; margin-bottom: 20px; }
    div.events-switch ul { list-style-image: none; padding: 0px; margin: 0px;}
        div.events-switch ul li { display: block !important; float: left; width: 10px !important; height: 10px !important; margin-left: 5px; }
            div.events-switch ul li a { display: block !important; width: 10px !important; height: 10px !important; line-height: 10px !important; float: left; background-color: #8A8A8A; text-decoration: none !important;}
            div.events-switch ul li a:hover { background-color: #FFE490 !important; text-decoration: none !important; }
            
/*---end of content home---*/

       
div.cleaner { clear: both; }                         
                
/*---end of content---*/
