body{
	padding: 0px;
	margin: 0px;
	position: relative;
	text-align: center;
	background: url('obr/shum-png');
	/* For WebKit (Safari, Google Chrome etc) ddcf99, f7f6ea*/
	background-image: url('obr/shum.png'), -webkit-linear-gradient(#f3f0de, #f8f7f0, #f3f0de);
	                /* For Opera */
	background-image: url('obr/shum.png'), -o-linear-gradient(#f3f0de, #f8f7f0, #f3f0de);
		/* For Mozilla/Gecko (Firefox etc) */
	background-image: url('obr/shum.png'), -moz-linear-gradient(#f3f0de, #f8f7f0, #f3f0de);
	background-image: url('obr/shum.png'), -ms-linear-gradient(#f3f0de, #f8f7f0, #f3f0de);
	background-image: url('obr/shum.png'), linear-gradient(#f3f0de, #f8f7f0, #f3f0de);

		/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3f0de, endColorstr=#f8f7f0, GradientType=1);
		/* For Internet Explorer 8 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddcf99, endColorstr=#ddcf99, GradientType=1)";*/
	background-attachment: fixed;

}

html, body{
	height: 100%;
	padding: 0px;
	margin: 0px;
	outline: none;
	font-family: Verdana, Geneva, sans-serif;
	outline: none;
	color: rgba(0,0,0,1);
	font-size: 14px;
	min-width: 730px;
}

* {margin:0;padding:0;} 

#content{
	max-width: 100%;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*background-color: rgba(240,230,140,0.7);*/
}


/* -------------------- TITLES, links and other -------------------------*/

h1, h2, h3, h4, h5, h6 {color: rgba(83,0,0,1); 
}

/* The header of the main page */
h1{
	text-align: left;
	margin-bottom: 20px;
	font-size: 25px;}

/* The header for a course or the subpage */
h2{
	font-size: 22px;
	text-align: left;
	text-transforn: None;
	margin-bottom: 15px;
	line-height: 22px;
}

h2.margin{
	margin-top: 35px;
	}

/* Headers to be used inside the pages and for the second layer menu */
h3{
	text-transform: uppercase;
	text-align: left;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 2px;
	line-height: 16px;
	vertical-align: text-top;
	font-weight: normal;}
	
h3.menu{
	margin-top: 0px;
}

h3.calendar{
	font-weight: bold;
	margin-top: 25px;
}
	
/* Used in the news as for the title */
h4{
	text-align: left;
	font-size: 14px;}

/* Used in the footer */
h5{
	font-size: 12px;
	font-weight: bold;
}

strong, em{
	color: rgba(83,0,0,1);
}

a {
	font-weight: bold;
	color: rgba(83,0,0,1);
	border-bottom: rgba(83,0,0,0.2) 1px solid;
	text-decoration: none;
}

a.outer-link::after{
	content: url('obr/arrow.png');
}

a.pdf::after{
	content: url('obr/pdf.png');
	margin-left: 3px;
}

a.pdfdown::after{
	content: url('obr/pdf_down.png');
	margin-left: 3px;
}

a.back::before{
	content: url('obr/arrow_back.png');
	margin-right: 2px;
}
a:hover{
	border-bottom: rgba(83,0,0,0.5) 1px solid;
}

article a{
	font-weight: normal;
	font-style: italic;
	border-bottom: rgba(83,0,0,0.2) 1px solid;
}
article a:hover{
	border-bottom: rgba(83,0,0,0.5) 1px solid;
	font-weight: bold;
}

.center{
	text-align: center;
}
/* ------------------ HEADER -------------------------*/
header{
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	/* For WebKit (Safari, Google Chrome etc) */
	background-image: url('obr/shum.png'), -webkit-linear-gradient(#ede6c8, #f5f3e4);
	                /* For Opera */
	background-image: url('obr/shum.png'), -o-linear-gradient(#ede6c8, #f5f3e4);
		/* For Mozilla/Gecko (Firefox etc) */
	background-image: url('obr/shum.png'), -moz-linear-gradient(#ede6c8, #f5f3e4);
	background-image: url('obr/shum.png'), -ms-linear-gradient(#ede6c8, #f5f3e4));
	background-image: url('obr/shum.png'), linear-gradient(#ede6c8, #f5f3e4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f3e4, endColorstr=#ede6c8);
	position: fixed;
	z-index: 5;
	text-align: center;
}

#head{
	max-width: 100%;
	width: 1000px;
	margin: 0 auto;
	height: 100px;
	font-size: large;
	text-align: left;
	position: relative;
	padding: 0 0 20px 0;
}

#head::after{
	content:"";
width: 100%;
position: absolute;
left: 0;
bottom: -20px;
z-index: -1;
display: block;
height: 20px;
	/* For WebKit (Safari, Google Chrome etc) */
	background-image: url('obr/shum_2.png'), -webkit-linear-gradient(top, rgba(245,243,228,1) 0%,rgba(245,243,230,0) 100%);
	                /* For Opera */
	background-image: url('obr/shum_2.png'), -o-linear-gradient(top, rgba(245,243,228,1) 0%,rgba(245,243,230,0) 100%);
		/* For Mozilla/Gecko (Firefox etc) */
	background-image: url('obr/shum_2.png'), -moz-linear-gradient(top, rgba(245,243,228,1) 0%,rgba(245,243,230,0) 100%);
	background-image: url('obr/shum_2.png'), -ms-linear-gradient(top, rgba(245,243,228,1) 0%,rgba(245,243,230,0) 100%);
	background-image: url('obr/shum_2.png'), linear-gradient(to bottom, rgba(245,243,228,1) 0%,rgba(245,243,230,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3e4', endColorstr='#00f5f3e6',GradientType=0 );
}

/* --------------------------------------- Logo*/
#head a.logo{
	margin: 0;
	padding: 0;
	position: relative;
	left: 12px;
	top: 45px;
	display: inline-block;
	border: 0;
	max-width: 80%;
}


#head a.logo img{
	border: 0;
	margin: 0;
	max-width: 100%;
}


@media screen and (min-width: 1500px){
	#content{
		width: 66%;}
		
	#head{
		width: 100%;
		}

#head a.logo{
		left: 17%;}
}

@media screen and (max-width: 1024px){
	#content, #head{
		width: 90%}
}


/*------------------------ Menu and language part --------------------------*/
nav{
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 24px;
background: rgba(128,0,0,1);
display: block;
margin: 0;
font-size: 14px;
box-shadow: rgba(0,0,0,0.5) 0 2px 3px;
}

nav a, nav a:hover{
text-decoration: none;
border: 0;
color: rgba(255,255,255,1);
}

nav ul{
	list-style-type: none;
	vertical-align: middle;
	height: 24px;
	padding: 0 15px 0 0;
	text-align: left;
	position: fixed;
	z-index: 1;
	background: url('obr/menu_bg_line_3.png');
	background-repeat: repeat-x;
}

nav ul li{
	position: relative;
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 4px 15px 0 15px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	vertical-align: top;
	background: url('obr/menu_bg_sound_3.png');
	background-repeat: no-repeat;
	background-position: 200px 0px;
}

nav ul li.this::before, nav ul li:hover::before{
	content:"";
width: 100%;
position: absolute;
left: 0;
bottom:-2px;
border-radius: 0 0 5px 5px;
box-shadow: rgba(0,0,0,0.5) 0 3px 3px;
background: rgba(128,0,0,1);
z-index: -1;
display: block;
height: 12px;
}

nav ul li:hover, nav ul li.this{
	padding-top: 10px;
	padding-bottom: 4px;
	background: url('obr/menu_bg_sound_3.png');
	background-position: 0% 0px;
	background-repeat: no-repeat;
	-ms-transition: background 0.7s ease-out, padding 0.1s linear;
	-webkit-transition: background 0.7s ease-out, padding 0.1s linear;
	-moz-transition: background 0.7s ease-out, padding 0.1s linear;
	-o-transition: background 0.7s ease-out, padding 0.1s linear;
	transition: background 0.7s ease-out, padding 0.1s linear;
}

nav ul li.this:hover{
	background-repeat: repeat-x;
	background-position: 200% 0;
	-moz-transition: background 1.5s ease-out;
	-o-transition: background 1.5s ease-out;
	transition: background 1.5s ease-out;
}

@media screen and (max-width: 1024px){
	nav ul{
		max-width: 90%}
	
	nav ul li{
		margin: 0 2px 0 0;;
		padding: 4px 5px 0 5px;}
}

@media screen and (max-width: 800px){
	nav ul li{
		width: 35px;
		text-overflow: ellipsis;
		overflow: hidden;
		margin: 0;
		padding: 4px 5px 0 5px;}
	
	nav ul li.this::before, nav ul li:hover::before{
		content:"";
		width: 100%;
		position: absolute;
		left: 0;
		bottom:-2px;
		border-radius: 0 0 5px 5px;
		box-shadow: rgba(0,0,0,0.5) 0 3px 3px;
		background: rgba(128,0,0,1);
		z-index: -1;
		display: block;
		height: 12px;
	}
	
	nav ul li.this, nav ul li:hover{
		width: auto;}
}


nav div.language{
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	height: 24px;
	line-height: 20px;
	vertical-align: top;
	padding: 4px 0 0 0;
	text-align: right;
	color: rgba(255,255,255,1);
	font-weight: bold;
	z-index: 20;
}

nav div.language a{
	color: rgba(255,255,255,1);
	display: inline-block;
	height: 20px;
	line-height: 20px;
	vertical-align: top;
	position: relative;
}

nav div.language a.this::before{
	content:"";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

nav div.language a.this:hover::before{
	border-bottom: 1px solid rgba(255,255,255,1);
}

nav div.language a:hover{
	color: rgba(255,255,255,1);
}

nav div.language a:hover::before{
	content:"";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}


/*------------------------------- Footer ------------------------------*/
footer{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	bottom: 0px;
}

#foot{
	margin: 0;
	padding: 10px 10px 5px 12px;
	width: auto;
	height: 70px;
	position: relative;
	bottom: 0;
	text-align: left;
	font-size: 12px;
	color: rgba(83,0,0,1);
}

#foot.welcome-foot img.cicero{
position: absolute;
max-width: 50%;
right: 12px;
bottom: 45px;
z-index: 1;
}

#foot.welcome-foot p.copyright{
	text-align: right;
	margin: 0;
	display: inline-block;
	position: absolute;
	right: 12px;
	z-index: 2;
}

#foot p.contact{
	margin: 0 30px 0 0;
	padding: 0;
	display: inline-block;
}

#foot p.copyright{
	text-align: right;
	margin: 0;
	display: inline-block;
	position: absolute;
	right: 100px;
	z-index: 2;
}

#foot img.cicero{
position: absolute;
max-width: 50%;
right: 6px;
bottom: 0px;
z-index: 1;}


	/*------------------------- The body of the page  ----------------------*/
#corpus{
	position: relative;
	top: 0px;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 140px 12px 150px 12px;
	height: 100%;
	text-align: left;
	z-index: 0;
}

/* ------------------- Bait for the courses (You can see our courses listed by.... ) */
#courses-bait{
	position: relative;
	margin: 10px auto 20px auto;
	background-color: rgba(255,255,255,0.4);
	border-radius: 5px;
	padding: 5px 15px 5px 15px;
	box-shadow: inset rgba(0,0,0,0.5) 2px 2px 3px;
	text-transform: uppercase;
	font-size: 14px;
	color: rgba(83,0,0,1);
	font-weight: bold;
}

#courses-bait span.left{
	text-align: left;
	display: inline-block;
	width: auto;
}

#courses-bait span.right{
	float: right;
	position: relative;
	display: inline-block;
	width: auto;
	text-align: right;
}

/* --------------------- Block with News */
#news{
	display: inline-block;
	float: right;
	width: 250px;
	max-width: 50%;
	background-color: rgba(255,255,255,0.4);
	border-radius: 5px;
	padding: 10px;
	margin: 0 0 10px 20px;
	box-shadow: inset rgba(0,0,0,0.5) 2px 2px 3px;
}

#news em{
display: inline-block;
margin-bottom: 10px;
}

#news p{
padding: 0;
text-align: left;}

#news img.news-image{
	max-width: 100px;
	max-height: 100px;
	margin: 0 0 10px 10px;
	position: relative;
	float: right;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;}

#news h3{
	margin: 0 0 10px 0;
	font-weight: bold;
}

article{
	clear: both;
	overflow: auto;
	height: 100%;
}



/* ------------------------------ Lists for submenus */
div.menu-courses{
	position: relative;
	float:left;
	width: 250px;
	height: auto!important;
	margin: 0 20px 0 0;
	display: inline-block;
}

div.container{
	width: auto;
	position: relative;
	display: block;
	margin: 0 0px 0 260px;
	padding: 0 0 0 12px;
	text-align: center;}
	
div.container2{
	width: auto;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;}

ul.first{
	width: 100%;
	list-style-type: none;
	margin: 0;
}

ul.first input.menu-button{
	position: absolute;
	opacity: 0;
	left: 5px;
}
ul.first li{
	margin: 5px 0 5px 0;
}

ul.first label{
	color: rgba(83,0,0,1);
	cursor: pointer;
}

ul.first label:hover{
	border-bottom: 1px solid rgba(83,0,0,0.5);
	font-weight: bold;
}
	
ul.first label::after{
	content: url('obr/arrows_2.png');
	position: relative;
	left: 4px;
	bottom: 0px;
}

input.menu-button:checked + label{
	font-weight: bold;
}

input.menu-button:checked + label::after{
	content: url('obr/arrows_1.png');
	position: relative;
	left: 4px;
	bottom: 0px;
}

input.menu-button:checked ~ ul.second{
	display: block;
}

ul.second{
	display: none;
	max-width: 100%;
	background-color: rgba(255,255,255,0.4);
	border-radius: 5px;
	box-shadow: inset rgba(0,0,0,0.5) 2px 2px 3px;
	margin: 5px 0 0 0;
	padding: 4px 2px 4px 12px;
	list-style-type: none;
	color: rgba(83,0,0,1);
}

ul.second li::before{
	content: "-";
	position: relative;
	display: inline-block;
	left: -5px;
	margin: 0 0 0 -10px;
	width: 10px;
}

ul.second li{
	position: relative;
	text-align: left;
	margin: 0 0 3px 15px;
	text-indent: 0;
	padding: 0;
}

ul.second li a{
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid rgba(83,0,0,0.2);
}

ul.second li.this, ul.second li:hover, ul.second li.this a, ul.second li:hover a{
	font-weight: bold;
}

ul.second li.this a, ul.second li a:hover{
	border-bottom: 1px solid rgba(83,0,0,0.5);
}

a.chosen{
	border-bottom: 1px solid rgba(83,0,0,0.5);
	font-weight: bold;
}

a.chosen:hover{
	border-bottom: 1px solid rgba(83,0,0,1);
}

ul.main-first{
	width: 100%;
	list-style-type: none;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: left;
}

ul.main-first li{
	margin: 10px 0 0 0;
}

ul.main-second{
	max-width: 100%;
	margin: 2px 0 5px 0;
	padding: 0 0 0 12px;
	list-style-type: none;
	color: rgba(83,0,0,1);
}

ul.main-second li::before{
	content: "-";
	position: relative;
	display: inline-block;
	left: -5px;
	margin: 0 0 0 -10px;
	width: 10px;
}

ul.main-second li{
	position: relative;
	text-align: left;
	margin: 0 0 3px 15px;
	text-indent: 0;
	padding: 0;
}

ul.main-second li a{
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid rgba(83,0,0,0.2);
	}

ul.main-second li:hover, ul.main-second li:hover a{
	font-weight: bold;
}

ul.main-second li a:hover{
	border-bottom: 1px solid rgba(83,0,0,0.5);
}

div.submenu{
	position: relative;
	float:left;
	width: 250px;
	height: auto!important;
	margin: 0 20px 0 0;
	background-color: rgba(255,255,255,0.4);
	border-radius: 5px;
	box-shadow: inset rgba(0,0,0,0.5) 2px 2px 3px;
	display: inline-block;
}

div.submenu a.top{
	margin: 10px 0 0 12px;
	display: inline-block;
	font-weight: bold;
	font-style: normal;
	border-bottom: rgba(83,0,0,0.2) 1px solid;
}

div.submenu a.top:hover{
	border-bottom: rgba(83,0,0,0.5) 1px solid;
}

ul.submenu{
	max-width: 100%;
	margin: 0;
	padding: 10px 0 10px 12px;
	list-style-type: none;
	color: rgba(83,0,0,1);
}

ul.submenu li::before{
	content: "-";
	position: relative;
	display: inline-block;
	left: -5px;
	margin: 0 0 0 -10px;
	width: 10px;
}

ul.submenu li{
	position: relative;
	text-align: left;
	margin: 0 0 3px 15px;
	text-indent: 0;
	padding: 0;
}

ul.submenu li a{
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid rgba(83,0,0,0.2);
}

ul.submenu li.this, ul.submenu li:hover, ul.submenu li.this a, ul.submenu li:hover a{
	font-weight: bold;
}

ul.submenu li.this a, ul.submenu li a:hover{
	border-bottom: 1px solid rgba(83,0,0,0.5);
}



article p{
	text-align: justify;
	margin: 0 0 12px 0;
	padding-left: 0px;
	padding-right: 12px;
	max-width: 100%;
}

article ol.numbered { 
    counter-reset: item;
    list-style-type: none;
	max-width: 100%;
	margin: 0 0 15px 0;
	padding-left: 0px;
	text-align: left;
}

article ol.numbered li { display: block; }
article ol.numbered li:before { 
    content: counter(item) "  "; 
    counter-increment: item;
}

article ul.dots {
	max-width: 100%;
	margin: 0 0 15px 0;
	padding-left: 0px;
	list-style-position: inside;
	text-align: left;
}

article ul.dots li{
	text-indent: -12px;
	margin-left: 15px;
}


/* ---------------------------- Pictures */

figure.picture{
	max-width: 100%;
	display: inline-block;
	margin: 10px auto 15px auto!important;
	position: relative;
	text-align: center;
}

figure.picture img{
border-radius: 5px;
box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
max-width: 100%;
background: rgba(255,255,255,0.3);
margin-bottom: 5px;
}

figure.picture figcaption{
	position: relative;
	padding: 0 5px 5px 5px;
	color: rgba(83,0,0,1);
	text-align: right;
	font-style: italic;
	}

 /*---------------------------------- PDF reading -------------*/
div.pdf{
	position: relative;
	width: 100%;
	display: block;
	margin-bottom: 12px;
}

div.pdf object{
	position: relative;
	width: 95%;
	margin: 0 auto;
	display: block;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
}

/* --------------------------- video */
video.video{
	display: object;
	margin: 10px auto 10px auto;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
}

span.video-fallback{
	display: block;
	margin: -15px 0 10px 12px;
	text-align: left;
}

/* --------------------------- audio */
audio.audio{
	display: block;
	margin: 10px auto 10px auto;
	background-color: rgba(255,255,255,0.5);
}

span.return{
	display: block;
	text-align: left;
	margin: 0 0 10px 0;
}

/* --------------------------- Welcome page */

img.welcome-picture{
	/*margin: 0 auto;*/
	display: block;
	max-width: 100%;
	position: relative;
	padding-bottom: 48px;
	background-image: url('obr/sound_1.png');
	background-position: 100% bottom;
	background-repeat: repeat-x;
}

img.welcome-picture:hover{
	-webkit-animation: soundmove 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function:linear;
	animation: soundmove 5s;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}

@-webkit-keyframes soundmove{
	from {background-position: 100% bottom;}
	to {background-position: 0% bottom;}
}

@keyframes soundmove{
	from {background-position: 100% bottom;}
	to {background-position: 0% bottom;}
}

span.welcome-left{
	display: inline-block;
	width: 50%;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 0;
	position: relative;
	color: rgba(83,0,0,1);
	vertical-align: top;
}

span.welcome-left h3, span.welcome-left p, span.welcome-left a{
	text-align: right;
	margin-right: 10px;
}

span.welcome-left h3, span.welcome-right h3{
	margin-bottom: 10px;
}
span.welcome-left p, span.welcome-right p{
	text-transform: uppercase;
	margin-bottom: 10px;
}

span.welcome-right h3, span.welcome-right p, span.welcome-right a{
	text-align: left;
	margin-left: 10px;
}

span.welcome-right{
	display: inline-block;
	max-width: auto;
	text-align: left;
	margin-top: 20px;
	margin-bottom: -30px;
	position: relative;
	color: rgba(83,0,0,1);
	vertical-align: top;
}

@media screen and (min-width: 1500px){
span.welcome-left, span.welcome-right{
	margin-top: 10%;}
img.welcome-picture{
	margin-top: 40px;}
}
/* ------------------------- Google map */

iframe.map{
	display: inline-block;
	float: right;
	width: 50%;
	height: 250px;
	max-height: 100%!important;
	border: 0;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
	margin: 0 12px 10px 12px;
}

/* ------------------------- Calendar of events */
span.price_2{
	margin-left: 50px;
}

form.event_enroll{
	display: block;
	margin: -10px 0 15px 0;
	text-align: left;
	paddinf: 0px;
}

form.event_enroll input{
	display: inline;
	background: none;
	box-shadow: none;
	border-top: none;
	border-left: none;
	border-right: none;
	font-style: italic;
	border-bottom: 1px solid rgba(83,0,0,0.2);
	color: rgba(83,0,0,1);
	cursor: pointer;
	padding: 0;
	margin-left: 0;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
}

form.event_enroll input:hover{
	font-weight: bold;
	border-bottom: 1px solid rgba(83,0,0,0.5);	
}

a.hidden-anchor{
	padding-top: 130px;
	margin-top: -130px;}

/* ------------------------------------ Enroll form*/

form.enroll_form{
	width: 100%;
	text-align: left;
	line-height: 1;
	position: relative;
}

form.enroll_form label, form.enroll_form span{
	display: inline-block;
	color: rgba(83,0,0,1);
	font-weight: bold;
	width: 200px;
	text-align: right;
	margin: 0 12px 0 12px;
	padding: 4px 0 2px 0;
	vertical-align: top;
}

form.enroll_form span{
	margin-top: 20px;}
	
form.enroll_form input, form.enroll_form input select{
	width: 30%;
	min-width: 200px;
	border-radius: 5px;
	border: none;
	padding: 2px;
	margin: 2px 0 2px 0;
	background: rgba(255,255,255,0.5);
	box-shadow: rgba(0,0,0,0.3) 2px 2px 3px inset;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

form.enroll_form label.addnumber{
	width: 50px;}
	
form.enroll_form input.addnumber{
	width: 20%;
	min-width: 50px;
}
form.enroll_form select{
	width: auto;
	min-width: 200px;
	border-radius: 5px;
	border: none;
	padding: 2px;
	margin: 2px 0 2px 0;
	background: rgba(255,255,255,0.5);
	box-shadow: rgba(0,0,0,0.3) 2px 2px 3px inset;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}


form.enroll_form select.events{
	max-width: 60%;
	text-overflow:ellipsis;
}

form.enroll_form textarea{
	width: 30%;
	height: 150px;
	min-width: 200px;
	border-radius: 5px;
	border: none;
	padding: 2px;
	margin: 2px 0 2px 0;
	background: rgba(255,255,255,0.5);
	box-shadow: rgba(0,0,0,0.3) 2px 2px 3px inset;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

form.enroll_form textarea.bigone{
	width: 60%;
	min-width: 200px;	
	height: 55px;
	overflow: hidden;
	resize: none;
	font-weight: bold;
	text-overflow:ellipsis;
}

form.enroll_form .potvora{
	position: absolute;
	left: -500px;
	width: 0px;
	height: 0px;
}

form.enroll_form input.jesterka{
	width: auto;
	height: 25px;
	position: relative;
	padding: 0 5px 0 5px;
	text-align: center;
	left: 224px;
	margin-top: 10px;
	margin-bottom: 20px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
	color: rgba(255,255,255,1);
	background: rgba(83,0,0,1);
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-webkit-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	text-shadow: rgba(0,0,0,1) 0 0;
}


form.enroll_form input.jesterka:hover{
	background: rgba(255,255,255,0.5);
	color: rgba(83,0,0,1);
	text-shadow: rgba(0,0,0,0.5) 5px 5px 5px;
	box-shadow: rgba(0,0,0,0.8) 5px 5px 5px;
	transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-webkit-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
}

span.error{
	display: inline-block;
	padding: 10px;
	max-width: 90%;
	background: rgba(83,0,0,0.5);
	color: rgba(255,255,255,1);
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
	margin-bottom: 5px;
}

span.rorre{
	display: inline-block;
	margin: 10px auto;
	padding: 10px;
	background: rgba(0,83,0,0.5);
	color: rgba(255,255,255,1);
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
}