﻿/*=====================================================================================

	Project:			ulbld.lf1.cuni.cz
		
	== iNFO ===========================================
	
	Web width:			100%
	Page width:			960px
	
	
	== Px2Em ===========================================
	
	body 	75%

	10px 	0.833em		10 / 12 = 0.857
	11px 	0.917em		11 / 12 = 0.929
	12px 	1em			12 / 12	= 1
	13px 	1.083em		13 / 12 = 1.071
	14px 	1.167em		14 / 12 = 1.143
	15px 	1.25em
	16px 	1.333em
	17px 	1.417em
	18px 	1.5em
	20px 	1.667em
		
	
	== CSS DETAiL ======================================
	
	RESET
	TYPOGRAPHY
	HACKS
	SELECTOR HELPER
	
	LAYOUT
	HEADER
	NAVIGATION
	FOOTER
	
	CONTENT
	
	PRINT
	
	
=====================================================================================*/


/******************************************************************
	RESET
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section, img {
display:block;
}

@font-face {
  font-family: 'myriad-pro';
  src: url('font/myriad-pro-semiboldcond.eot');
  src: url('font/myriad-pro-semiboldcond.eot?#iefix') format('embedded-opentype'),
       url('font/myriad-pro-semiboldcond.woff') format('woff'),
       url('font/myriad-pro-semiboldcond.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'myriad-pro';
  src: url('font/myriad-pro-lightcond.eot');
  src: url('font/myriad-pro-lightcond.eot?#iefix') format('embedded-opentype'),
       url('font/myriad-pro-lightcond.woff') format('woff'),
       url('font/myriad-pro-lightcond.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'myriad-pro';
  src: url('font/myriad-pro-light.eot');
  src: url('font/myriad-pro-light.eot?#iefix') format('embedded-opentype'),
       url('font/myriad-pro-light.woff') format('woff'),
       url('font/myriad-pro-light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'myriad-pro';
  src: url('font/myriad-pro-regular.eot');
  src: url('font/myriad-pro-regular.eot?#iefix') format('embedded-opentype'),
       url('font/myriad-pro-regular.woff') format('woff'),
       url('font/myriad-pro-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
background:#f4f4f4;
color: #343434;
font-size:80%;
font-family:"myriad-pro", arial, tahoma, verdana, sans-serif;
font-weight:normal;
text-align:center;
line-height:1.5em;
padding:0px;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
}
select, input, textarea, button {
color: #444;
font-size:99%;
font-family:arial, tahoma, verdana, sans-serif;
margin: 0px;
}


/******************************************************************
	TYPOGRAPHY
*/
h1, h2, h3, h4 {
padding:0em;
margin:0em;
font-weight:normal;
font-family:arial, tahoma, verdana, sans-serif;
color:#343434;
line-height:1.1em;
}
h1 				{font-size:1.7em;padding:0.00em 0em 0.30em 0em;}
h2 				{font-size:1.5em;padding:0.25em 0em 0.25em 0em;}
h3 				{font-size:1.3em;padding:0.25em 0em 0.50em 0em;}
h4 				{font-size:1.1em;padding:0.25em 0em 0.50em 0em;}

.clear			{clear:both;}
.left			{float:left !important;}
.right			{float:right !important;}

#content p		{margin:0em; padding:0em 0em 1.5em 0em;}
p .left			{margin:1.5em 1.5em 1.5em 0em; padding:0em;}
p .right		{margin:1.5em 0em 1.5em 1.5em; padding:0em;}

strong			{font-weight: bold;}
em				{font-style: italic;}
sup, sub		{line-height: 0;}
li ul, li ol	{margin:0em 1.5em;}
ul				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:disc;}
ol				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:decimal;}
.ie6 ul			{margin-left:2.0em;}
.ie6 ol			{margin-left:2.6em;}
.ie7 ul			{margin-left:2.0em;}
.ie7 ol			{margin-left:2.6em;}
.ie8 ul			{margin-left:1.5em;}
hr				{height:0px;color:#cccccc;border:0px;border-top:1px solid #cccccc;}

a,
a:link,
a:visited,
a:hover{
color: #1e476e;
text-decoration: underline;
outline:none;
}
a:focus,
a:hover{
color:#343434;
text-decoration: none;
}



/******************************************************************
	HACKS
*/
html 			{overflow-y:scroll;} 						/* PRO NON-IE PROHLIZECE PRIDA DOPRAVA SCROLLBAR */
textarea		{overflow:auto;} 							/* V IE ODSTRANI V TEXTAREA SCROLLBAR */
a img 			{border:none;}								/* ODSTRANI BORDER */
button 			{width:auto; overflow:visible;}				/* WWW.VIGET.COM/INSPIRE/STYLING-THE-BUTTON-ELEMENT-IN-INTERNET-EXPLORER/ */
a:link 			{-webkit-tap-highlight-color: #FF5E99;}		/* J.MP/WEBKIT-TAP-HIGHLIGHT-COLOR */
a:active		{position:relative;left:0px;top:1px;}		/* PRI KLIKNUTI POSOUVA ODKAZ O 1PX Z VRCHU */

::-moz-selection	{background:#ebebeb; color:#000; text-shadow: none;}
::selection 		{background:#ebebeb; color:#000; text-shadow: none;}

.clearfix:before,											/* NEW CLEARFIX! - RESI PROBLEM S VYTECENIM FLOATOVANYCH PRVKŮ */
.clearfix:after {
content: ".";    
display: block;    
height: 0;    
overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE 5.5/6/7 */


/******************************************************************
	CMS
*/
.blok-vlevo		{float:left;}
.blok-vpravo	{float:right;}
.blok-vycisit	{clear:both;}
.text-blok		{text-align:justify;}
.text-uprostred	{text-align:center;}
.text-vlevo		{text-align:left;}
.text-vpravo	{text-align:right;}
.obrazek-vlevo	{float:left; margin:5px 10px 10px 0px}
.obrazek-vpravo	{float:right; margin:5px 0px 10px 10px}


/******************************************************************
	LAYOUT
*/
#borderall {
border:1px solid #d4d4d4;
width:958px;
text-align:left;
margin:0 auto;
background:white;
-moz-box-shadow: 0px 0px 15px #dcdcdc;
-webkit-box-shadow: 0px 0px 15px #dcdcdc;
box-shadow: 0px 0px 15px #dcdcdc;
}
.no-boxshadow #borderall{
behavior:url(/content/styles/PIE.htc);
}

/******************************************************************
	HEADER
*/
#header{
width:100%;
background:url(../img/header-bg.gif) repeat-x;
position:relative;
}
#header a.logo:link,
#header a.logo:visited,
#header a.logo:hover {
float:left;
margin-top:8px;
line-height:0em;
}
#header .facultyname {
float:left;
padding:30px 0px 0px 20px;
}
#header .facultyname a.name:link,
#header .facultyname a.name:visited,
#header .facultyname a.name:hover,
#header .facultyname a.name1:link,
#header .facultyname a.name1:visited,
#header .facultyname a.name1:hover {
font-size:2.4em;
line-height:1.3em;
color:#1e476e;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
}
#header .facultyname a.name1:link,
#header .facultyname a.name1:visited,
#header .facultyname a.name1:hover {
font-size:2.3em;
}
#header .facultyname a.name-en:link,
#header .facultyname a.name-en:visited,
#header .facultyname a.name-en:hover {
font-size:1.9em;
}
#header .facultyname a.name1-en:link,
#header .facultyname a.name1-en:visited,
#header .facultyname a.name1-en:hover {
font-size:1.9em;
letter-spacing:0.1em;
}
#header .webs-cz,
#header .webs-en {
display:block;
margin-top:5px;
text-transform:uppercase;
font-weight:bold;
color:#1e476e;
font-size:1.1em;
}
#header .webs-en {
font-size:1.0em;
}
.ie6 #header .webs,
.ie7 #header .webs,
.ie8 #header .webs,
.ie9 #header .webs {
font-size:1em;
}
#header .webs a:link,
#header .webs a:visited,
#header .webs a:hover {
text-decoration:none;
}
#header .imglogos {
position:absolute;
bottom:0px;
right:15px;
}
#header .imglogos a {
display:inline-block;
}
#header form {
position:absolute;
top:40px;
right:15px;
margin:0px 0px 20px 0px;
}

#header form input {
width:198px;
height:27px;
border:0px;
padding:0px 10px;
background:none;
color:#cccccc;
}
#header form label {
float:left;
background:url(../img/input-bg1.gif) no-repeat;
}
.ie6 #header form input,
.ie7 #header form input,
.ie8 #header form input {
padding:5px 10px;
width:198px;
height:17px;
}
#header form button.submit {
font-size:1em;
color:#000000;
padding:3px 5px;
background:-moz-linear-gradient(
	top,
	#efeff0 0%,
	#c5c5c8);
background:-webkit-gradient(
	linear, left top, left bottom, 
	from(#efeff0),
	to(#c5c5c8));
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #a0a0a0;
-moz-box-shadow:
	0px 1px 3px rgba(231,231,231,0.5),
	inset 0px 0px 0px rgba(255,255,255,0);
-webkit-box-shadow:
	0px 1px 3px rgba(231,231,231,0.5),
	inset 0px 0px 0px rgba(255,255,255,0);
text-shadow:
	-1px 0px 1px rgba(132,132,133,0.7),
	0px 0px 0px rgba(255,255,255,0);
cursor:pointer;
}
.ie6 #header form button.submit,
.ie7 #header form button.submit,
.ie8 #header form button.submit {
padding:0px;
width:52px;
height:27px;
background:url(../img/submit.gif) no-repeat;
border:0px;
text-indent:-99999px;
line-height:0em;
font-size:0em;
}
/******************************************************************
	MENU
*/
#menu {
padding:0px;
margin:0px;
width:960px;
}
#menu li {
float:left;
margin:0px;
list-style:none;
text-align:center;
}
#menu li.last {
width:83px;
height:32px;
background:url(../img/menu-bg-last.gif) no-repeat;
}
#menu li.item a:link,
#menu li.item a:visited,
#menu li.item a:hover {
width:130px;
height:32px;
background:url(../img/menu-bg.gif?01) no-repeat;
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-size:1.3em;
display:block;
}
#menu li.dw a:link,
#menu li.dw a:visited,
#menu li.dw a:hover {
width:225px;
background:url(../img/menu-bg-dw.gif) no-repeat;
/*
876 - 200
676 / 5
*/
}
#menu li.item.first a:link,
#menu li.item.first a:visited,
#menu li.item.first a:hover {
background:url(../img/menu-bg-first.gif?01) no-repeat;
}
#menu li.item a span {
padding:6px 0px 0px;
display:block;
}
#menu li.item.act a:link,
#menu li.item.act a:visited,
#menu li.item.act a:hover,
#menu li.item a:hover {
background-position:0% -32px !important;
}
#menu li.last a:link,
#menu li.last a:visited,
#menu li.last a:hover {
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-size:1.2em;
margin:7px 0px 0px 2px;
float:left;
}
#menu li.last a:hover {
color:#7cafc5;
}
#menu li.last strong,
#menu li.last span {
font-size:1.2em;
margin:7px 2px 0px;
float:left;
font-weight:normal;
color:#fff;
}
#menu li.last strong {
margin:7px 2px 0px 15px;
color:#7cafc5;
}
#menu li.lastcz strong {
margin:7px 2px 0px 15px;
}
#menu li.lasten strong {
margin:7px 2px 0px 2px;
}
#menu li.lasten a:link,
#menu li.lasten a:visited,
#menu li.lasten a:hover {
margin:7px 0px 0px 15px;
}

/******************************************************************
	CONTENT
*/
#content {
margin-top:1px;
}

/******************************************************************
	LEFTCOL
*/
#leftcol {
width:205px;
float:left;
border-left:1px solid #fff;
}
#leftcol ul {
padding:0px;
margin:0px;
font-size:1.1em;
}
#leftcol ul li {
list-style:none;
padding:0px;
margin:0px;
text-transform:uppercase;
}
#leftcol ul li li li {
text-transform:none;
}
#leftcol ul li span {
display:block;
width:205px;
min-height:35px;
background:url(../img/leftmenu-bg1.gif) no-repeat 0% 100%;
}
#leftcol ul li li span {
background:url(../img/leftmenu-bg2.gif) no-repeat 0% 100%;
}
#leftcol ul li li.act span {
background:url(../img/leftmenu-bg2-act.gif) no-repeat 0% 100%;
}
#leftcol ul li li li span {
background:#d3e4eb url(../img/leftmenu-bg3.gif) no-repeat 12px 15px !important;
}
#leftcol ul li li li.act span {
background:#dcdcdc url(../img/leftmenu-bg4-act.gif) no-repeat 12px 15px !important;
}
#leftcol ul li li li.parent li span,
#leftcol ul li li li.parent li.act li span {
background:transparent url(../img/leftmenu-bg4.gif) no-repeat 22px 15px !important;
}
#leftcol ul li li li.parent li.act span {
background:#dcdcdc url(../img/leftmenu-bg4-act.gif) no-repeat 22px 15px !important;
}
#leftcol ul li a:link,
#leftcol ul li a:visited,
#leftcol ul li a:hover {
display:block;
padding:8px 10px;
color:#fff;
text-decoration:none;
}
#leftcol ul li li a:link,
#leftcol ul li li a:visited,
#leftcol ul li li a:hover {
background:none;
color:#343434;
}
#leftcol ul li li li a:link,
#leftcol ul li li li a:visited,
#leftcol ul li li li a:hover {
font-size:0.8em;
padding:8px 25px;
}
#leftcol ul li li li li a:link,
#leftcol ul li li li li a:visited,
#leftcol ul li li li li a:hover {
padding:8px 35px;
font-size:0.75em;
background:none !important;
}
/******************************************************************
	MAINCOL
*/
#maincol {
float:right;
width:722px;
margin:18px 18px 0px 0px;
}
#maincol.withrightcol {
float:left !important;
width:500px;
margin:18px 18px 0px 17px;
}
#maincol #navigation {
color:#9d9d9d;
margin:0px 0px 10px 7px;
}
#maincol #navigation a:link,
#maincol #navigation a:visited,
#maincol #navigation a:hover {
color:#9d9d9d;
padding:0px 5px;
}
#maincol #navigation a:hover {
color:#000;
text-decoration:none;
}
#maincol #navigation span{
padding:0px 5px;
}
#maincol .articletext {
font-size:1.1em;
position:relative;
padding-bottom:50px;
}
#maincol .titlebox {
padding:10px 15px 0px 12px;
margin-bottom:15px;
background:#ebebeb;
}
#maincol .titlebox img.title {
float:left;
margin:0px 10px 10px 0px;
}
#maincol .otherbox {
padding-left:12px;
}
#maincol .otherbox p,
#maincol .otherbox span {
padding-left:12px;
font-family:"myriad-pro", arial, tahoma, verdana, sans-serif !important;
}
#maincol ul.listArticle {
padding:0px;
margin:0px;
}
#maincol ul.listArticle li.itemArticle {
padding:0px;
margin:0px;
list-style:none;
font-size:1.1em;
position:relative;
}
#maincol ul.listArticle li.itemArticle h1 a:link,
#maincol ul.listArticle li.itemArticle h1 a:visited,
#maincol ul.listArticle li.itemArticle h1 a:hover {
color:#343434;
}
#maincol ul.listArticleNews li.itemArticle h1 {
margin-top:20px;
font-size:120%;
}
#maincol ul.listArticleNews li.itemArticle .date {
float:right;
font-size:90%;
color:#3280A2;
}


#maincol ul.listArticle li.itemArticle .info,
#maincol .articletext .info {
position:absolute;
bottom:25px;
right:15px;
color:#7a7a7a;
font-size:0.9em;
}
#maincol .articletext .info {
right:0px;
}
#maincol ul.listArticle li.itemArticle a.author:link,
#maincol ul.listArticle li.itemArticle a.author:visited,
#maincol ul.listArticle li.itemArticle a.author:hover {
color:#7a7a7a;
}

ul#catalogmenu {
margin:0px;
padding:0px;
float:right;
}
ul#catalogmenu li {
margin:0px;
padding:0px;
list-style:none;
float:left;
}
ul.cataloglist {
margin:0px;
padding:0px;
}
ul.cataloglist li {
list-style:none;
padding:10px 0px;
}
/*************
	HOME
*/
#maincolhome {
float:left;
width:715px;
margin:11px 0px 20px 14px;
}
#maincolhome .articletext {
font-size:1.1em;
}
#maincolhome .titlebox {
padding:10px;
margin-bottom:20px;
background:#ebebeb;
}
#maincolhome img.right {
margin:0px 0px 10px 10px;
}
#maincolhome #newslistart {
float:left;
width:495px;
}
#maincolhome #newslistart .title {
padding:10px;
background-image: linear-gradient(left , rgb(209,209,209) 40%, rgb(238,238,238) 99%);
background-image: -o-linear-gradient(left , rgb(209,209,209) 40%, rgb(238,238,238) 99%);
background-image: -moz-linear-gradient(left , rgb(209,209,209) 40%, rgb(238,238,238) 99%);
background-image: -webkit-linear-gradient(left , rgb(209,209,209) 40%, rgb(238,238,238) 99%);
background-image: -ms-linear-gradient(left , rgb(209,209,209) 40%, rgb(238,238,238) 99%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0.4, rgb(209,209,209)),
	color-stop(0.99, rgb(238,238,238))
);
}
.ie6 #maincolhome #newslistart .title,
.ie7 #maincolhome #newslistart .title,
.ie8 #maincolhome #newslistart .title,
.ie9 #maincolhome #newslistart .title {
background:#ebebeb;
}
#maincolhome #newslistart .title strong {
float:left;
color:#535353;
font-size:1.2em;
font-weight:normal;
}
#maincolhome #newslistart .title a:link,
#maincolhome #newslistart .title a:visited,
#maincolhome #newslistart .title a:hover {
float:right;
color:#343434;
}
#maincolhome #newslistart ul {
margin:0px;
padding:0px;
}
#maincolhome #newslistart ul li {
margin:0px;
padding:10px;
list-style:none;
display:block;
border-bottom:1px solid #d6d6d6;
font-size:0.9em;
line-height:1.1em;
}
#maincolhome #newslistart ul li h1 {
color:#3280a2;
font-size:1.1em;
}
#maincolhome #newslistart ul li img.left {
margin-right:10px;
}
#maincolhome #newslistart ul li span.date {
color:#3280a2;
font-style:italic;
display:block;
}
#maincolhome #newslistbox {
float:right;
width:212px;
}


/*************
	TABULKA CLANKY
*/
table.contentpane {
padding:0px;
margin:0px 0px 5px;
border-bottom:10px solid #004563;
width:100%;
font-size:100%;
}
table.contentpane  th,
table.contentpane  td.zahlavi{
vertical-align:top;
background:#004563;
padding:4px 10px;
margin:0px;
color:#fff;
text-align:left;
}
table.contentpane  td{
vertical-align:top;
background:#d2e5ec;
padding:4px 10px;
margin:0px;
color:black;
}
table.contentpane  td a:link,
table.contentpane  td a:visited{
color:#000;
text-decoration:underline;
}
table.contentpane  td a:hover{
text-decoration:none;
}
table.contentpane  th a:link,
table.contentpane  th a:visited{
color:#fff;
text-decoration:underline;
}
table.contentpane  th a:hover{
text-decoration:none;
}

/******************************************************************
	RIGHTCOL
*/
#rightcol {
float:right;
width:202px;
margin:11px 15px 0px 0px;
}
#calendar {
height:450px;
overflow:auto;
border:1px solid #d4d4d4;
background:#f6f6f6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#calendar #incalendar {
margin:15px 13px;
color:#6d6d6d;
line-height:1.1em;
}
#calendar #incalendar h1 {
font-size:1.3em;
color:#6d6d6d;
}
#calendar #incalendar .date {
color:#535353;
}
#calendar #incalendar .date strong {
font-weight:normal;
}
#calendar #incalendar .clearfix {
margin-bottom:10px;
}
#calendar #incalendar .date .red {
color:#ff0000;
}
#calendar #incalendar .time {
float:left;
width:35px;
}
#calendar #incalendar .text {
float:left;
width:130px;
}
#calendar #incalendar a:link,
#calendar #incalendar a:visited {
color:#3280a2;
text-decoration:none;
}
#calendar #incalendar a:hover {
color:#535353;
}


/******************************************************************
	FOOTER
*/
#footer {
width:960px;
margin:10px auto;
text-align:left;
color:#7a7a7a;
}
#footer .left {
padding:8px 0px 0px 3px;
}
#footer .left a:link,
#footer .left a:visited,
#footer .left a:hover {
color:#7a7a7a;
text-decoration:none;
}
#footer .left a:hover {
color:#000;
}
#footer .right img {
float:left;
margin:0px 4px;
}


/******************************************************************
	SEARCH ADVANCED
*/
table.text{
font-size:90%;
}
table.TabForm{
padding:0px;
margin:0px 0px 5px;
border-bottom:10px solid #004563;
width:722px;
font-size:100%;
}
table.TabForm th{
vertical-align:top;
background:#004563;
padding:4px 10px;
margin:0px;
color:#fff;
text-align:right;
}
table.TabForm td{
vertical-align:top;
background:#d2e5ec;
padding:4px 10px;
margin:0px;
color:black;
}
table.TabForm td a:link,
table.TabForm td a:visited{
color:#000;
text-decoration:underline;
}
table.TabForm td a:hover{
text-decoration:none;
}
table.TabForm th a:link,
table.TabForm th a:visited{
color:#fff;
text-decoration:underline;
}
table.TabForm th a:hover{
text-decoration:none;
}



.Input2{
padding:2px 0px;
margin:0px;
float:left;
border:1px solid #004563;
font-size:100%;
}
.Button{
border:1px solid #004563;
background:#d2e5ec;
width:76px;
height:22px;
margin:0px 0px 0px 2px;
padding:0px;
font-family:arial;
font-weight:bold;
color:#000;
cursor:pointer;
text-align:center;
font-size:100%;
}
.Button1 {
border:1px solid #004563;
background:#cdf7fa;
color:#000;
cursor:pointer;
float:right;
font-family:arial;
font-size:100%;
font-weight:bold;
height:20px;
margin:2px 0 2px 15px;
padding:0;
text-align:center;
width:76px;
}
.error{
color:red;
padding:10px 15px;
border:1px solid red;
}
.success{
color:green;
padding:10px 15px;
margin:10px 0px;
border:1px solid green;
}




.filtrform {
margin:0px 0px 15px 0px;
}
.filtrform label {
display:block;
padding:5px 0px;
}
.filtrform label span {
float:left;
width:150px;
font-weight:bold;
}
.filtrform label input,
.filtrform label select {
width:300px;
padding:2px 0px;
margin:0px;
border:1px solid #004563;
font-size:100%;
}
.filtrform  .submit {
border:1px solid #004563;
background:#d2e5ec;
color:#000;
cursor:pointer;
font-size:100%;
font-weight:bold;
height:20px;
margin:2px 0 2px 150px;
padding:0;
text-align:center;
width:76px;
}

table.goodslist{
padding:0px;
margin:0px 0px 5px;
border-bottom:10px solid #004563;
width:722px;
font-size:100%;
}
table.goodslist th{
vertical-align:top;
background:#004563;
padding:4px 10px;
margin:0px;
color:#fff;
text-align:left;
}
table.goodslist .workplace {
width:150px;
}
table.goodslist td{
vertical-align:top;
background:#d2e5ec;
padding:4px 10px;
margin:0px;
color:black;
}
table.goodslist td a:link,
table.goodslist td a:visited{
color:#000;
text-decoration:underline;
}
table.goodslist td a:hover{
text-decoration:none;
}
table.goodslist th a:link,
table.goodslist th a:visited{
color:#fff;
text-decoration:underline;
}
table.goodslist th a:hover{
text-decoration:none;
}

/******************************************************************
	PRACOVISTE
*/
ul.pracovisteseznam {
padding:0px;
margin:0px;
}
ul.pracovisteseznam li {
list-style:none;
}


/*************
	DETAIL PRACOVISTE
*/
ul.detailpracoviste {
padding:0px;
margin:0px;
}
ul.detailpracoviste li {
list-style:none;
background:#d2e5ec;
padding:10px;
}

ul.detailpracoviste li:before,											/* NEW CLEARFIX! - RESI PROBLEM S VYTECENIM FLOATOVANYCH PRVKŮ */
ul.detailpracoviste li:after {
content: ".";    
display: block;    
height: 0;    
overflow: hidden;	
}
ul.detailpracoviste li:after {clear: both;}
ul.detailpracoviste li {zoom: 1;} /* IE 5.5/6/7 */


ul.detailpracoviste li.sudy {
background:#fff;
}
ul.detailpracoviste li strong {
float:left;
width:170px;
}
ul.detailpracoviste li p,
ul.detailpracoviste li div.pracoviste {
float:left;
width:530px;
padding:0px !important;
margin:0px;
}
ul.detailpracoviste li div.left p {
width:200px;
}
ul.detailpracoviste li div.pracoviste div strong {
font-weight:normal;
float:left;
width:auto;
}
ul.detailpracoviste li div.pracoviste div em {
font-weight:bold;
float:left;
margin-left:20px;
}
ul.detailpracoviste li div.pracoviste div span {
float:left;
margin-left:20px;
}


/*************
	VYHLEDÁVÁNÍ - stránkování
*/
.pagination{
padding:10px 0px 20px 0px;
text-align:center;
width:100%
}
.pagination a.left:link,
.pagination a.left:visited,
.pagination a.left:hover,
.pagination a.right:link,
.pagination a.right:visited,
.pagination a.right:hover{
height:30px;
display:block;
color:#1E476E;
}
.pagination a.left:hover,
.pagination a.right:hover{
color:#343434;
text-decoration:none;
}
.pagination a.left:link span,
.pagination a.left:visited span,
.pagination a.left:hover span,
.pagination a.right:link span,
.pagination a.right:visited span,
.pagination a.right:hover span{
display:block;
padding:5px 10px;
text-align:right;
}
.pagination a.right:link span,
.pagination a.right:visited span,
.pagination a.right:hover span{
text-align:left;
}
.pagination .paginationCenter{
margin:0px auto 0px;
width:500px;
}
.pagination .paginationCenter strong,
.pagination .paginationCenter a:link,
.pagination .paginationCenter a:visited,
.pagination .paginationCenter a:hover{
}
.pagination .paginationCenter strong,
.pagination .paginationCenter a:link,
.pagination .paginationCenter a:visited,
.pagination .paginationCenter a:hover{
width:34px;
height:34px;
text-align:center;
color:#1E476E;
padding:0px 9px;
}
.pagination .paginationCenter strong span,
.pagination .paginationCenter a:link span,
.pagination .paginationCenter a:visited span,
.pagination .paginationCenter a:hover span{
padding:7px 0px 0px 0px;
}
.pagination .paginationCenter a:hover{
color:#343434;
text-decoration:none;
}

.pagination .paginationCenter strong{
color:#343434 !important;
}

#contentError {
padding:40px;
}


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


table.tabulka
{width:100%;margin-bottom:20px;table-layout:fixed;border-spacing:0;border-collapse:separate}
table.tabulka th,table.tabulka tr:first-child td
{background-color:#004563;color:#fff;height:42px;padding:0 20px;vertical-align:middle;font-weight:700;text-transform:uppercase;border-bottom:6px solid #fff}
table.tabulka td
{text-align:left;color:#333;padding:12px 20px;line-height:20px;border-bottom:1px solid #00809d;vertical-align:top}
table.tabulka td a
{color:#333;font-weight:500}
table.tabulka td a:after {display:none}
table.tabulka tr:last-child td{border-bottom:none}
@media only screen and (max-width:550px){
	table.tabulka{border:1px solid #dedede}
	table.tabulka tr:first-child{display:none}
	table.tabulka td td{display:block;padding-left:2%!important;border-bottom:none;padding:8px 0}
	table.tabulka td:last-child{border-bottom:1px solid #dedede}
	table.tabulka tr:nth-of-type(odd) td{background-color:#f0f3f5}
}

/******************************************************************
	PRINT
*/
@media print {

	* {
	background: transparent !important; 
	color: black !important; 
	text-shadow: none !important; 
	filter:none !important; 
	-ms-filter: none !important; 
	}
	body { 
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	line-height: 1.4em;
	word-spacing:1.1pt;
	letter-spacing:0.2pt; 
	font-family: Garamond,"Times New Roman", serif;
	color: #000; 
	background: none; 
	font-size: 12pt;
	}
	h1, h2, h3, h4 {
	font-family: Garamond,"Times New Roman", serif;
	}
	h1			{font-size:19pt;}
	h2			{font-size:17pt;}
	h3			{font-size:15pt;}
	h4			{font-size:12pt;}
	a:link, a:visited {
	background: transparent;
	font-weight: 700;
	text-decoration: underline;
	color: #444 !important;
	}
	a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
	a[href^="http://"] {color:#000; }
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	
}


