* {
margin:0;
padding:0;
}

body {
color:black;
font-family:verdana,arial,"times new roman";
background-color:#bdc4c6;
text-align:center;
}

body a {
text-decoration:none;
color:#770077;
}

body a:hover {
text-decoration:none;
}


/****container****/

#cont {
position:relative;
width:800px;
margin:0 auto;
background-color:white;
text-align:justify;
border-right:1px solid #64788f;
}


/****header****/

#header {
position:relative;
width:100%;
height:335px;
color:black;
}

#header img {
border:0;
}

#header img.levy_k {
position:absolute;
top:334px;
left:0px;
width:199px;
height:666px;
margin:0;
padding:0;
z-index:1;
}

#header img.levy_d {
position:absolute;
top:334px;
left:0px;
width:199px;
height:901px;
margin:0;
padding:0;
z-index:1;
}

#header img.levy_exd {
position:absolute;
top:334px;
left:0px;
width:199px;
height:1076px;
margin:0;
padding:0;
z-index:1;
}

#header img.levy_exexd {
position:absolute;
top:334px;
left:0px;
width:199px;
height:2501px;
margin:0;
padding:0;
z-index:1;
}

#header img.pozadi {
position:absolute;
top:0px;
left:0px;
width:800px;
z-index:2;
}

#header img.lion {
position:absolute;
top:5px;
left:10px;
height:40px;
z-index:3;
}

#line {
position:absolute;
top:49px;
left:5px;
width:177px;
height:1px;
border-top:1px solid black;
z-index:3;
}

#linen {
position:absolute;
top:49px;
left:5px;
width:210px;
height:1px;
border-top:1px solid black;
z-index:3;
}

/*je součástí obrázku
#title_project {
position:absolute;
top:100px;
right:205px;
left:420px;
font-size:14px;
font-weight:bold;
color:#787678;
z-index:3;
text-align:right;
z-index:4;
}

#title_shadow {
position:absolute;
top:101px;
right:204px;
left:421px;
font-size:14px;
font-weight:bold;
color:#faf8fa;
z-index:3;
text-align:right;
}

#codes_project {
position:absolute;
top:155px;
left:265px;
font-size:11px;
font-weight:bold;
color:#787678;
z-index:4;
text-align:left;
}

#codes_shadow {
position:absolute;
top:157px;
left:267px;
font-size:11px;
font-weight:bold;
color:#faf8fa;
z-index:3;
text-align:left;
}
*******************/


#menu {
position:absolute;
top:0px;
left:270px;
text-align:left;
font-size:13px;
font-weight:bold;
z-index:4;
}

#menu_en {
position:absolute;
top:0px;
left:308px;
text-align:left;
font-size:13px;
font-weight:bold;
z-index:4;
}

#menu_es {
position:absolute;
top:0px;
left:260px;
text-align:left;
font-size:13px;
font-weight:bold;
z-index:4;
}

#navigation li {
list-style-type: none;
padding: 25px 35px 2px 10px;
border-left: 2px dashed black;
float: left;
}

#navigation li a {
color: black;
}

#navigation li a:hover {
color:#770077;
}

#navigation li.activ {
border-left: 2px dashed #770077;
}

#navigation li.activ a {
color:#770077;
}

#cvut {
position:absolute;
top:7px;
left:10px;
right:5px;
font-size:13px;
line-height:20px;
font-weight:bold;
text-align:left;
z-index:3;
}

#links li {
list-style-type: none;
}

#links li a {
color:black;
}

#links li.university {
padding-left:60px;
}

#links li.faculty {
padding-left:60px;
font-size:11px;
font-weight:normal;
}

#links li.department {
padding-left:0px;
padding-top:2px;
font-size:11px;
font-weight:normal;
}

/*flags*/
#header img.flag_cz {
position:absolute;
top:265px;
right:115px;
height:15px;
width:23px;
border:0;
border:1px solid #64788f;
z-index:3;
}

#header img.flag_en {
position:absolute;
top:265px;
right:88px;
height:15px;
width:23px;
border:0;
border:1px solid #64788f;
z-index:3;
}

#header img.flag_es {
position:absolute;
top:265px;
right:61px;
height:15px;
width:23px;
border:1px solid #64788f;
z-index:3;
}


/****left part****/

#left {
position:relative;
width:199px;
height:665px;
float:left;
color:#cac3ca;
font-size:10px;
z-index:3;
}

#left p.description {
margin:0px 10px 5px 10px;
border:0;
text-align:center;
line-height:18px;
font-weight:normal;
z-index:10;
}

#left_long {	/*download, technic*/
position:relative;
width:199px;
height:900px;
float:left;
color:#cac3ca;
font-size:10px;
z-index:3;
}

#left_long p.description {
margin:0px 10px 5px 10px;
border:0;
text-align:center;
line-height:18px;
font-weight:normal;
z-index:10;
}

#left_exlong {	/*people*/
position:relative;
width:199px;
height:1075px;
float:left;
color:#cac3ca;
font-size:10px;
z-index:3;
}

#left_exlong p.description {
margin:0px 10px 5px 10px;
border:0;
text-align:center;
line-height:18px;
font-weight:normal;
z-index:10;
}

#left_exexlong {	/*archives*/
position:relative;
width:199px;
height:2500px;
float:left;
color:#cac3ca;
font-size:10px;
z-index:3;
}


/*index, news*/
#left h1 {
font-size:12px;
margin:75px 20px 10px 20px;
font-weight:bold;
line-height:24px;
text-align:right;
}

#left h2 {
margin:5px 20px 0px 20px;
font-weight:bold;
line-height:20px;
text-decoration:underline;
font-size:10px;
text-align:right;
}

#left p.news {
margin:0px 20px 25px 20px;
line-height:18px;
font-weight:normal;
text-align:right;
}

#left a {
color:white;
}


/*technic*/
#left_exlong img.camera1 {
width:120px;
margin:65px 40px 5px 40px;
border:1px solid #cac3ca;
}

#left_exlong img.camera2 {
width:120px;
margin:40px 40px 5px 40px;
border:1px solid #cac3ca;
}

#left_exlong img.camera3 {
width:120px;
margin:40px 40px 5px 40px;
border:1px solid #cac3ca;
}


/*people, download - level 2*/
#left img {
width:110px;
border:1px solid #cac3ca;
}

#left img.photo {
margin:110px 42px 5px 44px;
width:110px;
}

#left img.partner {
margin:400px 25px 5px 25px;
width:150px;
border:0;
}

#left img.photos {
margin:110px 32px 5px 34px;
width:130px;
}

/*people - level 2 (long)*/
#left_long img {
width:110px;
border:1px solid #cac3ca;
}

#left_long img.photo {
width:110px;
margin:110px 42px 5px 44px;
}

#left_long img.photos {
width:130px;
margin:110px 32px 5px 34px;
}


/****main content****/

#content {
width:597px;
float:left;
position:relative;
}

#content .grey {
color:#d9ded5;
}

/*index, all*/
#content h1 {
font-size:24px;
margin:0px 0px 6px 60px;
line-height:48px;
font-weight:normal;
}

#content p.baseb {
font-size:11px;
margin:0px 60px 12px 60px;
line-height:22px;
font-weight:bold;
z-index:4;
}

#content p.base {
font-size:11px;
margin:0px 60px 12px 60px;
line-height:22px;
z-index:4;
}

/*people*/
#content h2 {
font-size:14px;
margin:20px 0px 0px 60px;
line-height:32px;
font-weight:bold;
text-decoration:underline;
z-index:3;
}

#content table {
margin:0px 0px 30px 60px;
border:0px;
vertical-align:top;
z-index:4;
}

#content table td {
border:0;
vertical-align:top;
z-index:4;
}

#content p.name {
font-size:11px;
text-align:left;
line-height:22px;
font-weight:bold;
z-index:4;
}

#content p.people {
font-size:11px;
text-align:left;
line-height:20px;
z-index:4;
}

#content img.photo {
margin-right:15px;
border:1px solid lightgrey;
width:100px;
z-index:4;
}

#content ul a:hover {
font-weight:bold;
z-index:4;
}

#content p.quest {
font-size:11px;
text-align:left;
line-height:24px;
font-weight:bold;
margin:30px 60px 0px 60px;
z-index:4;
}

#content p.answ {
font-size:11px;
text-align:left;
line-height:22px;
margin:0px 60px 0px 60px;
z-index:4;
}

/*download*/
#content p.citate_tit {
font-size:11px;
text-align:left;
line-height:22px;
font-weight:bold;
font-style:italic;
margin:50px 60px 6px 60px;
z-index:4;
}

#content p.citate {
font-size:11px;
text-align:justify;
line-height:22px;
font-style:italic;
margin:0px 60px 6px 60px;
z-index:4;
}

#content p.link {
font-size:10px;
text-align:right;
line-height:20px;
font-style:normal;
margin:0px 60px 6px 60px;
z-index:4;
}

#content a.bold {
font-weight:bold;
z-index:3;
}

#content img.view1 {
position:absolute;
top:350px;
left:60px;
border:1px solid lightgrey;
width:250px;
z-index:4;
}

#content img.view2 {
position:absolute;
top:350px;
left:60px;
border:1px solid lightgrey;
width:480px;
z-index:4;
}

#content p.descript09 {
font-size:11px;
text-align:left;
font-style:italic;
line-height:22px;
position:absolute;
top:570px;
left:60px;
z-index:4;
}

#content p.descript10 {
font-size:11px;
text-align:left;
font-style:italic;
line-height:22px;
position:absolute;
top:850px;
left:60px;
z-index:4;
}

#content p.descript11 {
font-size:11px;
text-align:left;
font-style:italic;
line-height:22px;
position:absolute;
top:480px;
left:60px;
z-index:4;
}

#content p.descript12 {
font-size:11px;
text-align:left;
font-style:italic;
line-height:22px;
position:absolute;
top:525px;
left:60px;
z-index:4;
}

/*archives*/
#content h3 {
font-size:11px;
margin:25px 0px 3px 60px;
line-height:18px;
font-weight:bold;
}

/*links*/
#content ul {
font-size:11px;
line-height:22px;
margin:0px 0px 0px 60px;
list-style-type:none;
text-align:left;
z-index:4;
}

#content ul a:hover {
font-weight:bold;
z-index:3;
}

/*gallery*/
#content a img.ikonky {
border: 1px solid silver;
height:95px;
opacity: 0.8;  
filter: alpha(opacity=80);  
-moz-opacity: 0.8;  
-khtml-opacity: 0.8;
}

#content a:hover img.ikonky {
border: 1px solid #d0d5d6;
opacity: 1.0;  
filter: alpha(opacity=100);  
-moz-opacity: 1.0;  
-khtml-opacity: 1.0;
}
    
#content .galerie {
margin:1px;
padding:5px 2px 2px 4px;
float:left;
border: 1px solid silver; /*border:0;*/
width:145px;
height:100px;
text-align:center;
background-color:white /*#64788f /*#d0d5d6 /*#787678 /*#cac3ca; /*#000129;*/
}

#content .galerie:hover {
background-color:white; /*#787678;    */
}
    
#content fieldset {
border-top:1px solid #000129;
border-right:0;
border-left:0;
border-bottom:0;
padding:1px 0px 4px 30px;
/*color:#000129;*/
width:480px;
}
    
#content fieldset legend {
font-size:10px;
padding:4px; 
font-weight: bold;
}

#content fieldset legend a {
text-decoration:none;
opacity: 0.2;  
filter: alpha(opacity=20);  
-moz-opacity: 0.2;  
-khtml-opacity: 0.2;
}

#content fieldset legend a:hover {
text-decoration:none;
opacity: 1.0;  
filter: alpha(opacity=100);  
-moz-opacity: 1.0;  
-khtml-opacity: 1.0;
}

#footer {
clear:both;
position:relative;
width:800px;
height:25px;
border-top:1px solid #cac3ca;
border-bottom:1px solid #cac3ca;
background-color:#787678;
}

#footer img.counter {
width:14;
height:14;
border:0;
margin:0;
padding:0;
text-align:right;
}

#footer img.zapati {
width:100%;
height:100%;
border:0;
margin:0;
padding:0;
position:absolute;
top:0px;
left:0px;
}

#footer h1 {
position:absolute;
left:0px;
top:5px;
font-size:10px;
text-align:left;
text-indent:20px;
color:#d0d5d6;
}

#footer h2 {
position:absolute;
left:786px;
top:0px;
text-align:right;
}