html, body {font-family:Verdana, Helvetica, sans-serif;font-size:12px;height: 100%;margin: 0;padding: 0;}
	h1 {font-family:inherit;font-size:150%}
	hr {width:98%;padding:0;margin:0}
	div {width:auto;font-size:1em;line-height:1.3em}
	.tit {font-family:inherit;font-size:150%;line-height:150%}
	.pop {margin:0 10px 0 0}

a:link {font-family: verdana, sans-serif;font-size: 11px;color: black;background-color: transparent;text-decoration: none;}
a:visited {font-family: verdana, sans-serif;font-size: 11px;color: black;background-color: transparent;text-decoration: none;}
a:hover {font-family: verdana, sans-serif;font-size: 11px;color: white;background-color: black;text-decoration: underline;}
/**/

#map {height:100%;}

table,tr {width:98%;padding:0;margin:0}
td{line-height:1em;padding:0 2px 0 2px}

.ico {width:35px;height:30px;margin:5px}
.tprogm {width:90%;line-height:70%;font-size:80%}
.tprogb {width:90%;font-weight:bold}

h1,h2,h3 {font-size:100%;font-weight:inherit;padding:0;margin:0;line-height:inherit}
input.log {font-size:100%;border-radius:5px;border:1px gray solid;padding:3px;margin-right:5px}

a.amenu:link {margin:0px;padding:4px;line-height:150%;font-size:110%;background-color:black;color:white}
a.amenu:hover {background-color:white;color:#444444}
a.amenu:visited {background-color:#444444;color:#CCCCCC}

a.almenu:link {margin:0px;padding:4px;line-height:150%;font-size:110%;background-color:transparent;color:white}
a.almenu:hover {background-color:#CCCCCC;color:black}
a.almenu:visited {background-color:transparent;color:white}

a.biglink:link {margin:10px 0 10px 0;padding:5px;line-height:150%;font-size:20px;background-color:black;color:white}
a.biglink:hover {background-color:white;color:#444444}
a.biglink:visited {background-color:black;color:white}

a.ibiglink:link,a.ibiglink:visited {margin:10px 0 10px 0;padding:5px;line-height:150%;font-size:20px;background-color:transparent;color:black;text-decoration:none;text-shadow:2px 2px white}
a.ibiglink:hover {background-color:black;color:white;text-shadow:2px 2px black}
a.ibutimg:link,a.ibutimg:visited {margin:10px 0 10px 0;padding:5px;line-height:150%;font-size:20px;background-color:transparent;color:black;text-decoration:none;text-shadow:0px -0px 6px white}
a.ibutimg:hover {background-color:black;color:white;text-shadow:2px 2px black}

a.midlink:link {margin:10px 0 10px 0;padding:5px;line-height:150%;font-size:16px;background-color:#525252;color:white;;border-radius:3px}
a.midlink:hover {background-color:white;color:#444444;}
a.midlink:visited {background-color:#525252;color:white}
a.midlinkr:link,a.midlinkr:visited  {margin:10px 0 10px 0;padding:5px;line-height:150%;font-size:16px;background-color:#A3240E;color:white;;border-radius:3px}
a.midlinkr:hover {background-color:white;color:#A3240E;}

a.navalb:link,a.ibutimg:visited {position:fixed;margin:10px 0 10px 0;padding:5px;line-height:1.2em;font-family:Verdana;font-size:50px;background-color:transparent;color:black;text-decoration:none;text-shadow:0px 0px 6px white}
a.navalb:hover {background-color:black;color:white;text-shadow:2px 2px black}
a.navalbr:link,a.ibutimg:visited {position:fixed;margin:10px 0 10px 0;margin-left:-55px;padding:5px;line-height:1.2em;font-family:Verdana;font-size:50px;background-color:transparent;color:black;text-decoration:none;text-shadow:0px 0px 6px white}
a.navalbr:hover {background-color:black;color:white;text-shadow:2px 2px black}

a.tousprog {font-size:40px;color:white;text-decoration:none;margin-left:30px;text-shadow:3px 3px 5px gray}

.bigtit {width:98%;height:auto;margin:10px 0 10px 0;padding:5px 1% 5px 1%;line-height:150%;font-size:20px;background-color:#525252;color:white}
.bgprog {position:relative;top:-10px;left:0;width:100%;height:auto;border:none;float:none;display:none}
.bg100 {position:fixed;top:0;left:0;width:100%;height:100%;background-color:white;opacity:0.7;filter:alpha(opacity=70);z-index:900;display:none}

.evtlist {width:97%;height:auto;display:inline-block;line-height:150%;padding:1%;margin:10px 0 10px 0;box-shadow:3px 3px 5px gray}

.floatl {float:left;width:47%;height:auto;margin:15px 1% 0 1%;overflow:hidden;display:inline-block}
.floatr {float:right;width:47%;height:auto;margin:15px 1% 1% 0;overflow:hidden;display:inline-block}
.lfloatl {width:62%;height:100%;margin:0 0 15px 0;padding:0 1% 0 0;float:left;font-size:inherit}
.rfloatl {width:36%;height:100%;margin:0 0 15px 0;padding:0 0 0 0;float:right}

.fl25 {float:left;width:23%;margin:5px 1% 1% 0;overflow:hidden;display:inline-block}

.icontent {width:450px}
.ievent {width:45%;margin:0 10px 0 10px;float:left}
.improg {margin:5px;width:56px;height:49px;border:1px transparent solid;box-shadow:3px 3px 5px gray}
.inclmenu {width:96%;top:5px;height:auto;left:0px;padding:5px 3px 5px 3px;text-align:center;background-color:#444444;color:white;line-height:200%;display:none}
.incltxt {width:98%;margin-top:15px;padding:10px;color:white;overflow:hidden;text-overflow:ellipsis}

.l0t0 {position: absolute;top:0px;left:0px;width:100%;height:auto;border-color:black 0 solid;}
.l50t0 {position: absolute;width:1000px;height:auto;top: 0px;left: 50%;margin-left:-500px;border:black 0 solid;background-color:#EFEFEF;display:inline-block}
.lfloat {width:90%;height:auto;margin:0 0 15px 0;padding:0 5% 0 5%;}
.libot {width:90%;padding:3 5% 0 5%;font-size:100%}
.listmenu {float:left;width:140px;height:auto;top:0px;left:0px;text-align:center;display:inline-block}

.menu {width:100%;padding:3 5px 0 5px;}
.titdispo {width:98%;margin-top:5px;padding:5px;background-color:#EFEFEF;font-size:1.5em;line-height:1.3em;display:inline-block}
.titlogo {width:auto;font-size:1.1em;line-height:1.3em;display:inline-block;margin:5px 0 10px 0}

.titpage {width:auto;margin:50px 0 10px 10px;font-size:2em;line-height:1.3em;display:inline-block}
.txtprog {position:relative;top:0;left:45%;width:53%;height:auto;padding:0;text-align:right;line-height:150%;color:black;display:inline-block;text-shadow:2px 2px 2px white}

#bevent {position:absolute;top:110px;left:100%;margin-left:-140px;width:auto;height:auto;background-color:#E63900;color:white;font-size:1.7em;padding:5px;line-height:120%;z-index:500;box-shadow:2px 2px 5px gray}
	#closmenu {display:none}
	#lmenu {position:fixed;top:1px;left:50%;margin-left:-10%;width:60%;padding:3px 0 3px 0;z-index:1300}
	#bmenu {position:fixed;top:22px;left:100%;margin-left:-55px;width:34px;height:25px;background-image:url('../images/menu-b25.gif');background-size:cover;z-index:1000;display:none;box-shadow:2px 2px 5px gray}
	#bgmenu {display:none;z-index:1000}
	#bglmenu {position:fixed;top:1px;left:50%;margin-left:-11%;width:60%;padding:3px 0 3px 0;z-index:900}
	
	#dispmod {position:absolute;top:0;left:0;width:100px;height:30px;}
	#bdispmod {position:absolute;top:0;left:110px;width:auto;height:auto;}
	#ldispmod {position:absolute;top:0;left:0;width:100%;height:auto;z-index:500;}
	#logunlog {position:absolute;top:0;width:1000px;height:auto;display:none}

#imgpop {width:100%;box-shadow:2px 2px 5px gray}
#imglogo {width:100px;margin-top:2px;height:auto;float:left;display:block}
#ltop {position:static;top:0;margin-top:20px;width:100%;height:auto;float:none}
#lprog {position:relative;top:0px;margin-top:0px;height:auto}
#lbodt {position:relative;width:100%;height:570px;padding:0;margin:0;top:10px;display:inline-block;background-color:white}
#lbodb {position:relative;top:0px;display:inline-block;background-color:white}
#lbodr {position:absolute;top:70px}
#lbot {position:relative;width:100%;top:0px;height:auto;margin:30px 0 30px 0;display:inline-block;background-color:#B5B3AE}
#lifupdt {position:absolute;top:10%;left:50%;margin-left:-300px;width:600px;height:auto;text-align:center;background-color:white;}
#listprog {position:relative;margin:-100px 0 0 0;width:auto;height:auto;text-align:left;z-index:100}
#lsearch {position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:none}
#ltop {position:static;top:0;margin-top:0px;width:100%;height:auto;float:none}
#map {width:auto;font-size:1em;line-height:1.3em;height: 100%;}
#orgdesc {display:block}
#plistprog {margin-top:70px;height:auto;text-align:left;display:inline-block}
#titencours {position:relative;width:70%;margin:10px 0 0 3px;z-index:200;display:inline-block}
#titencours600 {display:none}
#titlogo {width:73px;margin-top:-22px;float:left;display:block}
#titorg {width:70%;margin:20px 0 0 8px;padding-left:5px;display:inline-block}
#titprog  {position:relative;height:auto;text-align:left}

@media screen and (max-width: 1024px) {
a.amenu:link,a.amenu:hover,a.amenu:visited{font-size:100%}
.l50t0 {position:absolute;width:100%;left:0;margin-left:0;top:0px;}
.floatl {width:46%;}
.floatr {width:46%;margin-left:7px}
.titlogo {margin-top:40px}
.txtprog {margin-top:-10px;padding:0 0 5px 0;}
#bdispmod {left:110px}
#dispmod,#ldispmod,#logunlog {top:0;left:0;width:100%;margin:-1px 0 0 -1px;padding:0}
#lbodt {position:relative;top:0px;margin-top:0px}
#lbodb {position:relative;top:0px;margin-top:0px}
#lmenu {margin-left:-155px;width:720px}
#lprog {position:relative;top:0px;margin-top:0px;height:auto}
#plistprog {top:0px;margin-top:0px;}
}

@media screen and (max-width: 900px) {
.improg {width:40px;height:35px;}
.improg {margin:5px;width:56px;height:49px;border:1px transparent solid;box-shadow:3px 3px 5px gray}
.bgprog {position:relative;top:-10px;left:0;width:100%;height:auto;border:none;float:none;display:none}
.titlogo {font-size:1em;margin-top:35px}
#bdispmod {left:100px}
#bgmenu {display:none}
}

@media screen and (max-width:800px) {
a.amenu:link,a.amenu:hover,a.amenu:visited{width:100%;float:right;font-size:120%;margin-top:5px;padding:4px 0 4px 0}
a.almenu:link,a.almenu:hover,a.almenu:visited {margin:15px 0 5px 0;line-height:2.2em}
.listmenu {float:left;width:100%;top:0px;left:0px;text-align:center;display:inline-block}
.inclmenu {width:100%;top:5px;left:0px;padding:5px 0 5px 0;text-align:center;background-color:#444444;color:white;line-height:200%;display:none}
.titlogo {margin-top:0px}
.titpage {margin:5px 0 0 10px;font-size:1.5em}
#bdispmod {left:90px}
#bevent {top:115px;margin-left:-115px;font-size:1.3em}
#bmenu {display:block;top:4px}
#bglmenu {display:none;}
#imglogo {width:80px;}
#lmenu {width:450px;top:0px;left:100%;margin-left:-455px;padding:5px;display:none}
#lprog {margin-bottom:20px}
#ltop {margin-bottom:0;}
#titorg {width:80%;margin:0;}
}

@media screen and (max-width: 700px) {
a.tousprog {font-size:30px;margin-left:20px}

.fl25 {float:left;width:46%;margin:5px 1% 1% 0;overflow:hidden;display:inline-block}
.floatl {float:none;width:98%;margin:15px 0 0 0;}
.floatr {float:none;width:98%;margin:15px 0 0 0;}
.icontent {width:100%}

.l50t0 {position: absolute;width:100%;left:0;margin-left:0;top:0px;}
.lfloatl {width:100%;height:300px}
.rfloatl {width:100%;}
.txtprog {font-size:90%}
.titpage {margin:0;}
#bevent {margin-left:-105px}
#bmenu {top:8px;}

#lifupdt {left:0;margin-left:0;width:100%}
#logunlog {width:100%;text-align:center}
#stst {display:none}
}

@media screen and (max-width: 600px) {
.txtprog {left:0;width:96%;height:auto;padding:0 2% 0 0;text-align:left;line-height:150%;}
.titlogo {display:none}
#bevent {top:77px}
#bmenu {top:10px;}
#imglogo {width:60px;}
#lmenu {left:0;margin-left:1%;width:98%;padding:0;text-align:right;z-index:1000}
#lprog {margin-top:135px;margin-bottom:10px}
#listprog {position:absolute;top:-80px;left:5px;margin:0}
#orgdesc {display:none}
#titencours {display:none}
#titorg {margin-top:5px}
}

@media screen and (max-width: 480px) {
.improg {width:35px;height:30px}
#bdispmod {left:50px}
#bevent {top:9px;margin-left:-165px;}
#clickevent {display:none}
#imglogo {width:45px;}
#logunlog {width:100%;}
#titlogo  {width:55px;margin:-20px 0 0 0}
#titorg {margin-top:0}
}