/*******************
	RESET
********************/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, menu, nav, section, summary,time, mark, audio, video {line-height: 140%;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style-type:none;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}
nav 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;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
/*******************
	FONTS
********************/
@font-face {
	font-family: 'Robot-Regular';
	src: url('_MasarykovyDebaty_Files/fonty/Roboto/Roboto-Regular.ttf');
}
@font-face {
	font-family: 'Robot-Italic';
	src: url('_MasarykovyDebaty_Files/fonty/Roboto/Roboto-Italic.ttf');
}
@font-face {
	font-family: 'Resagork-Bold';
	src: url('_MasarykovyDebaty_Files/fonty/Resagokr/ResagokrBold.ttf');
}
@font-face {
	font-family: 'Averia';
	src: url('_MasarykovyDebaty_Files/fonty/Averia%20Libre%20Regular.ttf');
}
h1 {color: #fff; font-size: 28px; font-weight: bold; font-family: Calibri; text-transform: uppercase; padding-top: 35px; padding-bottom: 10px; margin-top: -6px;}
h1 span {background-color: #666; padding: 2px 10px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}

h2 {color: #666; font-size: 25px; font-weight: bold; font-family: Calibri; text-transform: uppercase; padding-top: 35px;}
h2 span {background-color: #FFF; padding: 2px 0px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
/*******************
	GENERAL
********************/
body {}
/*******************
	HEADER
********************/
.header {height: 235px; border-top: 9px solid #ababab;}
.header img {margin: -17px auto 0 auto; left: 0%; position: relative; opacity: 0.9;}
.header ul {list-style:none; margin:0; text-align:center; padding: 68px 0 0 0; color: #878787; margin-left: -15px;}
.header ul li, .header ul li.li-left, .header ul li.li-right {display:inline; margin: 0 10px; padding: 5px 5px;}
.header ul li.li-left {float: left; height: 13px; line-height: 13px;}
.header ul li.li-right {float: right; height: 13px; line-height: 13px;}
.header ul li a {font-family: 'Resagork-Bold'; padding: 2px 5px; display:inline-block; color: #7D7D7D; font-size: 18px; text-decoration: underline; text-transform: uppercase;}
.header ul li a.firefox {font-family: 'Averia'; padding: 0;}
.header ul li.menu_item_selected a, .header ul li a:hover  {background-color: #878787; color: #FFF; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; text-decoration: none;}

/*******************
	CONTENT
********************/
.content {width: 845px; margin: 90px auto 0 auto;}

/* LEFT-PANEL  */
.left {width: 553px; float: left; padding-right: 27px; margin-top: -55px;}
.left p, .right p {font-family: 'Robot-Regular'; font-size: 14px; color: #4b4b4b; padding: 12px 0 18px 0; text-align: justify;}
.left a, .right a {font-family: 'Robot-Regular'; font-size: 14px; color: #4b4b4b;}
.left a:hover {text-decoration: none;}
.left .more {margin: 25px 0 40px 0;}
.left .more a {font-family: Calibri; color: #787878; font-size: 18px; text-transform: uppercase;}
.left .more a:hover {text-decoration: none;}
.left .discusion, .mg-top {margin-top: 23px;}
.left .discusion h2, .left .discusion h2 a, .left .discusion h3, .left .discusion h3 a, .left .speaker h3 {color: #434343; font-family: Calibri; font-size: 22px; font-weight: bold; text-transform: uppercase; line-height: 95%; padding-left: 80px;}
.left .discusion h2 a, .left .discusion h3 a {padding-left: 0px;}
.left .discusion p, .left .speaker p {font-family: 'Robot-Italic'; color: #4b4b4b; font-size: 14px; padding-left: 80px; padding-top: 5px;}
.left .discusion p span {margin-right: 3em; text-transform: uppercase;}
.left .discusion img, .left .speaker img {float: left; margin-right: 25px;}

.left .souvisejici .more {float: right; margin-top: 5px;}
.left ul {
	font-family: 'Robot-Regular';
    font-size: 14px;
    color: #4b4b4b;
    text-align: justify;
    margin-left: 20px;
}
.left ul li { list-style-type: disc; margin-bottom: 10px;}


/* RIGHT-PANEL  */
.right {width: 240px; float: right; padding-left: 25px; margin-top: -20px;}
.right ul li {border-bottom: 1px dashed #c9c9c9; padding: 15px 30px 15px 0px; line-height: 90%;}
.right ul li a {font-family: 'Resagork-Bold'; color: #707070; text-decoration: none; text-transform: uppercase; font-size: 14px;}
.right ul li a.firefox {font-family: 'Averia'; font-size: 13px;}
.right ul li a:hover, .right ul li.menu_item_selected {text-decoration: underline;}
.right h2 {
    font-family: 'Resagork-Bold';
    padding: 8px 0px;
    display: inline-block;
    color: #7D7D7D;
    font-size: 18px;
    text-transform: uppercase;
}

.right p {text-align: left;}

/* FOOTER */
.footer {width: 880px; margin: 115px auto 65px auto;}
.footer img {float: left; margin-right: 40px; padding-left: 4px;}
.footer p {color: #8c8c8c; font-family: 'Robot-Regular'; font-size: 15px; -webkit-border-radius: 1px;	-moz-border-radius: 1px; border-radius: 1px;}
.footer a {color: #8c8c8c; font-family: 'Robot-Regular'; font-size: 15px; -webkit-border-radius: 1px;	-moz-border-radius: 1px; border-radius: 1px; text-decoration: underline;}
.footer .logo { height:200px; width: 300px; float: left;}


/*******************
	SPECIAL
********************/
.clearfix {clear: both;}
.divider {height: 4px; background-color: #c1c1c1; margin-bottom: 25px;}
.divider2 {height: 7px; background-color: #ababab; margin-bottom: 5px;}
hr {border:none; border-top:2px dashed #a0a0a0;	height:2px;	margin: 20px 0 0 0;}

.subtitle {
	margin-top: 10px;
	font-family: 'Robot-Regular';
    font-size: 14px;
	letter-spacing: 0.15em;
    color: #4b4b4b;
}

.footer .subtitle  {
	font-size: 11px;
    letter-spacing: 0.1em;
    margin-left: 43px;
    line-height: 23px;
}