/*
    Document   : visual_3
    Created on : 2.5.2010, 16:54:57
    Author     : jojen
    Description:
        Visual style 3
*/

* {
	text-align: left;
	/*position:relative;
	left:0px;
	top:0px;*/
	font-family: Verdana, Arial;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

root {
    display: block;
}

#page{
	max-width:1150px;
	min-width:300px;
	border-left:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	position:relative;
	left:0px;
	top:0px;
	margin:5px;
}

.header{
	width:100%;
	position:relative;
	left:0px;
	top:0px;
	margin:0;
	background-image: url("/img/visual_3/titlebar1_2020.jpg");
	background-repeat: no-repeat;
}

#header {
	min-height:140px;
}

div#rand {
	float:left;
	margin-right: 8px;
}

h1 {
	font-size: 1.2em;
	margin:0px;
	padding:0px;
}
h1.main {
	position: relative;
	z-index:0;
	padding-top: 8px;
	max-width: 100%;
}
h1.main a {
	font-size:1.1em;
	line-height: 1.1;
	font-style: italic;
	font-weight: 600;
	text-shadow: 2px 2px 8px #d4cabd;
}
h1.main span {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:2;
}
/*@supports (-webkit-text-stroke: 2px #492b00) {
  a.main {
    -webkit-text-stroke: 2px #444;
    -webkit-text-fill-color: #AAA;
  }
}*/

div.social picture {
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
}
div.social img,source {
	width:24px;
	height:24px;
	margin:12px 6px 12px 0;
}

.pagewrapper{
	max-width:1360px;
	margin: 0px auto 0px auto;
}
div.main{
	position:relative;
	left:0px;
	top:0px;
	margin:0 .5em 0 220px;
	min-height: 350px;
}

div.main p{
	width: auto;
/*	margin-left:220px;*/
}

div.window{
/*	width: auto;
	margin:0.4em 0 0.2em 0;;
	padding:0;
*/
/*	background-image:url('/img/style3/titlebar_leto2010.jpg');

	border:2px solid #CCC;

	border-radius: 0.7em;
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;*/
}

h2 {
	font-family: Verdana;
	line-height: 1.2em;
	font-size:1.1em;
	font-weight:bold;
	margin:0.7em 2em 0 0.4em;
/*	display:inline;*/
	padding:0 1.5em .1em 0.5em;
	border-bottom: 1px solid #888;
}

h2.window{
	min-width:40px;
	min-height: 1.1em;
	height:1.1em;
	display: table;
}
h2.window.hidden {
	display: none;
}
h2.window span {
	font-size:60%;
	color:#888888;
}
.hidablemenu {
	cursor: pointer;
}

p.window{
	margin:0.2em auto 0.6em 10px;
}
p.window::after {
	content: "";
  clear: both;
  display: table;
}

.content {
	margin: 0.4em auto 1.0em 10px;
	text-indent: 0.8em;
}
.unavail {
  font-size:90%;
  font-weight:bold;
  color:#666666;
}
.contenthide {
	float:right;
}
.contentinfo {
	margin:0.1em auto 0.1em 10px;
	text-indent: 0px;
  font-family:verdana;
  font-size:85%;
  color:#AAAAAA;
  margin-bottom:2px;
}

div#servicebox {
	padding:0 7px 0 0;
	margin:0px;
	position: absolute;
	top:5px;
	right:0px;
	text-align: right;
}

div#servicebox a img {
	border:none;
}
div#servicebox img {
	width:auto;
	max-height:60px;
}
div#servicebox p {
	margin:0;

	font-weight:bold;
	text-align: right;
	font-family:Verdana;
	font-size:12px;
	vertical-align:middle;
	padding:3px;
	margin:0;
	min-height:13px;
}
div#servicebox p a {
	text-decoration: underline;
}
.head-transp {
	background-color: rgba(255,255,255,0.7);
	border:0px solid rgba(255,255,255,0.7);

	border-radius: 0.5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-box-shadow: 0 0 10px #FFFFFF;
	-webkit-box-shadow: 0 0 10px #FFFFFF;
}

div.status {
	position: absolute;
	top:105px;
	right:0px;

	font-weight:bold;
	text-align: right;
	font-family:Verdana;
	font-size:10px;
	vertical-align:middle;
	padding:3px;
	margin:0;
	min-height:13px;
}
div.status span{
	 color:#00AA00;
}

span.user a {
	color:#00AA00;
}

.menu {
	margin-top:5px;
	padding:0;
	width:210px;
	float:left;
	font-size:85%;
}

.menu h2 {
	margin-top:1.5em;
	z-index:1;
}

.menu p{
	margin:0.2em 0.2em 0.4em 0.6em;
}

.menu p.green{
	clear:both;
	color:#008800;
	font-family:Verdana;
	font-size: .8em;
	font-weight:bold;
	letter-spacing:1px;
}
.menu p.green a{
	color:#008800;
}
.menu img{
	margin:0.2em auto 0.4em auto;
	display:block;
}
.menu hr{
  width:80%;
	margin:.5em auto .7em auto ;
  height:1px;
  border-width:0 0 2px 0;
	border-style: solid;
	border-color: #E0E0E0;
}
#menuText ul {
	margin:0.2em 0.2em 0.4em 1.0em;
	padding:0;
	list-style:none;
}
.roundbox:not(.window) ul {
	margin:0.1em;
	padding:0;
	font-size: 85%;
	list-style:none;
}

#menuText li::before, .roundbox:not(.window) li::before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url('/img/visual_3/listCirc.png');
    background-image: url('/img/visual_3/listCirc.svg');
    background-size: 0.6em 0.6em;
    background-repeat: no-repeat;
		background-position: center center;
    margin-right:0.5em;
}
/*.menu li, .roundbox li {
	list-style-image: url('/img/visual_3/listCirc.png');
	list-style-position: inside;
	margin:0;
}*/
#menuText li:hover, .roundbox:not(.window) li:hover {
  background-color: #eeeeee;
}

.menuservis {
	display: block;
}
.menuservis a {
	margin: 0px;
	font-weight: bolder;
}
.menuservis img {
	margin: 0px 5px 0px 18px;
	display: inherit;
	vertical-align: middle;
}
.servis {
	display:none;
}

p.menu_highlight {
	width:200px;
  font-family:verdana;
	float:left;
}
p.menu_image {
  font-family:verdana;
	text-align:center;
	margin:0;
	padding:0;
}
p.menu_comment{
  font-family:verdana;
	font-size:70%;
	font-weight:bold;
	color:#888888;
	margin:0;
	margin-left:10px;
	margin-bottom:0.5em;
}



ul, ol {margin:6px;}

ol.topmenu li{font-size:160%;}
ol.topmenu li span{font-size:62.5%;font-weight:bold;}

div.whiteback{
	background-color: #FFF;
	border:1px solid #888;
	margin-bottom: 7px;
}

td.title {
	padding:0px;
	margin:0px;
}

h3 {
  font-family:verdana;
	font-size:120%;
	font-weight:bold;
	margin:0;
	margin-left:4px;
	margin-bottom:4px;
}

h4 {
 	font-size:medium;
	font-size:110%;
  font-family:verdana;
	font-weight:bold;
	margin:0;
	margin-left:4px;
	margin-bottom:4px;
}

div.plany_odsaz{
	font-size:xx-small;
}

p.footer{
	clear:both;
	padding: 0;
	margin: 7px 0 0 0;
	border-top: 1px solid #DDDDDD;
	background-color: #F3F3F3;
	text-align: right;
	font-size: x-small;
	color:#AAA;
}

body{
	margin:0px;
	background-color:#FEFEFE;
}

.background{
	background-color:#FEFEFE;
}

a{
  color:#008800;
}

a:hover{
  color:#AA0000;
  text-decoration:underline;
}

a.cas{
  font-family:verdana;
  font-size:9px;
  color:#666666;
}

a.cas:hover{
  color:#AA0000;
  text-decoration:underline;
}

a.barev{
  color:#008800;
  text-decoration:none;
}

a.barev:hover{
  color:#AA0000;
  text-decoration:underline;
}

a.vyraz{
  color:#EE0000;
  text-decoration:none;
}

a.vyraz:hover{
  color:#AA0000;
  text-decoration:underline;
}

a.bezpodtrh{
  color:#000000;
  text-decoration:none;
}

a.bezpodtrh:hover{
  color:#AA0000;
  text-decoration:none;
}

div.menu a, div#header a, div#links a{
	color:#000000;
	text-decoration:none;
}

div.menu a:hover, div#header a:hover, div#links a:hover{
	color:#AA0000;
	text-decoration:underline;
}

hr.separ{
  width:80%;
  height:1px;
  border-style: solid none none none;
	border-width: 1px 0 0 0;
	border-color: #888;
	margin:0 2em 0 0.4em;
}

hr.centr{
  width:80%;
  height:1px;
  text-align:center;
  border:none;
  border-top:1px solid #AAAAAA;
}

hr.jina{
  width:80%;
  height:1px;
  text-align:left;
  border:1px solid #AAAAAA;
}

hr{
  width:80%;
  height:1px;
  text-align:right;
  border:1px solid #AAAAAA;
}

table{
  font-size:small;
}

table.nab_telo{
  width:100%;
}

.hlavicka{
  font-size:14px;
  font-weight:bold;
  font-family:Verdana;
  vertical-align:middle;
  font-variant:small-caps;
}

td.nab_11, td.nab_12, td.nab_13, td.nab_31, td.nab_32, td.nab_33{
  height:6px;
  font-size:3px;
	position:relative;
	left:0px;
	top:0px;
}

td.nab_11{
	width:7px;
	background-image:url("/img/style3/menu_body_11.png");
}
td.nab_12{
	background-image:url("/img/style3/menu_body_12.png");
}
td.nab_13{
	width:7px;
	background-image:url("/img/style3/menu_body_13.png");
}

td.nab_21{
	position:relative;
	left:0px;
	top:0px;
  width:7px;
	background-image:url("/img/style3/menu_body_21.png");
}

td.nabidka{
	margin:0px;
	position:relative;
	left:0px;
	top:0px;
  margin-bottom:7px;
	background-image:url("/img/style3/menu_body_22.png");
}
td.nab_23{
	position:relative;
	left:0px;
	top:0px;
  width:7px;
	background-image:url("/img/style3/menu_body_23.png");
}

td.nab_31{
	width:7px;
	background-image:url("/img/style3/menu_body_31.png");
}
td.nab_32{
	background-image:url("/img/style3/menu_body_32.png");
}
td.nab_33{
	width:7px;
	background-image:url("/img/style3/menu_body_33.png");
}


td.levy{
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
  vertical-align:top;
	font-size:small;
  width:190px;
}

td.stredni{
  vertical-align:top;
  text-align:center;
}

td.pravy{
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
  vertical-align:top;
	font-size:small;
  width:190px;
}

td.login{
	font-family:Verdana;
	font-size: x-small;
	font-weight:bolder;
	padding-right:5px;
}

td.tab_head{
  text-align:center;
  font-size:xx-small;
  font-family:verdana;
  font-weight:bolder;
  border-bottom:1px solid #888888;
}

td.tab_body{
  text-align:center;
  font-size:smaller;
  font-family:verdana;
}

.zprava{
  font-family:verdana;
  font-size:x-small;
}

td.page_active{
  font-family:verdana;
  font-size:x-small;
  padding-left:2px;
  padding-right:2px;
  width:10px;
  text-align:center;
}

td.page_passive{
  font-family:verdana;
  font-size:x-small;
  color:#DDDDDD;
  padding-left:2px;
  padding-right:2px;
  width:10px;
  text-align:center;
}

td.downimage{
  padding-left:3px;
  padding-right:3px;
  width:22px;
}

td.downtext{
  font-family:Verdana;
  font-size:x-small;
  font-weight:normal;
}

td.downdown{
  font-family:Verdana;
  font-size:x-small;
  font-weight:bold;
  width:70px;
}

td.downopen{
  font-family:Verdana;
  font-size:x-small;
  font-weight:bold;
  width:70px;
}

div.menu_list{
  font-family:Verdana;
  font-size:smaller;
  font-weight:bold;
}

.menu_list2{
  font-family:Verdana;
  font-size:x-small;
  font-weight:normal;
  line-height:1.4em;
}

.menu_list2 a {
  text-decoration: none;
  color: #000000;
}
.menu_list2 a:hover {
  text-decoration: underline;
  color: #aa0000;
}

div.img_zprava{
	font-size:80%;
	float:left;
	width:90px;
	text-align:center;
	margin-right:12px;
	margin-left:8px;
	margin-top:5px;
}

.subtitul{
  font-family:Verdana;
  font-size:x-small;
  font-weight:bolder;
  margin-bottom:7px;
}

div.clock{
  font-family:Verdana;
  font-size:x-small;
  font-weight:bold;
  text-align:center;
  color:#000000;
}

img {
	margin:0px;
	padding:0px;
}

img.odkaz{
  border:1px solid #888888;
}

div.text{
	font-family:Tahoma;
	font-size:x-small;
	font-weight:bold;
	color:#000000;
}

td.text{
	border:1px solid #DDDDDD;
	background-color:#FDFDFD;
	font-family:Tahoma;
	font-size:xx-small;
	font-weight:normal;
	color:#000000;
}

input.form{
	font-size:x-small;
	font-family:verdana;
	border:1px solid #888888;
	margin:1px;
}

select.form{
	font-size:x-small;
	font-family:verdana;
	border:1px solid #888888;
	margin:1px;
}

span.tlacitko{
	border:solid 1px #888888;
	background-color:#EEEEEE;
	padding:3px;
	margin:2px;
	font-family:Verdana;
	font-size:xx-small;
	font-weight:bold;
	cursor:pointer;
}

a.calendar-next{
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#000000;
}
a.calendar-next:hover{
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#AA0000;
}
a.calendar-prev{
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#000000;
}
a.calendar-prev:hover{
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#AA0000;
}
.calendar-month{
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
}
td.weekday{
	border:1px solid #999999;
	text-align:center;
	background-color:#D7D7D7;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
	width:18px;
}
td.day_unset{
	border:1px solid #C3C3C3;
	text-align:center;
	background-color:#F3F3F3;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
	width:18px;
}
td.day_set{
	border:1px solid #AAAAAA;
	text-align:center;
	background-color:#DADADA;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
	width:18px;
}
td.day_active{
	color:#000066;
	border-color:#AAAAEE;
	border:1px solid #AAAAAA;
	text-align:center;
	background-color:#DDDDFF;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
	width:18px;
}

.calendar2-month{
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
}
td.weekday2{
	border:1px solid #BBBBBB;
	text-align:center;
	background-color:#E7E7E7;
	font-size:9px;
	font-family:Verdana;
	font-weight:bold;
	width:12px;
}
td.day_unset2{
	border:1px solid #C3C3C3;
	text-align:center;
	background-color:#F3F3F3;
	font-size:8px;
	font-family:Verdana;
	font-weight:normal;
	width:13px;
}

div#odkazy{
	font-family:Verdana;
	font-size:x-small;
	font-weight:bold;
}

table#mailmsg_tab{
	width:100%;
	border:1px solid #EEEEEE;
}

th{
	background-color:#F3F3F3;
	border: 2px solid #EEEEEE;
	text-align:left;
	padding-left:4px;
}

td.msgitem{
	border-bottom: 1px solid #EEEEEE;
	padding-left:8px;
}

div.plany_odsaz{
	margin-left:20px;
	padding-left:20px;

}

input.plany_submit{
	width:100%;
	height:30px;
	margin:auto;
	margin-top:10px;
	background-color:#EEEEEE;
	border:1px solid #666666;
}

textarea.plany_text{
	width:100%;
	height:200px;
}



form.simple {
	margin:0.2em 1em 0.2em 1em;
	font-size:90%;
/*	text-align: right;*/
}

form.simple input{
	border:1px solid #3b6e22;
	width:140px;
	color:#666666;
}

form.simple label{
	display:inline-block;
	margin-top:5px;
	margin-bottom:5px;
	color:#555555;
}

form.simple label span{
	display:block;
	float:left;
	padding-right:6px;
	width:12em;
	text-align:right;
	font-weight:bold;
}

form.simple .spacer{
	margin-left:13em;
	margin-bottom:10px;
	font-size:1em;
	color:#555555;
}

form.simple .green{
	background:url(/img/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px;
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
	width:130px;
}



.loginmodal {
	background-color: #F3F3F3;
	border: 2px solid #E0E0E0;

	font-size:90%;
	min-width: 350px;

	display:none;
	padding: .4em;
	text-align:left;

/*	opacity:0.8;*/
	border-radius: 0.5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.loginmodal h2 {
	background:url(/img/global/info.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

.loginmodal .close{
	font-family: Verdana;
	position:absolute;
	right:0.4em;
	top:0.2em;
	font-weight:900;
	z-index:10000;
}

.slideDown, .slideDown-up {
  overflow-y: hidden;
	max-height: 1000px;

	-webkit-transition: max-height 0.5s ease-in-out;
	-moz-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;
}

.slideDown-up {
	max-height:0px;
}

#jidelna_menu {
	display:none;
}

p.infobox {
  display:table;
	margin:1em auto 0.3em 1em;
	padding:0.5em 0.2em 0.5em 45px;
	border-top:1px solid #000;
	font-weight:bold;
	font-size: 80%;
	/* 	color:#00baff; */
	color:#0088ba;

	background-image: url('/img/info.png');
	background-repeat: no-repeat;
	background-position: 5px center;

	min-height: 25px;
}


td.c1, td.c2 {
  border-bottom:1px solid #ccc;
  padding-top:0.5em;
  padding-bottom:0.5em;
}
td.c1 {
  font-weight:bold;
}

div#menuServicebox {
	clear:both;
}

div#servicebox ul, div#menuServicebox ul {
	display:inline-block;
	padding: 0px;
}

div#servicebox ul li, div#servicebox ul li a {
	display:inline-block;
	min-width:50px;
	height:100px;
	text-align:center;
	background-position:0 0;
}

div#menuServicebox ul li, div#menuServicebox ul li a {
	display:inline-block;
	min-width:80px;
	height:90px;
	text-align:center;
	background-position:0 0;
}

div#servicebox ul li a.s_zak, div#menuServicebox ul li a.s_zak
{
	background-image:url("/img/visual_3/pictZak.png");
	background-image:url("/img/visual_3/pictZak.svg");
	background-position: center top;
	background-size: auto 65px;
	background-repeat: no-repeat;
	padding-top:68px;
	min-width: 85px;
}
div#servicebox ul li a.s_ucitel, div#menuServicebox ul li a.s_ucitel
{
	background-image:url("/img/visual_3/pictUcitel.png");
	background-image:url("/img/visual_3/pictUcitel.svg");
	background-position: center top;
	background-size: auto 65px;
	background-repeat: no-repeat;
	padding-top:68px;
	min-width: 70px;
}
div#servicebox ul li a.s_rodic, div#menuServicebox ul li a.s_rodic
{
	background-image:url("/img/visual_3/pictRodic.png");
	background-image:url("/img/visual_3/pictRodic.svg");
	background-position: center top;
	background-size: auto 65px;
	background-repeat: no-repeat;
	padding-top:68px;
	min-width: 85px;
}
div#servicebox ul li a.s_volejbal, div#menuServicebox ul li a.s_volejbal
{
	background-image:url("/img/visual_3/pictVolejbal.png");
	background-image:url("/img/visual_3/pictVolejbal.svg");
	background-position: center top;
	background-size: auto 65px;
	background-repeat: no-repeat;
	padding-top:68px;
	min-width: 60px;
}

#menuBurger {
	float:right;
}

#menuBurger:hover {
	background-color: #E0E0E0;
	border-radius: 0.5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
}

/*.narrowHidden {
	display:none;
}*/

/* For mobile phones: */
[class*="col-"] {
	width: 100%;
}

[class*="col-"] {
	margin: 0px;
	float: left;
  padding: 0px 2px 0px 15px;
  /*border: 1px solid red;*/
}
.row::after {
	/*border: 1px solid blue;*/
  content: "";
  clear: both;
  display: table;
}
.hidable {
	display: none;
}
.col-f-1 {width: 8.33%;}
.col-f-2 {width: 16.66%;}
.col-f-3 {width: 25%;}
.col-f-4 {width: 33.33%;}
.col-f-5 {width: 41.66%;}
.col-f-6 {width: 50%;}
.col-f-7 {width: 58.33%;}
.col-f-8 {width: 66.66%;}
.col-f-9 {width: 75%;}
.col-f-10 {width: 83.33%;}
.col-f-11 {width: 91.66%;}
.col-f-12 {width: 100%;}


@media only screen and (min-width: 600px) {
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

  h1.main a {
    font-size: 1.3em;
  }
}

@media only screen and (min-width: 768px) {
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

	#page {
		background: url('/img/visual_3/bg.png') no-repeat;
		background-position: 14.2% 120px;
	}

  h1.main {
    max-width: 65%;
	}
	#menuBurger {
		display:none;
	}

	.narrowHidden {
		display:block;
	}
	.slideDown-up {
		max-height:1000px;
	}


}

@media only screen and (min-width: 800px) {
  h1.main a {
    font-size: 1.5em;
  }
}

@media only screen and (min-width: 980px) {
	#jidelna_menu {
		display: block;
	}

	.menuservis {
		display:none;
	}
	.servis {
		display:block;
	}

	.hidable {
		display:block;
	}

}

@media only screen and (min-width: 1140px) {
	.head-transp {
		background: none;
		border: none;

		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

.roundbox {
	border:2px solid #E0E0E0;
	padding:.4em;
	text-align:center;

	background-color: #F8F8F8;

	border-radius: 0.5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
}
.roundbox div {
	text-align:left;
}

.highlight {
	background-color: #cbff97;
}
.highlight-after {
	background-color: #E8FFD0;
}
h2.highlight::before, h2.highlight-after::before {
	content: '';
	display: inline-block;
	height: 1em;
	width: 1em;
	background-image: url('/img/visual_3/listCirc.png');
	background-image: url('/img/visual_3/listCirc.svg');
	background-size: 0.7em 0.7em;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-right:0.5em;
}

.hlbox {
	border: 2px solid #E8FFD0;
	margin-top:0;
	padding:.4em;
	text-align:center;

	border-radius: 0 0.5em 0.5em 0.5em;
	-moz-border-radius: 0 .5em .5em .5em;
	-webkit-border-radius: 0 .5em .5em .5em;
	-moz-box-shadow: 0 0 5px #B7FF6C;
	-webkit-box-shadow: 0 0 5px #B7FF6C;
}

#links {
	display:block;
	max-width:1150px;

	/*border:2px solid #E0E0E0;
	padding:.4em;
	text-align:center;
	font-size:.8em;

	border-radius: 0.5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;*/
}

#links hr {
	display:none;
}

#links div {
	display: inline-block;
	/*text-align: center;*/
}

#links img {
	display:block;
	margin:5px 5px 5px 5px;
}

#loggedlinks {
	display:block;
	max-width:1150px;

	border:2px solid #E0E0E0;
	padding:.4em;
	text-align:center;
	font-size:.8em;

	border-radius: 0.5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
}

.hidden {
	display:none;
}

@media only screen and (min-width: 1340px) {
	#links {
		display: block;
		position:absolute;
		top:30px;
		left:1160px;
	}

	#links img {
		display:block;
		margin:2px auto 2px auto;
	}

	#links hr {
		display: block;
	  width:90%;
		margin:.5em auto .7em auto ;
	  height:1px;
	  border-width:0 0 2px 0;
		border-style: solid;
		border-color: #E0E0E0;
	}
}

@media only screen and (orientation: landscape) {
  body {
    /*background-color: lightblue;*/
  }
}

@media print {
  .menu, #links {
    display: none;
  }
}