/*----------------------------------------------------------------------------

	Název souboru: 		styles.css
	Popis:				hlavni styl
	Autor:				Petr Urbánek - petr.urbanek@webprogress.cz
	Projekt:			1. LF UK
	
		
	== iNFO ===========================================
	
	Page width:		988px
	Layout width:	980px
	
----------------------------------------------------------------------------*/


/******************************************************************
	UNI
*/
body {
background: white;
}

/******************************************************************
	SAMOTNA STRANKA
*/
#page{
width:100%;
background: none;
margin:0px;
padding:0px 0px 0px 0px;
}
#page #web{
width:100%;
background:white;
margin:0px;
}

/******************************************************************
	HEADER
*/
#header{
display:none;
}

/******************************************************************
	FOOTER
*/
#footer{
display:none;
}

/******************************************************************
	CONTENT
*/
#content{
width:100%;
text-align:left;
line-height:1.4em;
}
.col3{
background: none;
}
.col2{
background: none;
}

.col3 #leftCol{
float:left;
width:100%;
}
.col2 #leftCol{
float:left;
width:100%;
}

.col3 #leftCol #contentText{
float:left;
width:100%;
padding:10px 0px 10px 0px;
line-height:1.3em;
font-size:90%;
}
.col2 #leftCol #contentText{
float:left;
width:100%;
padding:10px 0px 10px 0px;
line-height:1.3em;
font-size:90%;
}


#content #leftCol #leftMenu{
display:none;
}
#content #rightCol{
display:none;
}



#content #leftCol #contentText #homeTitlesNews{
width:100%;
margin:0px 0px 25px 0px;
}
#content #leftCol #contentText #homeTitlesNews #homeTitlesNewsTop{
width:100%;
}
#content #leftCol #contentText #homeTitlesNews #homeTitlesNewsTop #homeTitlesNewsBottom{
padding:0px;
}
#content #leftCol #contentText #homeTitlesNews #homeTitlesNewsTop #homeTitlesNewsBottom p{
margin:0px;
padding:4px 0px;
}
#content #leftCol #contentText #homeTitlesNews #homeTitlesNewsTop #homeTitlesNewsBottom img{
float:left;
margin:5px 10px 0 0;
}
#content #leftCol #contentText #homeTitlesNews #homeTitlesNewsTop #homeTitlesNewsBottom span.h1 {
color:black;
display:block;
font-size:160%;
font-weight:normal;
margin:0;
padding:5px 0 6px;
}





#content #leftCol #contentText #homeArticle{
padding:0px;
}

#content #leftCol #contentText h1,
#content #leftCol #contentText span.h1{
color:black;
font-size:190%;
font-weight:normal;
margin:0;
padding:0 0 17px;
display:block;
line-height:1.2em;
}


#content #leftCol #contentText .articleInfo{
display:none;
}

#content #leftCol #contentText h2{
color:black;
font-size:120%;
margin:0;
padding:0 0 6px;
}
#content #leftCol #contentText h2 a:link,
#content #leftCol #contentText h2 a:visited,
#content #leftCol #contentText h2 a:hover{
color:black;
text-decoration:none;
font-weight:bold;
}
#content #leftCol #contentText h2 a:hover{
text-decoration:underline;
}

#content #leftCol #contentText .articleList{
padding:0px 0px 18px 0px;
margin:0px 0px 18px 0px;
border-bottom:1px solid black;
}
#content #leftCol #contentText .articleListLast{
border-bottom:0px;
}

#content #leftCol #contentText .articleList p{
margin:0px;
padding:0px;
}



#content #leftCol #contentText #navigation{
display:none;
}



#content #leftCol #contentText #documents{
padding:0px 0px 25px 20px;
line-height:1.8em;
background: url(../img/ico/documents-bg.gif) left 0px no-repeat;
}
#content #leftCol #contentText #documents a:link,
#content #leftCol #contentText #documents a:visited,
#content #leftCol #contentText #documents a:hover{
padding:2px 0px 2px 25px;
}
#content #leftCol #contentText #documents a:link,
#content #leftCol #contentText #documents a:visited,
#content #leftCol #contentText #documents a:hover{
background: url(../img/ico/none.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.doc:link,
#content #leftCol #contentText #documents a.doc:visited,
#content #leftCol #contentText #documents a.doc:hover{
background: url(../img/ico/doc.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.xls:link,
#content #leftCol #contentText #documents a.xls:visited,
#content #leftCol #contentText #documents a.xls:hover{
background: url(../img/ico/xls.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.pdf:link,
#content #leftCol #contentText #documents a.pdf:visited,
#content #leftCol #contentText #documents a.pdf:hover{
background: url(../img/ico/pdf.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.bmp:link,
#content #leftCol #contentText #documents a.bmp:visited,
#content #leftCol #contentText #documents a.bmp:hover,
#content #leftCol #contentText #documents a.BMP:link,
#content #leftCol #contentText #documents a.BMP:visited,
#content #leftCol #contentText #documents a.BMP:hover{
background: url(../img/ico/bmp.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.dll:link,
#content #leftCol #contentText #documents a.dll:visited,
#content #leftCol #contentText #documents a.dll:hover{
background: url(../img/ico/dll.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.htm:link,
#content #leftCol #contentText #documents a.htm:visited,
#content #leftCol #contentText #documents a.htm:hover{
background: url(../img/ico/htm.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.ini:link,
#content #leftCol #contentText #documents a.ini:visited,
#content #leftCol #contentText #documents a.ini:hover{
background: url(../img/ico/ini.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.jpg:link,
#content #leftCol #contentText #documents a.jpg:visited,
#content #leftCol #contentText #documents a.jpg:hover{
background: url(../img/ico/jpg.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.png:link,
#content #leftCol #contentText #documents a.png:visited,
#content #leftCol #contentText #documents a.png:hover{
background: url(../img/ico/png.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.ppt:link,
#content #leftCol #contentText #documents a.ppt:visited,
#content #leftCol #contentText #documents a.ppt:hover{
background: url(../img/ico/ppt.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.rar:link,
#content #leftCol #contentText #documents a.rar:visited,
#content #leftCol #contentText #documents a.rar:hover{
background: url(../img/ico/rar.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.rtf:link,
#content #leftCol #contentText #documents a.rtf:visited,
#content #leftCol #contentText #documents a.rtf:hover{
background: url(../img/ico/rtf.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.txt:link,
#content #leftCol #contentText #documents a.txt:visited,
#content #leftCol #contentText #documents a.txt:hover{
background: url(../img/ico/txt.png) 6px 2px no-repeat;
}
#content #leftCol #contentText #documents a.zip:link,
#content #leftCol #contentText #documents a.zip:visited,
#content #leftCol #contentText #documents a.zip:hover{
background: url(../img/ico/zip.png) 6px 2px no-repeat;
}








#content #leftCol #contentText .articleDetail{
padding:0px 0px 30px 0px;
}
#content #leftCol #contentText .articleDetail p{
/*padding:0px 0px 8px 0px;
margin:0px;*/
}
#content #leftCol #contentText .articleDetail a:link,
#content #leftCol #contentText .articleDetail a:visited,
#content #leftCol #contentText .articleDetail a:hover{
color:black;
}


#content #leftCol #contentText .responsibility {
display:none;
}
#content #leftCol #contentText .responsibility2 {
display:none;
}



#content #leftCol #contentText #ratingDescription,
#content #leftCol #contentText #ratingDescriptionValue1,
#content #leftCol #contentText #ratingDescriptionValue2,
#content #leftCol #contentText #ratingDescriptionValue3,
#content #leftCol #contentText #ratingDescriptionValue4,
#content #leftCol #contentText #ratingDescriptionValue5{
float:left;
padding:0px 0px 0px 4px;
}




#cse-search-results iframe {
font-family:arial,verdana,tahoma;
width:735px;
}




.siteMap a:link,
.siteMap a:visited,
.siteMap a:hover{
color:#0A6CCE;
}


/******************************************************************
	COMMENT
*/
#content #leftCol #contentText #addcomment{
text-align:center;
padding:0px 0px 0px 0px;
display:none;
}
#content #leftCol #contentText #addcomment span.h2{
font-size:160%;
text-align:left;
color:#A63031;
display:block;
padding:0px 0px 15px 0px;
}
#content #leftCol #contentText #addcomment #in_addcomment{
width:420px;
margin:0px auto 0px;
}
#content #leftCol #contentText #addcomment #in_addcomment label{
font-weight:bold;
display:block;
padding:0px 0px 3px 0px;
text-align:left;
}
#content #leftCol #contentText #addcomment #in_addcomment div input{
border:1px solid #A63031;
height:18px;
width:200px;
margin:0px 0px 12px 0px;
text-align:left;
}
#content #leftCol #contentText #addcomment #in_addcomment .center input{
width:420px;
}
#content #leftCol #contentText #addcomment #in_addcomment textarea{
width:420px;
height:120px;
border:1px solid #A63031;
}
#content #leftCol #contentText #addcomment #in_addcomment textarea.err,
#content #leftCol #contentText #addcomment #in_addcomment div input.err{
background: #FFEFEF;
}

#content #leftCol #contentText #addcomment #in_addcomment input#submitForm{
width:76px;
height:16px;
margin:10px 0px 0px 20px;
border:0px;
background: url(../img/sendform-bg.gif) no-repeat;
cursor:pointer;
float:left;
}


a.closeForm:link,
a.closeForm:visited,
a.closeForm:hover{
width:76px;
height:16px;
margin:10px 0px 0px 140px;
border:0px;
background: url(../img/sendform-close-bg.gif) no-repeat;
cursor:pointer;
text-decoration:none;
display:block;
float:left;
}

#content #leftCol #contentText .listCommentDetail{
line-height:1.4em;
}
#content #leftCol #contentText .listCommentDetail strong{
color:#909090;
font-size:120%;
}
#content #leftCol #contentText .listCommentDetail strong span,
#content #leftCol #contentText .listCommentDetail strong a:link,
#content #leftCol #contentText .listCommentDetail strong a:visited,
#content #leftCol #contentText .listCommentDetail strong a:hover{
font-size:90%;
}
#content #leftCol #contentText .listCommentDetail .content{
padding:4px 0px 20px 0px;
margin:0px 0px 20px 0px;
border-bottom:1px solid #909090;
}
#content #leftCol #contentText .listCommentDetail .content strong{
color:black;
font-size:100%;
}
#content #leftCol #contentText .listCommentDetail a:link,
#content #leftCol #contentText .listCommentDetail a:visited,
#content #leftCol #contentText .listCommentDetail a:hover,
#content #leftCol #contentText #commentBubble a:link,
#content #leftCol #contentText #commentBubble a:visited,
#content #leftCol #contentText #commentBubble a:hover{
color:#0072A5;
}

#content #leftCol #contentText #commentBubble{
width:778px;
position:absolute;
left:0px;
top:0px;
background:#F6F6F6;
line-height:1.4em;
display:none;
}
#content #leftCol #contentText #commentBubble #in_commentBubble{
padding:10px 20px 15px 20px;
border:1px solid black;
}
#content #leftCol #contentText #commentBubble a#closecommentBubble:link,
#content #leftCol #contentText #commentBubble a#closecommentBubble:visited,
#content #leftCol #contentText #commentBubble a#closecommentBubble:hover{
position:absolute;
right:4px;
top:4px;
padding:0px;
margin:0px;
displaY:block;
cursor:pointer;
width:15px;
height:16px;
background: url(../img/closecommentBubble-bg.gif) top center no-repeat;
}
#content #leftCol #contentText #commentBubble a#closecommentBubble:hover{
background: url(../img/closecommentBubble-bg.gif) bottom center no-repeat;
}



.error {
background:#B30606;
border:1px solid #8C0707;
color:white;
font-size:100%;
font-weight:bold;
line-height:1.7em;
margin:10px 0 20px;
padding:7px 15px;
vertical-align:middle;
}
.sucess{
background:#439500;
border:1px solid #165000;
font-weight:bold;
color:white;
font-size:100%;
line-height:1.7em;
margin:10px 0 20px;
padding:7px 15px;
vertical-align:middle;
}








/******************************************************************
	PESRONAL DB
*/
#personalDB{
padding:10px 0px 0px 0px;
}
#personalDB a:link,
#personalDB a:visited,
#personalDB a:hover{
color:#0A6CCE;
}

#personalDB h1 a:link,
#personalDB h1 a:visited,
#personalDB h1 a:hover{
color:#909090;
text-decoration:none;
}
#personalDB h1 a:hover{
text-decoration:underline;
}
#personalDB .button{
background: url(../img/button-bg.gif) no-repeat;
border:0px;
color:#FFFFFF;
cursor:pointer;
float:left;
font-weight:bold;
font-size:95%;
height:16px;
margin:0px 0px 0px 10px;
padding:0px;
text-align:center;
width:76px;
}

#personalDB input,
#personalDB select{
vertical-align:middle;
margin:0px;
}

#personalDB input.inputSearch{
border:1px solid #A63031;
float:left;
font-size:100%;
width:260px;
margin:0px;
padding:0px 0px 0px 0px;
}
#personalDB select.select,
#personalDB input.select{
font-size:100%;
width:100%;
border:1px solid #A63031;
margin:0px;
padding:0px;
}


#personalDB hr{
height:0px;
color:#909090;
border:0px;
border-top:1px solid #909090;
}






table.TabForm{
padding:0px;
margin:0px 0px 5px;
border-bottom:10px solid #a63031;
width:480px;
font-size:100%;
}
table.TabForm tr th{
vertical-align:top;
background:#a63031;
padding:4px 10px;
margin:0px;
color:#ffffff;
text-align:right;
vertical-align:middle;
}
table.TabForm tr th a:link,
table.TabForm tr th a:visited,
table.TabForm tr th a:hover{
color:#ffffff;
text-decoration:underline;
}
table.TabForm tr th a:hover{
text-decoration:none;
}

table.TabForm tr td{
vertical-align:top;
background:#eee1e1;
padding:4px 10px;
margin:0px;
}
table.TabForm tr td a:link,
table.TabForm tr td a:visited,
table.TabForm tr td a:hover{
color:#0a6cce;
text-decoration:underline;
}
table.TabForm tr td a:hover{
text-decoration:none;
}


#personalDB .workplace01, 
#personalDB .workplace02{
float:left;
margin:0;
padding:0;
width:330px;
}
#personalDB .workplace02{
float:right;
}


#personalDB .workplace01 li, 
#personalDB .workplace02 li{
background: url(../img/workplace-bg.gif) 4px 2px no-repeat;
list-style-type:none;
padding:1px 0 4px 15px;
}



.departmentTree{
font-size:100%;
line-height:1em;
}
.departmentTree tr td{
white-space:nowrap;
}
.departmentTree tr td div{
float:right;
width:350px;
text-align:left;
}