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

@import url("/files/icons/icomoon/style.css");


@import url("//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("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('/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoItalic';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBold';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldItalic';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensedItalic';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensedItalic';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoThin';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoThinItalic';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLight';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLightItalic';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoMedium';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoMediumItalic';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlack';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-Black-webfont.svg#RobotoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlackItalic';
    src: url('/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.eot');
    src: url('/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.woff') format('woff'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.ttf') format('truetype'),
         url('/files/design/asu2013/fonts/roboto/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

*}


/* Stylesheet: asu2013: 1 - fonts Modified On 2022-02-15 15:02:35 */
/*****************************************************************************/
/* 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("/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 */
/* list CSS code for all available header themes */
.header .wallpaper.theme01 {background-image: url("/files/design/asu2013/frontpage-theme-radiotelescope-at-night.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme02 {background-image: url("/files/design/asu2013/frontpage-theme-radiotelescopes-summer.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme03 {background-image: url("/files/design/asu2013/frontpage-theme-radiotelescopes-mistsglow.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme04 {background-image: url("/files/design/asu2013/frontpage-theme-ondrejov-winter-snow-1.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme05 {background-image: url("/files/design/asu2013/frontpage-theme-ondrejov-winter-snow-2.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme06 {background-image: url("/files/design/asu2013/frontpage-theme-ondrejov-winter-snow-3.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme07 {background-image: url("/files/design/asu2013/frontpage-theme-ondrejov-winter-snow-4.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme08 {background-image: url("/files/design/asu2013/frontpage-theme-radars-snow.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme09 {background-image: url("/files/design/asu2013/frontpage-theme-radars.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme10 {background-image: url("/files/design/asu2013/frontpage-theme-southhorizon.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme11 {background-image: url("/files/design/asu2013/frontpage-theme-easthorizon.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme12 {background-image: url("/files/design/asu2013/frontpage-theme-perseids.jpg?h=340&crop=100,100,50,50")}
.header .wallpaper.theme13 {background-image: url("/files/design/asu2013/frontpage-theme-geminidy.jpg?h=340&crop=100,100,50,50")}


.header {
    position: relative;
    height: auto;
    margin-bottom: 2em;
    background: #333333;
    border-bottom: 4px solid #0094d6;
}

.header .width-wrapper,
.header .width-wrapper-small,
.header .width-wrapper-wide {
    padding: 0;
}

.frontpage .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 {
    height: 90px;
    width:100%;
    background-color: #111;
    background-color: rgba(0,0,0,0.75);
    text-align: center;
}

.header-lower {
    height: 250px;
    width:100%;
    text-align: left;
    padding: 0 1em;
}

.frontpage .header-lower {
    height: 250px;
    padding: 0;
}


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

.header .wallpaper{
    background-size: cover;
    background-position: center bottom;
}

.frontpage .logo {
    float: left;
    width: 550px;
    height: 250px;
    background: -moz-linear-gradient(left, rgba(0,0,0,.4) 0%, rgba(0,0,0,0.0) 100%), -moz-linear-gradient(left, rgba(0,0,0,.4) 25%, rgba(0,0,0,0.0) 100%), -moz-linear-gradient(left, rgba(0,0,0,.4) 50%, rgba(0,0,0,0.0) 100%);

    xposition:absolute;
    xtop: 90px;
    xleft: 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; 
    padding: 30px 100px 30px 25px;
}

.frontpage .logo a {
    x-visibility: hidden;
    display:block;
    color: transparent;
    font-size: 0px;
    width: 100%;
    height: 100%;
    background: url('/files/pages/asu/logo/asu-logo-v1-cz-rgb-negative-color.svg') no-repeat scroll 50% 50% transparent;
    background-size: contain;
}

.header-theme-credit {
    display: inline-block;
    position:absolute;
    bottom: 0;
    right:0;
    background-color: #222;
    background-color: rgba(0,0,0,0.85);
    font-size: 75%;
    line-height:1em;
    color: #ddd;
    padding: 0.4em 1em;
}

.menu-options {
    height: 100%;
    padding:5px 15px;
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    box-sizing: border-box; 
    float: left;
    font-size: 81.25%;
    text-align: left;
}
.menu-options > div * {
    vertical-align:middle;
    line-height: 1em;
    color: #ddd;
}

.menu-options .lang span[class*="icon"] {margin-right: 5px; position:relative; top:-2px;}
.menu-options .lang span[class*="icon"] {font-size: 19px;}
.menu-options .lang a:hover, .menu-options .lang a:hover > span {color: #fff;}

.menu-options input {
    border: 1px solid #444;
    background: #555;
    color: #ddd;
    padding: 3px;
    height: auto;
    width: 200px;
    padding-left: 20px;
    background: url('/icon.php?name=search&size=20&fg=888888&bg=&corners=0') no-repeat scroll left 50% transparent;
}

.menu-options .social-icon {
    display: inline-block;
    width: 21px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    -webkit-transition: width 0.4s ease;
       -moz-transition: width 0.4s ease;
         -o-transition: width 0.4s ease;
            transition: width 0.4s ease;
}
.menu-options .social-icon:hover {
    width:120px;
}
.menu-options .social-icon:before {
    display: inline-block;
    font-size: 16px;
    width: 16px;
    text-align: center;
    padding-right: 5px;
    -webkit-transition: color 0.4s ease;
       -moz-transition: color 0.4s ease;
         -o-transition: color 0.4s ease;
            transition: color 0.4s ease;
}
.menu-options .social-icon:hover:before {
    color: #0094d6;
}
.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:85%;
}

.frontpage-yellow-banner {
    clear: both;
    background: #fcc62a;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0.5em 2em;
    line-height: 1.5em;"
}


@media only screen and (max-width: 979px) {
    .header-lower, .header-upper {height: auto;}
    .header .section-title {font-size: 170%; height:55px; line-height:55px;}
}


/* Stylesheet: asu2013: 4 - header frontpage Modified On 2023-12-12 21:03:56 */
/* --- 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('/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('/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("/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("/icon.php?name=ok&size=12&fg=2780af&bg=&font=100");
}

.page-content ul.mark-arrow { 
    list-style-image: url("/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("/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 85%; /* A4 */
    height: 0;
    x-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 2021-01-12 17:05:31 */
.frontpage .width-wrapper {
    width: 1920px;
    padding: 0 2em;
}

.frontpage .content-column {
    float: left;  
    margin-right: 3%;
    width: 48.5%; 
}
.frontpage .content-column:last-child { margin-right: 0 !important;}


.frontpage p.perex {
    text-align: center;
    font-weight: 300;
    font-style: normal;
    padding: 0 1em;
    font-size: 135%;
    line-height: 1.4;
}
.frontpage p.perex strong { font-weight:400; }

.frontpage .news-list > h1 {
    margin-bottom: 1em;
}

.frontpage .news-list article {
    margin-bottom: 1.5em;
}

.frontpage .news-list article > time {
    font-size: 87.5%;
}

.frontpage .news-list article > h1 {
    font-size: 125%;
    font-weight: 600;
    margin-bottom: 0.3em;
}

.frontpage .logo-caption {
    display: inline-block;
    background-color: rgba(0,0,0,.3);
    padding: 5px 10px;
    line-height: 1em;
    font-size: 11px;
    color: #ddd;
    position: absolute;
    right: 0;
    bottom: 0;
}

.frontpage .gallery {
    overflow:hidden;
    height: 0px;
    margin-top: 0;
}

.frontpage .bx-viewport {
    border:none;
    box-shadow: none;
    background:none;
    left: 0;
}


.frontpage .blog-entry-thumb {
    xpadding: 0 4em;
    xmargin: 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; 
    padding: 10px;
    xborder: 2px solid #ccc;
    max-width: 350px;
    margin: 0.5em auto;
}

.frontpage .blog-entry-thumb img {
    box-shadow: 0px 0px 4px 2px rgb(204, 204, 204);
    border-radius: 3px 3px 3px 3px;
}

.frontpage .blog-entry-content {
    margin-top: 1em;
}

.frontpage .blog-entry-content h2 {
    margin-bottom: 0.2em;
    margin-top: 0;
}

.frontpage .blog-entry-content a:hover {
    border: none;
    text-decoration:none;
}



.news-list .nej-selector  {
    font-size: 87.5%;
    padding: 0 5% 0 0;
    margin: 0 0 1em 0;
    xborder-bottom: 1px solid #ccc;
    text-align: right;
    border-bottom: 1px solid #e3e5e9;
}

.news-list .nej-selector li {
    display: inline;
    padding: 0.2em 1.5em;
    border: 1px solid #e3e5e9;
    border-bottom: none;
}

.news-list .nej-selector li:first-child {
    border-bottom: 1px solid #f6f6f6;
}




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


/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .page-content div.columns > div {
        float:none;
        width:auto;
        margin: 0;
    }
    .frontpage .blog-entry-thumb {max-width: 100%; xpadding:0; margin: 0 auto;}
    .frontpage .blog-entry-content {margin-top: 0;}
    div.gallery {float:left; width: 40%; margin-right:1em; margin-bottom: 0;}
}

/* ALL SMALLER SCREENS UP TO 1440px */
@media only screen and (max-width: 1440px) {
.frontpage p.perex {font-size: 140%;}
}

/* NOTEBOOK SCREENS UP TO 1280-1440px */
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
}

/* SMALLER SCREENS UP TO 1024-1280px */
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.frontpage p.perex {font-size: 130%;}
}

/* ALL SMALLER SCREENS UP TO 1024px */
@media only screen and (max-width: 1024px) {
  .frontpage p.perex {margin-top:0; padding:0;}
  .frontpage p.perex, .frontpage .page-content > p.perex {margin-top:0; padding:0;}
}

/* ALL SMALLER DEVICES */
@media only screen and (max-width: 979px) {
    .banner-slider {display: none !important;}
}

/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .frontpage .menu-options {position: absolute; top: 0px; left: 10px;}
    .frontpage .menu-options div {display: inline-block;}
}

/* MOBILE BOTH VIEWS */
@media only screen and (max-width: 767px) {
  .frontpage .content-column {float: none; margin: 0; width: 100%; }
}
	
/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
	
/* MOBILE PORTRAIT */
@media only screen and (max-width: 479px) {
}

@media only screen and (max-width: 1699px) { .content-container {font-size: 15px;} }
@media only screen and (max-width: 1299px) { .content-container {font-size: 14px;} }
@media only screen and (max-width: 1029px) { .content-container {font-size: 13px;} }
@media only screen and (max-width: 849px) { .content-container {font-size: 12px;} }
@media only screen and (max-width: 767px) { .content-container {font-size: 14px;} }



/* Stylesheet: asu2013: page frontpage Modified On 2016-01-22 15:22:06 */