/*****************************************************************************/
/* asu2013: fonts */
/*****************************************************************************/

@import url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/icons/icomoon/style.css");


@import url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,300italic,400italic,600italic,700italic|Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext");

{*

/*@import url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext");*/



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 22, 2013 05:35:45 AM America/New_York */
/*
@font-face {
    font-family: 'RobotoRegular';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoItalic';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBold';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldItalic';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensedItalic';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensedItalic';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoThin';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoThinItalic';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLight';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLightItalic';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoMedium';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoMediumItalic';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlack';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlackItalic';
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.eot');
    src: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.eot') format('embedded-opentype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.woff') format('woff'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.ttf') format('truetype'),
         url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

*}


/* Stylesheet: asu2013: 1 - fonts Modified On 2014-02-17 09:10:23 */
/*****************************************************************************/
/* asu2013: html5 reset */
/*****************************************************************************/

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, svg, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary, main {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
svg,
object,
embed {max-width: 100%; height:auto;}
svg,object, embed  { display: inline-block;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font:100%; max-width:100%;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* add .clearfix to ensure that element always fully contains its floated children */
.clear-in:before, .clear-in:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clear-in:after { clear: both; }  
.clear-in { *zoom: 1; } 

/* add .clear to ensure tha the element displays after all floating elements have been drawn */
.clear { clear: both; }  


/* Stylesheet: asu2013: 2 - html5 reset Modified On 2014-02-17 09:10:37 */

/* -- fonty :
Droid Serif - blockquote, figcaption ('Droid Serif', Georgia, 'Times New Roman', Times, serif)
Open Sans - .page-title>h1 (Open Sans, Arial, sans-serif;)
Open Sans Concensed - .banner-slider (Open Sans Condensed, Arial, sans-serif;)
"Open Sans",Arial,Helvetica,sans-serif; - default
-- */

/*****************************************************************************/
/* asu2013: layout */
/*****************************************************************************/

html {
    background: none repeat scroll 0% 0% #f6f6f6;
}

body {
    font: 400 16px/160% "Open Sans",Arial,Helvetica,sans-serif;
    color: #444; 
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ 
    -webkit-text-size-adjust: 100%;     
    text-rendering: optimizeLegibility;
    width:100%;
    min-width: 319px;
    max-width: 1920px;
    overflow-x: hidden;
    margin: 0 auto;
}

img, a img, img:focus, svg {
    border: 0; outline: 0;
}

textarea, input, a, textarea:focus, input:focus, a:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal; 
    margin-bottom: 12px; 
    line-height: 1.4;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit; 
}

h1 {font-size:200%;}
h2 {font-size:150%; margin-top:1.2em;}
h3 {font-size:125%; margin-top:1.0em;}
h4 {font-size:100%; font-weight:bold; margin-bottom:0.3em; }
h5 {font-size:100%; font-weight:bold; margin-bottom:0.2em; }
h6 {font-size:100%; font-weight:bold; margin-bottom:0.1em; }
p {margin: 0 0 1em 0;}
p img {margin: 0;}
em {font-style: italic;}
strong {font-weight: bold;}
small {font-size: 80%;}
abbr,acronym {border-bottom: 1px dotted #666; cursor: help;}
sup,sub {height: 0;	line-height: 1;	position: relative;	vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; background: #f7f7f7; color: #222;line-height: 18px; margin-bottom: 18px;padding: 1.5em; border:1px solid #e9e9e9;}

/* Lists */
ul {list-style: disc outside;}
ol {list-style: decimal outside;}
ol, ul {margin-left: 2em;}

x-blockquote { }
x-blockquote p { margin: 20px 0 0 0 !important; }
x-blockquote p:first-child { margin: 0 !important; }



/* Links */
a{text-decoration:none; outline:0; border:0; color:#0094d6;}
a:hover, a:active,a:focus {border: 0; outline:0; text-decoration:none;color:#0094d6;}
p a {line-height: inherit;}
/* p a:hover, ul a:hover, ol a:hover {  } */



/* Divider */
hr {background-color: rgb(228, 228, 228); border: 0; clear: both; height: 1px; margin-bottom: 18px;}


/* Form style */
input,textarea {
    color: #696969; 
    background:#fff; 
    border: 1px solid #ddd; 
    -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.1); 
    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.1); 
    box-shadow: inset 0 1px 4px rgba(0,0,0,0.1); 
}
input {height:25px; padding:4px 10px; }
textarea{width: 400px; overflow:hidden; padding:10px;}

input[type='submit'] {
    display: inline-block; 
    background-color:#f86b35; 
    color: #fff; font-weight:bold; 
    height: 33px; line-height:33px; 
    padding: 0 20px; 
    text-align: center; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.251); 
    text-transform: uppercase; 
    border:none; 
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.196); 
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.196); 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.196); 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px;
}

input[type='submit']:hover {
    color:#ffffff; 
    background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.23) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.23)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,  rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,  rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bffffff', endColorstr='#00ffffff',GradientType=0 );}
    input[type='submit']:active{color:#ffffff;
}

input::-moz-focus-inner { border: 0; padding: 0; margin-top:0;}

/* Table Style */
/*
table{background-color:#eeeeee; border-collapse:collapse; border-spacing: 0;  padding:0; margin-bottom:18px; x-moz-border-radius:6px; x-webkit-border-radius:6px ; xborder-radius:6px;  width:100%;}
th{color:#ffffff; font-weight:bold; padding:10px 30px 10px 30px; text-align:center; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.251);}
tr{color:#696969; text-align:center;}
tr:nth-child(odd) td{background:#ffffff;}
th:first-child {-moz-border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0;text-align:left;}
th:last-child {-moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;}
th:only-child{-moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}
td{padding:10px;vertical-align:middle; }
td:first-child {text-align:left;}
*/
table, table * {padding:0;  margin:0; xtext-align:center; xvertical-align:middle;}

/*
svg {
    height: 100%;
    display:block;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
}
*/

/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/
.hidden {display:none;}
.clickable {cursor:pointer; xcolor:#0094d6;}

.width-wrapper,  
.width-wrapper-small {
    width: 980px;
    max-width: 100%;
    margin: 0 auto;
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    box-sizing: border-box; 
    padding: 0 1em;
    position: relative;
}

.width-wrapper-wide {
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    box-sizing: border-box; 
    padding: 0 1em;
    position: relative;
}



.content-container {
    padding-bottom: 5em;
    min-height: 40em;
}

.go-top {
    display: none;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #444;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.go-top:hover { background-color: #0094d6; }
 




.browser-alert-bar {color: #222; background-color: #ffc40d;}
.browser-alert-bar-message {
    text-align: center;
    position: relative;
    font-size: 75%;
    text-shadow: 0px 1px 0px rgba(255,255,255,.5);
}
.browser-alert-bar-message > a {
    position: absolute;
    top: 6px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=close&size=14&fg=dddddd&bg=222222") no-repeat;
    filter: alpha(opacity=70);
    opacity: .7;
    -webkit-transition: opacity 0.2s ease;
       -moz-transition: opacity 0.2s ease;
         -o-transition: opacity 0.2s ease;
            transition: opacity 0.2s ease;
}
.browser-alert-bar-message > a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}


.breadcrumbs {
    font-size: 50%;
    font-style: normal;
    line-height: 1.1;
    color: inherit;
    float: right;
    margin-top: 28px;
    padding: 7px;
    position: relative;
    z-index: 101;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 2px 2px;
}

.breadcrumbs .separator {
    padding-left: .5em;
    padding-right: .5em;
}

.red {
    color: #d33;
}




/*
[class*="icon-"]:before {
    color: #0094d6;
}
*/


/* --- RESPONSIVE RULES ---------------------------------------------------------- */

/* 
// note about screen resolutions
// as of 04/2014 most users have screen widths 
//     1920px (21%) 
//     1366px (22%)
//     1280px (21%)
//     1024px (15%)
// web font breaking points:
//     font-size:16px @ min-screen-width:980px
//     font-size:15px @ min-screen-width:850px
//     font-size:14px @ min-screen-width:720px
//     font-size:13px @ min-screen-width:590px
//     font-size:12px @ min-screen-width:460px
*/

/* @media only screen and (max-width: 800px) {
    html {-webkit-text-size-adjust: none; -ms-text-size-adjust: none;  -moz-text-size-adjust: none;}
} */

@media only screen and (max-width: 849px) { body {font-size: 15px;} }
@media only screen and (max-width: 719px) { body {font-size: 14px;} }
@media only screen and (max-width: 589px) { body {font-size: 13px;} }
@media only screen and (max-width: 459px) { body {font-size: 12px;} }


/* Stylesheet: asu2013: 3 - global layout Modified On 2016-04-04 12:01:45 */
.header {
    position: relative;
    overflow: none;
    height: auto;
    margin-bottom: 2em;
    position: relative;
    xborder-bottom: 4px solid #0094d6;
    background: #333333 none no-repeat scroll center bottom;
    xbackground-image: url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/www/asu2013/darker_than_black_night_sky.jpg");
    xbackground-image: url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/www/asu2013/header_thin_bg_stars_5.jpg");
    background-image: url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/www/asu2013/header-bg-stars-5b.jpg?w=1920");
}

.header .width-wrapper,
.header .width-wrapper-small,
.header .width-wrapper-wide {
    padding: 0;
}
/*
.header:after{
    content:""; 
    width: 0px; 
    height: 0px; 
    border-style: solid; 
    border-width: 6px 6px 0 6px; 
    border-color: #0094d6 transparent transparent transparent;
    position:absolute; 
    left:50%; 
    bottom:-10px; 
    margin-left:-6px;
}
*/

.header-upper {
    position: relative;
    z-index:100;
    background-color: rgba(0,0,0,0.75);
    height: 90px;
    width:100%;
    x-background: -moz-linear-gradient(left, rgba(0,0,0,.8) 0%, rgba(0,0,0,.7) 100%);
    text-align: center;
}

.header-lower {
    position: relative;
    height: 90px;
    width:100%;
    text-align: left;
}

.header-lower .width-wrapper-wide {
    padding: 0 1em;;
}

.header .section-title {
    font-size: 220%;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    height: 90px;
    line-height: 90px;
}

#svg-moving-stars {
    width: 750px;
    height: 750px;
    position: absolute;
    top: -180px;
    left: -180px;
    opacity: 0.35;
}

.logo {
    position: relative;
    top:0;
    z-index:1000;
    display: block;
    float: left;
    width: 222px;
    height: 90px;
    overflow: hidden;
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/pages/asu/logo/asu-logo-v1-cz-rgb-negative-color.svg') no-repeat scroll 50% 50% transparent;
    background-size: contain;
    margin: 0;
}

.logo a {
    display:block;
    color: transparent;
    font-size: 0px;
    width: 100%;
    height: 100%;
}



.menu-options {
    height: auto;
    padding:0;
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    box-sizing: border-box; 
    font-size: 81.25%;
    text-align: left;
    position: absolute;
    top: 0;
    right:0;
    xdisplay:none;
    z-index: 9999;
}
.menu-options > div {
    display: inline-block;
    margin: 2px 0.5em;
}

.menu-options > div * {
    line-height: 1em;
    color: #999;
}

.menu-options .lang {line-height: 19px;}
.menu-options .lang span[class*="icon"] {margin-right:0.3em;}
.menu-options .lang span[class*="icon"]:before {font-size: 19px; position:relative; top:2px;}
.menu-options .lang span.expand {display:none;}
.menu-options .lang:hover * {color: #fff;}
.menu-options .lang:hover span.expand {display:inline;}

.menu-options .search {line-height: 19px;}
.menu-options .search span[class*="icon"]:before {font-size: 15px; position:relative; top:1px; margin-right:0.3em;}
.menu-options .search > form {display:none;}
.menu-options .search:hover > form {display:inline-block;}
.menu-options .search:hover > span {display:none;}

.menu-options input {
    border: 1px solid #666;
    padding: 3px;
    height: auto;
    width: 200px;
    padding-left: 20px;
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=search&size=20&fg=dddddd&bg=&corners=0') no-repeat scroll left 50% transparent;
}

.menu-options .social-icon {
    display: inline-block;
    width: 18px;
    height: 17px;
    color: #999;
    overflow: hidden;
}
.menu-options .social-icon:before {
    font-size: 15px;
    width: 15px;
    -webkit-transition: color 0.2s ease;
       -moz-transition: color 0.2s ease;
        -ms-transition: color 0.2s ease;
         -o-transition: color 0.2s ease;
            transition: color 0.2s ease;
}


.menu-options .social-icon.icon-facebook-3:hover:before {color: #3B5998;}
.menu-options .social-icon.icon-twitter-3:hover:before {color: #3cf;}
.menu-options .social-icon.icon-youtube-2:hover:before {color: #d33;/*#BD3518;*/}
.menu-options .social-icon.icon-rss:hover:before {color: #f60;/*#F88F16;*/}
.menu-options .social-icon.icon-phone:hover:before {color: #cf3;}
.menu-options .social-icon.icon-mail:hover:before {color: #0094d6;}


.breadcrumb {
    font-size:80%;
}


@media only screen and (max-width: 979px) {
    .xlogo {float:none; display:block;}
    .header, .header-lower, .header-upper {height: auto;}
    .logo {width: 142px; height: 65px;}
    .menu-options {display:none;}
    .header .section-title {font-size: 170%; height:55px; line-height:55px;}
}


/* Stylesheet: asu2013: 4 - header pages v2 Modified On 2015-08-08 11:56:41 */
/* --- PAGE FOOTER --------------------------------------------------------------------------------*/

.footer {
    clear:both;
    color: #ccc;
    background:#333;
    border-top: 4px solid #0094d6;
    min-height:3em;
    font-size: 81.25%;
    line-height: 150%;
    margin-top: 2em;
}

.footer-content {
    padding: 2em 0;
}

.footer-content h1 {
    font-size: inherit;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    color: #eee;
    padding: 0 0 5px;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #eee;
}

.footer-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-content .contact li:before {
    display: inline-block;
    margin-left: -25px;
    width: 25px;
}
.footer-content .contact li {
    padding-left: 25px;
    margin-bottom: 0.25em;
}

.footer-content .photostream {
    line-height: 100%;
}

.footer-content .photostream li {
    display: block;
    float:left;
    position:relative;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width:33.3%;
    padding: 1px 1px 0 0 ;
}
.footer-content .photostream img {
    display: block;
    border: none;
}

.footer-content .connect .rss {
    margin-top: 1.5em;
}
.footer-content .connect .rss img {
    float: left;
    margin: 0.5em 0.5em 0 0;
}

.footer-content .connect .addthis_toolbox {
    margin: 1em 0 0 0;
}

.footer-copyrights {
    border-top: 1px solid #0094d6;
    background-color: #282A2B;
    color: #999;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 15px 0;
}

.footer-copyrights .left {text-align: left;}
.footer-copyrights .right {text-align: right;}

.footer-copyrights a {
    color: #999;
    border-bottom: 1px dotted #999;
}

.footer-copyrights a:hover {
    color: #ddd;
    border-bottom: 1px solid #ddd;
}


@media only screen and (max-width: 550px) {
    .footer-copyrights div.columns>div {float:none !important; margin: 0 !important; width:100% !important;}
    .footer-copyrights .left, .footer-copyrights .right  {text-align:center;} 
}





/*
.footer-container a{color:#BCBCBC;}
.xx-footer-container {x-width:940px; margin:0 auto; padding:45px 0; overflow:hidden;}
.footer-container .widget-area{margin-right:20px;}
.footer-container .widget-area:last-child, #footer-widget-area.columns-1 .widget-area{margin-right:0px;}
.footer-container .widget-area{float:left;}
.footer-container.columns-1 .widget-area{width:100%;}
.footer-container.columns-2 .widget-area{width: 460px;}
.footer-container.columns-3 .widget-area{width: 300px;}
.footer-container.columns-4 .widget-area{width:220px;}
.widget-area ul.xoxo {margin:0; padding:0;}
.widget-area ul.xoxo li {list-style:none; line-height: 1.6;}
.widget-area ul.xoxo li.widget-container {margin:0 0 40px; padding:0;}
.widget-area ul.xoxo li.widget-container ul {margin:0; padding:0;}
.widget-area ul.xoxo li.widget-container ul li {padding: 9px 0; margin:0; border-bottom:1px solid #EDEDED;}
.widget-area ul.xoxo li.widget-container ul li:first-child {padding-top:0px;}
.widget-area ul.xoxo li.widget-container ul li:last-child {padding-bottom:0px; border-bottom:none; box-shadow: none; -moz-box-shadow: none;  -webkit-box-shadow: none;}
.widget-area ul.xoxo li.widget-container ul li:before {content: "\e411"; font-family: moon; color:#999; font-size:50%; speak: none; font-style: normal; font-weight: normal; line-height: 1; padding-right:10px; cursor:default; -webkit-font-smoothing: antialiased;}
.widget-title{color:#696969; font-weight:bold; font-size: 60%; padding:0 0 5px; margin:0; text-transform:uppercase;}
.widget-title span {padding: 0px 0px;}
.sidebar-line{width:100%; height:1px; background:#ccc; margin-bottom:25px;}
.sidebar-line span{display:block; width:40px; height:1px;}

footer .widget-area ul.xoxo li.widget-container {margin:0 0 30px; padding:0;}
footer .widget-area ul.xoxo li.widget-container ul li {border-bottom:1px solid #232323; box-shadow: 0px 1px 0px rgba(224, 224, 224, 0.14); -moz-box-shadow: 0px 1px 0px rgba(224, 224, 224, 0.14);  -webkit-box-shadow: 0px 1px 0px rgba(224, 224, 224, 0.14); }
footer .widget-area ul.xoxo li.widget-container ul li:last-child {border-bottom:none; box-shadow: none; -moz-box-shadow: none;  -webkit-box-shadow: none;}
footer .widget-title{color:#EAEAEA;}
footer .sidebar-line{background:#7E7E7E; }




footer #copyrights a {
    display: inline-block;
    margin-left: 7px;
    color: #666;
    border-bottom: 1px dotted #888;
}



footer #copyrights .column { margin-bottom: 0 !important; }
footer #copyrights div.column:last-child {text-align:right;}
footer #copyrights #copyrights-social {
    text-align: right;
    margin-top: 2px;
    line-height: 1;
}

footer #copyrights-social a {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

footer #copyrights-social img {
    display: block;
    width: 16px;
    height: 16px;
}
*/
/* Stylesheet: asu2013: 4 - footer Modified On 2014-05-16 08:42:17 */
.menu-primary {
    display: block;
    color: #fff;
    x-text-shadow:0 1px 0 #fff;
    margin: 0;
    padding: 0;
    text-align: left;
    z-index: 1000;
}

.menu-primary ul,
.menu-primary li
{
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-primary a {
    text-decoration: none;
    display: block;
    color: inherit;
}

.menu-primary li.level1 > a {
    text-transform:uppercase; 
    font-weight:600; 
    line-height: 100%;
    width: auto;
}

.menu-primary ul.level2 {
    padding: 0.5em;
    overflow: hidden;
    display:none;
}

.menu-primary li.level2 > a {
    padding: 0.4em 1em;
    background-color: transparent;
}

.menu-primary li.level2 > a:hover {
    background-color: #003B57;
}

.menu-primary ul.level3 {
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    overflow: hidden;
}

.menu-primary li.level3 > a {
    font-size: 92%;
    color:#ddf;
    padding: 0.2em 1.5em;
    background-color: transparent;
}

.menu-primary li.level3 > a:hover {
    background-color: #003B57;
}


.frontpage .menu-primary .home {
    display: none;
}

.menu-toggle {
    width: 65px;
    height: 65px;
    margin-right: 1em;
    float: right;
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=reorder&size=50&fg=ffffff&bg=&corners=0') no-repeat scroll 50% 50% transparent;
    display: none;
}

.menu-toggle.clicked {
    background-image: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=reorder&size=50&fg=cccccc&bg=&corners=0');
}

/*---- LARGE WIDTH MENU -------------------------------------------------*/

@media only screen and (min-width: 590px) {

.menu-primary {
    float: right;
}

/*  --- LEVEL 1 --- */

.menu-primary ul.level1 {
    margin-top: 20px;
    margin-right: 1.5em;
}

.menu-primary li.level1 {
    position:relative; 
    display: inline-block;
    padding: 1.5em 1.5em;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: transparent;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

.menu-primary li.level1 > a {
    padding-bottom: 5px; 
    border-bottom:1px solid #aaa; 
}

.menu-primary li.level1:hover {
    background-color: rgba(0,0,0);
    background-color: rgba(0,0,0,0.90);
}

.menu-primary li.level1:hover > a {
    padding-bottom: 4px; 
    border-bottom:2px solid #0094d6; 
}


/* 
- by default level2 menu dropdown is adimated using jquery, so display:none is enough to set
- if for any reason jquery fails, css-animated class is not remover from <nav> and backup css animation takes over
*/

.menu-primary.css-animated li.level1 > ul {
    display:inherit;
    visibility:hidden;
    opacity:0;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.menu-primary.css-animated li.level1:hover > ul {
    visibility:visible;
    opacity:1;
}

/*  --- LEVEL 2 --- */

.menu-primary ul.level2 {
    position: absolute;
    top:100%;
    left:0%;
    z-index:9999;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.95);
    xbackground: -moz-linear-gradient(top, rgba(255,0,0,0.8) 0%, rgba(255,0,0,0.9) 100%);
    xbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9)));
    xbackground: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%);
    xbackground: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%);
    xbackground: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%);
    xbackground: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%);
    xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4000000', endColorstr='#e6000000',GradientType=0 );
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.menu-primary li.level1:last-child ul.level2 {
    left: auto;
    right: 0%;
}

.menu-primary li.level2 > a {
    width: 230px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color .3s ease;
       -moz-transition: background-color .3s ease;
        -ms-transition: background-color .3s ease;
         -o-transition: background-color .3s ease;
            transition: background-color .3s ease;
    xposition: relative;
}


/*
.menu-primary li.level2 > a:hover:before {
    content: '▶';
    margin:0;
    xfont-size:20px;
    position:absolute;
    left:0px;
    top:2px;
}
*/


} /* end of media query >640px */

/*---- SMALL WIDTH MENU -------------------------------------------------*/

@media only screen and (max-width: 589px) {


.menu-primary ul.level1 {
    margin: 0;
    border-top: 1px solid #333;
}

.menu-primary li.level1 {
    display: block;
    background-color: #111;
    border-bottom: 1px solid #333;
    line-height: 120%;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

.menu-primary li.level1 > a {
    padding: 0.5em 1em;
}

.menu-primary li.level2 > a:hover {
    background-color: #003B57;
}

.menu-primary ul.level2 {
    padding: 0.5em;
    overflow: hidden;
}

.menu-primary li.level2 > a {
    padding: 0.4em 1em;
    background-color: transparent;
}

.menu-primary li.level2 > a:hover {
    background-color: #003B57;
}

.menu-primary ul.level3 {
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    overflow: hidden;
}

.menu-primary li.level3 > a {
    font-size: 92%;
    color:#ddf;
    padding: 0.2em 1.5em;
    background-color: transparent;
}

.menu-primary li.level3 > a:hover {
    background-color: #003B57;
}



}  /* end of media query <640px */




/*

.xmenu-primary ul {
    xtext-shadow:0 1px 0 #FFF;
    list-style: none;
    margin: 0;
    padding: 0;
    xwidth: 100%;
}

.xmenu-primary li {
    xfloat: left;
    margin: 0;
    padding: 0;
    xposition: relative;
    xmin-width: 25%;
}

.xmenu-primary a {
    xbackground: #ddd;
    xcolor: #444;
    display: block;
    xfont: bold 16px/50px sans-serif;
    xpadding: 0 25px;
    xtext-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.xmenu-primary>ul>li>ul {
    display:none;
}


.xmenu-primary .dropdown:after {
    content: ' ▶';
}
.xmenu-primary .dropdown:hover:after{
	content:'\25bc'
}
.xmenu-primary li:hover a {
    background: #ccc;
}
.xmenu-primary li ul li {
    float: none;
    width: 100%;
}
.xmenu-primary li ul a:hover {
    background: #bbb;
}

*/





/* --- RESPONSIVE RULES ---------------------------------------------------------- */

@media only screen and (max-width: 1279px) {
    .menu-primary li.level1  {padding: 1.5em 0.85em;}  /* smaller gaps between level1 items*/
}

@media only screen and (max-width: 1023px) {
    .menu-primary  {font-size:93.75%;}  /* one px smaller font */
}

@media only screen and (max-width: 979px) {
    .menu-primary ul.level1 {margin-top:0;}
}



@media only screen and (max-width: 759px) {
    .menu-primary {float: none; display:block; clear:both;}  /* place menu on a separate line */
    .menu-primary ul.level1 {text-align:center;}
    .menu-primary li.level1 {padding:0.6em 0.85em; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
}

@media only screen and (max-width: 589px) {
    .menu-primary {xdisplay:none;}
    .menu-toggle {display: block;}
}



/*

@media only screen and (max-width: 1100px) {
    .menu-primary {font-size: 87.5%;}
    .menu-primary ul.level1 {margin-top:25px;}
}

@media only screen and (min-width: 850px) and (max-width: 1024px) {
    .xmenu-primary ul.level1 {margin-top:35px;}
}

@media only screen and (min-width: 600px) and (max-width: 849px) {
    .menu-primary {float: none; display:inline-flex;}
    .logo {float:none;}
    .top-bar-container {height: auto;}
    .menu-primary ul.level1 {margin-top:0px; margin-bottom:0px;}
    .menu-primary li.level1 {padding-top:0.6em; padding-bottom:0.6em;}
}

@media only screen and (max-width: 599px) {
    .menu-primary {float: none; display:block;}
    .logo {float:none;}
    .top-bar-container {height: auto;}
    .menu-primary ul.level1 {margin-top:0px; margin-bottom:0px;}
    .menu-primary li.level1 {padding-top:0.6em; padding-bottom:0.6em;}

    .menu-toggle {display:inline-block  !important; float:right; height: 55px; background:none; padding: 0 20px; margin-top:20px; font-size: 11px; color:#f1f1f1 !important; text-transform:uppercase; line-height:45px; font-weight:bold; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.196); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.196); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.196);}
	.menu-toggle span{margin-top:19px; display:block; border-bottom: 10px double #f1f1f1; border-top:3px solid #f1f1f1; height: 4px; width:20px; xfloat:right;}
	.menu-toggle.menu-active span{border-color:#919191;}
    .xmenu-primary ul, .menu-primary li {float:none !important;display:block; position:inherit; background:#ccc; border:none; background:none;}
    .xmenu-primary ul.level1 {margin: 0;}
    .xmenu-primary ul.level1 {margin: 0;}
    .xmenu-primary li.level1 > ul {display: block;}
    .xmenu-primary ul.level2 {position: inherit;}
}


*/


/* Stylesheet: asu2013: 4 - main menu Modified On 2014-05-16 22:11:01 */
/*****************************************************************************/
/* asu2013: editor styles */
/*****************************************************************************/

.page-content > h1 {
    margin-bottom: 1.5em;
}


/* --- P ------------------------------------------------------------ */


.page-content p.perex {
    font-style: italic;
    margin-top:1em;
    margin-bottom:2em;
}

.page-content p.center {
    text-align: center;
}

.page-content p.signature {
    /*font-weight: 600;*/
    font-style: italic;
    margin-top:1em;
    margin-bottom:2em;
    text-align: right;
    padding-right: 4em;
}

.page-content p.contact {
    font-style: italic;
}

.page-content p strong {
    font-weight: 600;
}

.page-content p.icon-padding {
    padding-left: 70px;
    position: relative;
}

.page-content p.icon-padding > img.icon {
    position: absolute;
    left: 0;
    top: 0;
}


/* --- P & DIV columns ------------------------------------------------------------ */

div.columns:after {clear:both;content: "\0020"; display: block; height: 0; overflow: hidden;}
div.columns>p,
div.columns>div {
    float: left;
    margin-right: 3%;
xborder:1px dashed green; -moz-box-sizing: border-box; 
}

div.columns-1-1>p {width: 48.5%;}
div.columns-1-2>p:first-child {width: 32.5%;}
div.columns-1-2>p:last-child {width: 64.5%;}
div.columns-2-1>p:first-child {width: 64.5%;}
div.columns-2-1>p:last-child {width: 32.5%;}
div.columns-1-1-1>p {width: 31.33%;}

div.columns-1-1>div {width: 48.5%;}
div.columns-1-2>div:first-child {width: 32.5%;}
div.columns-1-2>div:last-child {width: 64.5%;}
div.columns-2-1>div:first-child {width: 64.5%;}
div.columns-2-1>div:last-child {width: 32.5%;}
div.columns-2>div {width: 48.50%;}  /* =(100% - 1*3%)/2 */
div.columns-3>div {width: 31.33%;}  /* =(100% - 2*3%)/3 */
div.columns-4>div {width: 22.75%;}  /* =(100% - 3*3%)/4 */

div.columns>p:last-child,
div.columns>div:last-child {
    float:right;
    margin-right: 0 !important;
}

/* --- DIV ------------------------------------------------------------ */

.page-content > div.left {
    float: left;
    display: inline-block;
}

.page-content > div.right {
    float: right;
    display: inline-block;
}



.page-content .padding-30-left {
    padding-left: 310px;  /* 33% * 940px(page width) */
    position: relative;
}

.page-content .padding-30-left img.left {
    position: absolute;
    left: 0;
    top: 0;
    float: none !important;
}


/* --- blockquote ------------------------------------------------------------ */

.page-content blockquote {
    color: #666;
    border-left: 3px solid #0094d6;
    font-size: 17px;
    line-height: 1.4;
	font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
	padding: 5px 0 5px 20px;
    text-shadow: 1px 1px 1px #FFF;
    margin-left: 2em;
    margin-bottom:1em;
}
.page-content blockquote p { margin: 20px 0 0 0 !important; }
.page-content blockquote p:first-child { margin: 0 !important; }
.page-content blockquote.right {width: 50%; float: right; margin-top:0.5em;margin-bottom:0.5em;}

.page-content blockquote > p.signature {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    padding-left: 1.5em;
    content: "--";
}
.page-content blockquote > p.signature:before {content: "– ";}



/* --- A ------------------------------------------------------------ */

.page-content p a:hover {
    border-bottom: 1px solid #0094d6;
}

.page-content p a.external, p a[href^="http"] {
    x-padding-right: 13px !important;
    x-background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") no-repeat scroll right center transparent;
}

.page-content a.button, a.button {
    display: inline-block; 
    background-color:#2780af; 
    color: #fff; 
    font-size:125%; 
    font-weight:bold; 
    padding: .3em 1.5em; 
    text-align: center; 
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.251); 
    x-text-transform: uppercase; 
    border:none; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;
}

.page-content a.button:hover, a.button:hover {
    color:#ffffff; 
    background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.23) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.23)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,  rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,  rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bffffff', endColorstr='#00ffffff',GradientType=0 );
}
.page-content a.button:active, a.button:active {
    color:#ffffff; 
    background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(255,255,255,.16) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.1)), color-stop(100%,rgba(255,255,255,0.16)));
    background-image: -webkit-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(255,255,255,0.16) 100%);
    background-image: -o-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(255,255,255,0.16) 100%);
    background-image: -ms-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(255,255,255,0.16) 100%);
    background-image: linear-gradient(to bottom,  rgba(0,0,0,.1) 0%,rgba(255,255,255,0.16) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#180000000', endColorstr='#28ffffff',GradientType=0 );
}

.page-content a.button:before, a.button:before {
    font-family: 'icomoon';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
    margin-right: .6em;
    padding-right: .6em;
    border-right: 1px solid #ddd;
	-webkit-font-smoothing: antialiased;
}
    

    
/* --- ASIDE ------------------------------------------------------------ */

.page-content aside {
    float: right;
    width: 20em;
    margin: 0.5em 0 0.5em 1em;
    background-color: #ddd;
    padding: 1em;
    border: 1px solid #ccc;
    font-size: 87.5%;
    line-height: 1.5em;
}

.page-content aside>h1 {
    font-size: 24px;
    color: inherit;
}

/* --- IMG & FIGURE ------------------------------------------------------------ */

.page-content img {
    box-shadow: 0 0 4px 2px rgb(204, 204, 204);
    border-radius: 3px 3px 3px 3px;
}

.page-content img.plain {
    box-shadow: none;
    border-radius: 0;
}
.page-content .map img {
    box-shadow: none;
    border-radius: 0;
    max-width: none;
}

.page-content img.inline {
    display: inline;
    vertical-align: baseline;
}

.page-content img.icon {
    box-shadow: none;
    border-radius: 0;
    display: inline;
    vertical-align: middle;
    margin: 0 1em 0 0;
}


/* vychozi formatovani obrazku je do bloku na stred */
.page-content img {
    display:block;
    margin: 1em auto;
}
.page-content figure {
    margin: 2em auto;
    width:90%;
    display:block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1.5em 1em;
    text-align: center;
}
.page-content figure>figcaption {
    font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
    x-font-size: 13.5px;
    font-style: italic;
    line-height: 1.4;
    margin: 0.5em 0 0 0;
}

.page-content figure.fullwidth {
    width:100%;
    padding: 0 1em;
    display:block;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.page-content figure.fullwidth>figcaption {
    text-align: center;
}


/* v pripade img uvnitr figure */
.page-content figure img {
    display: inline;
    margin-left: 1em;
    margin-right: 1em;
}
.page-content figure img:first-child {margin-left: 0;}
.page-content figure img:last-child {margin-right: 0;}

.page-content figure.right {
    float:right;
    width: 1px;
    margin: 0.5em 0 0.5em 2em;
    display: table;
}

.page-content figure.right img {
    max-width:none;
}

.page-content figure.right img, .page-content figure.right figcaption {
    display:table-row;
}

.page-content img.left,
.page-content figure.left {
    float:left;
    margin: 0.5em 2em 0.5em 0;
}
.page-content img.left.icon {
    margin: 0 1em 0 0;
}

.page-content img.right
 {
    float:right;
    margin: 0.5em 0 0.5em 2em;
}



/* --- TABLE ------------------------------------------------------------ */

/*
table{background-color:#eeeeee; border-collapse:collapse; border-spacing: 0;  padding:0; margin-bottom:18px; x-moz-border-radius:6px; x-webkit-border-radius:6px ; xborder-radius:6px;  width:100%;}
th{color:#ffffff; font-weight:bold; padding:10px 30px 10px 30px; text-align:center; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.251);}
tr{color:#696969; text-align:center;}
tr:nth-child(odd) td{background:#ffffff;}
th:first-child {-moz-border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0;text-align:left;}
th:last-child {-moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;}
th:only-child{-moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}
td{padding:10px;vertical-align:middle; }
td:first-child {text-align:left;}
*/

.page-content table {
    margin: 2em auto;
}
.page-content table tr {color:#696969; text-align:center;}
.page-content table>thead tr{background:#aaa;}
.page-content table>tbody tr:nth-child(even) {background:#ffffff;}
.page-content table>thead td {color:#ffffff; font-weight:bold; padding:10px 30px 10px 30px; text-align:center; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.251);}
.page-content table>tbody td {padding:10px 30px 10px 30px; text-align:center; }
.page-content table>tbody td:first-child {text-align:left;}

.page-content table.right {
    float: right;
    width: 50%;
    margin: 0.5em 0 0.5em 2em;
}
.page-content table.left {
    float: left;
    width: 50%;
    margin: 0.5em 2em 0.5em 0;
}

/* --- UL / OL ------------------------------------------------------------ */

.page-content ul {
    list-style-position: outside;
    list-style-image: url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=chevron-right&size=12&fg=2780af&bg=&font=100");
    margin-bottom: 1em;
}

.page-content ul li {
    margin-bottom:0.5em;
}

.page-content ul.mark-ok { 
    list-style-image: url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=ok&size=12&fg=2780af&bg=&font=100");
}

.page-content ul.mark-arrow { 
    list-style-image: url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=arrow-right-2&size=12&fg=2780af&bg=&font=100");
}


.page-content ul.file-list { 
    list-style-type: none;
    list-style-image: none;
}
.page-content ul.file-list > li { 
    background: url("https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=file-text&size=50") no-repeat 0px 0px transparent;
    margin: 1em 0;
    padding: 0 0 0 75px;
    vertical-align: middle;
    list-style-type: none;
    line-height: 50px;
}

.page-content ol.references {
    color:green;
    margin-bottom:1em;
}



/* --- ARTICLE ------------------------------------------------------------ */

.page-content article {
    margin-bottom: 2em;
}

.page-content article > h1 {
    font-size: 125%;
    font-weight: 600;
    margin-bottom: 0.1em;
}

.page-content article > time {
    font-size: 80%;
}

.page-content article > p.summary,
.page-content article > p.link {
    margin-bottom: 0.2em;
}

div.video, div.map {
    margin-bottom: 1em;
}

div.map {
    width: 100%;
    height: 550px;
}

div.video {
    width: 100%;
    position: relative;
    padding: 0 0 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    margin-bottom: 1em;
}
div.video iframe, div.video object, div.video embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

div.document {
    width: 100%;
    position: relative;
    padding: 0 0 78%; /* A4 */
    height: 0;
    overflow: hidden;
    margin-bottom: 1em;
}
div.document iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

div.gallery {
    margin-top: 3em;
    margin-bottom: 2em;
}

div.gallery ul {
    margin: 0;
}

div.gallery ul img {
    margin: 0 auto;
    padding: 0;
    border:none;
    box-shadow: none;

}

div.social-bookmarks {
    margin-top: 4em;
    border-top: 1px solid #e0e0e0; 
    border-bottom: 1px solid #e0e0e0; 
    background-color: #fcfcfc;
    padding: 10px 1em 5px 1em;
}


.article-summary p.summary {
    margin-bottom: 3px;
}

.article-summary p.link {
    margin-top: 0;
    clear: both; 
}

.article-summary p.link span {
    padding-right: 0.3em;
}

.article-summary img {
    x-box-shadow: 0 0 2px 1px rgb(204, 204, 204);
    border-radius: 3px 3px 3px 3px;
    float: left; 
    margin-right: 1em; 
    margin-bottom: 1em;
}

.article-summary .has-photogallery {
    color: #0094d6;
    padding: 0 0.5em;
}



/* --- special ------------------------------------------------------------ */

.typography-icon-box {
    	font-size: 16px;
		display: inline-block;
		width: 15em;
		padding: .25em .5em;
		background: #eee;
		margin: .5em 1em .5em 0;
}    
.typography-icon-box > span {font-size: 22px;}



/* --- RESPONSIVE RULES ---------------------------------------------------------- */


/* @media only screen and (min-width: 600px) and (max-width: 799px) { } */

/* MOBILE BOTH VIEWS */
@media only screen and (max-width: 699px) {
    .page-content img.right:not(.icon), .page-content img.left:not(.icon),
    .page-content figure.right, .page-content figure.left {float:none; margin: 1.5em auto;}
    .page-content figure.right,.page-content figure.left {float:none; width:auto; margin: 1em auto;}
    .page-content figure {margin:2em auto 1em;}

  .padding-30-left {
    padding-left: 0;
    position: inherit;
  }
  .padding-30-left img.left{ 
    position: inherit;
    x-margin: 1em auto !important;
  }
}

@media only screen and (max-width: 599px) {
    .page-content table.right, .page-content table.left  {float:none; width:auto; margin: 1em auto;}
}
    
@media only screen and (max-width: 479px) {
    .page-content aside {float: none; width: auto; margin: 1em 1em; box-sizing:border-box; font-size:inherit;}
}

@media only screen and (max-width: 450px) {
    div.columns>p, div.columns>div {float:none !important; margin-right:inherit !important; width:inherit !important;} 
    .page-content blockquote.right {width:auto; float:none; margin-top:1em;margin-bottom:1em;}
}


    

/* Stylesheet: asu2013: page content Modified On 2019-04-08 00:13:21 */
/* -------------------------------------------------------------------------------- */


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

.omalovanky .page-content .gallery img {
    margin-bottom: 3em;
}

.omalovanky .page-content .button {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    width: 480px;
    max-width: 100%;
    text-align: left;
}

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

.quiz {
    margin: 2em 0 0.5em;
}

.quiz label {
    display: block;
    font-weight: bold;
    margin-top: 0.5em;
    cursor: default;
    x-margin-left: 70px;
}

.quiz input[type='radio'] {
    margin: 0 .4em 0 2em;
    vertical-align: middle;
}

.quiz input[type='submit'] {
    margin-top: 1em;
}

.quiz-icon {
    display: inline-block;
    width: 23px;
    height:18px;
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?size=18&fg=ffffff&bg=3cb371&corners=0') no-repeat 0 0 transparent;
    vertical-align: middle;
} 
.quiz-icon-ok-green{
    background-image: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=checkmark&size=18&fg=ffffff&bg=3cb371&corners=0');
}
.quiz-icon-no-red{
    background-image: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=close&size=18&fg=ffffff&bg=b9151d&corners=0');
} 
.quiz-icon-no-gray{
    background-image: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/icon.php?name=close&size=18&fg=ffffff&bg=cccccc&corners=0');
} 

.quiz-score {
    margin-top: 2em;
    font-weight: bold;
    font-size: 120%;
}


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

.seminar-list {
    border: 1px solid #ccc;
    padding: 1em 2em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 5px;
}

.seminar {
    margin: 1em 0;
}

.seminar-date {
    margin-bottom: 0.3em;
}

.seminar-author {
    font-size: 125%;
}

.seminar-author-affil {
    font-style: italic;
}

.seminar-title {
    font: 125%;
    font-weight: bold;
    margin: 0.3em 0;
}

.seminar-abstract {
    text-align: justify;
}

.seminar-comment {
    margin-top: 1em;
    font-size: 87.5%;
}
    
.department-portfolio {
}


.department-portfolio .department-wrapper {
    margin: 1%;
    width: 46.9%;
    float:left;
    display: inline-block;
    position: relative;
}
.department-portfolio .department-wrapper:after {
    padding-top: 66%; /*3:2 ratio*/
    display: block;
    content: '';
}
.department-portfolio .department {
    display: block;
    padding: 1.5em;
    position: absolute;
    top: 0; bottom: 0; right: 0; left: 0; /*fill parent*/
    background-color: silver;
    background-size: cover;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.department-portfolio .department:hover {
    transform:scale(1.05);
    -moz-box-shadow: 15px 15px 15px 10px rgba(0, 0, 0, .3); 
    -webkit-box-shadow: 15px 15px 15px 10px rgba(0, 0, 0, .3); 
    box-shadow: 15px 15px 15px 10px rgba(0, 0, 0, .3); 
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.196); 
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.196); 
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.196); 
}
.department-portfolio .department-wrapper:nth-child(even) > a > * {  
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}

.department-portfolio .department>h2 {
    font-size: 145%;
    font-weight: bold;
    line-height: 1.2;
}

.department-portfolio .department>p {
    font-weight: 600;
    width: 75%;
    line-height: 1.4;
    text-shadow: 0 0 2px black;
}



.department-portfolio .department.slunecni {
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/pages/asu/oddeleni/erupting-sun.jpg?crop=3:2,70,0,100&w=500&flip=v&xcredit=NASA/SDO') no-repeat 50% 50% transparent;
    background-size: cover;
}

.department-portfolio .department.stelarni {
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/pages/asu/oddeleni/star-castor.jpg?crop=3:2,70,0,0&w=500&flip=no&xcredit=F.Espenak') no-repeat 50% 50% transparent;
    background-size: cover;
}

.department-portfolio .department.gps {
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/pages/asu/oddeleni/whirlpool-galaxy.jpg?crop=3:2,100,0,100&w=500&flip=h&xcredit=NASA/HST') no-repeat 50% 50% transparent;
    background-size: cover;
}

.department-portfolio .department.mph {
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/pages/asu/oddeleni/asteroid-paths-2.jpg?w=500&crop=100,3:2,50,50&xcredit=NASA') no-repeat 50% 50% transparent;
    background-size: cover;
}

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

.department-portfolio .department.krtecek {
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/pages/deti-a-mladez/s-krtkem-do-kosmu-2018/krtek2018.jpg?w=500&crop=100,3:2,50,50&xcredit=NASA') no-repeat 50% 50% transparent;
    background-size: cover;
}

.department-portfolio .department.omalovanky {
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/gallery/deti/omalovanky-slunce/hreje.jpg?w=500&crop=100,3:2,50,50&xcredit=omalovanky') no-repeat 50% 50% transparent;
    background-size: cover;
}

.department-portfolio .department.pexeso {
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/pages/deti-a-mladez/pexeso/pex-predni-strana-small.jpg?w=500&crop=100,3:2,50,50&xcredit=pexeso') no-repeat 50% 50% transparent;
    background-size: cover;
}

.department-portfolio .department.komiksy {
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/pages/deti-a-mladez/komiksy/slunecni-vitr.jpg?w=500&crop=100,3:2,50,50&xcredit=pexeso') no-repeat 50% 50% transparent;
    background-size: cover;
}

.department-portfolio .department.testy {
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20200201011323/http://www.asu.cas.cz/files/pages/deti-a-mladez/pexeso/pex-predni-strana-small.jpg?w=500&crop=100,3:2,50,50&xcredit=pexeso') no-repeat 50% 50% transparent;
    background-size: cover;
}

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

.department .portfolio {
    padding-left: 280px;
    position: relative;
}

.department .portfolio img {
    float: none;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.5em 0;
}


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

.spoluprace-esa .portfolio {
    padding-left: 40%;
    position: relative;
}

.spoluprace-esa .portfolio img {
    float: none;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.5em 0;
    max-width: 35%;
}


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

.kontakt #map-ondrejov {
    height: 450px;
}

.kontakt #map-praha {
    height: 275px;
}

.kontakt .contact-box {
    position: relative;
    padding-left: 55px;
    line-height: 1.4;
}
.kontakt .contact-box > img.icon {
    position: absolute;
    left: 0;
    top: 0;
}
.kontakt .contact-box > h3 {
    line-height: 35px;
    vertical-align: middle;
    margin-bottom: 0;
}

.kontakt .contact-box > p {
    margin-bottom: 0.2em;
}

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

.oceneni hr {
    margin: 2em 0;
}


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



.logo-a-graficky-manual img {
    border: none;
    box-shadow: none;
}

.logo-a-graficky-manual h2 {
    margin-top: 2em;
    margin-bottom: 1em;
}

.logo-a-graficky-manual table {
    border-top: 1px solid rgb(228, 228, 228);
    border-bottom: 1px solid rgb(228, 228, 228);
    margin-bottom: 5em;
    border-spacing: 0 2em;
    border-collapse: separate;
    background-color: #fafafa;
}

.logo-a-graficky-manual table td {
    vertical-align: middle;
}

.logo-a-graficky-manual .note {
    font-size:85%;
}

.logo-a-graficky-manual .official-name {
    font-size: 125%;
}


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


.ondrejov-planek {
    height: 450px;
}


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

.akce-pro-verejnost .archive-link {
    font-size: 150%;
    padding: 0.3em 0.5em;
    display: inline-block;
}


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

/* MOBILE BOTH VIEWS */
@media only screen and (max-width: 767px) {
    .department-portfolio .department>p {width: 100%;}
}

@media only screen and (max-width: 639px) {
    .department .portfolio {padding-left: 220px;}
    .department .portfolio img {max-width: 200px;}
}


@media only screen and (max-width: 569px) {
    .department-portfolio .department-wrapper {float:none; width:100%; display:block; margin: 0.5em 0;}
    .department-portfolio .department-wrapper:after {padding:0;}
    .department-portfolio .department {position: static;}
    .department-portfolio .department-wrapper * {text-align:left !important;}

    .department .portfolio {padding-left: 0;}
    .department .portfolio img {position:static; float:left; max-width:25%; margin:0.5em 1em 0.5em 0;}

    .spoluprace-esa .portfolio {padding-left: 0;}
    .spoluprace-esa .portfolio img {position:static; float:left; max-width:30%; margin:0.5em 1em 0.5em 0;}
}





/* Stylesheet: asu2013: page special styling Modified On 2018-09-05 14:18:45 */






/*
     FILE ARCHIVED ON 1:13:23 Feb 1, 2020 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 16:53:02 Aug 13, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/