@charset utf-8;
	
body {background-color:#fff;; color:#444; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:normal; margin:0; padding:0; }

.transparent:hover {opacity:0.65; filter:alpha(opacity=65); cursor:pointer; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; zoom:1;}

/*a:link,a:visited {color:#600; text-decoration:none;}
a:hover,a:active,a:focus { color:red; text-decoration:none; cursor:pointer; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } */

a img {border:none}
a:link {color:#414958; text-decoration:none}
a:hover,a:active,a:focus {text-decoration:none; color:red}
a:visited {color:#4E5869; text-decoration:none}

p {margin-top:0; padding:0}
ul,ol,dl {margin:0; padding:0; list-style-type:none}

#menu_container {position:relative; float:none; background-color:#fff; padding:0 9px 0 10px; /*float:left;*/ z-index:9999}

#menu_title {position:relative; float:left; display:block; color:#000; background-color:#fff; margin-bottom:11px; padding:3px 9px 0 10px; z-index:999}

.menu_title li {float:left; background-color:#fff; padding:2px 8px 3px 0}
.menu_title a, .menu_title a:visited {display:block; color:#000}
/*.menu_sub a,.menu_title a:visited {display:block; color:#900; background-color:#fff; font-size:85%; padding:4px 1px 0 8px!important} */
.menu_sub {display:block; color:#900; background-color:#fff; font-size:87%; margin-bottom:2px}
.menu_sub li {padding:3px 1px 0 11px!important}
.menu_sub a:hover,.menu_title a:active,.menu_title a:focus {background:#599; color:#FFF}

/*
<div id="menu_container">
	<div id="menu">
	<div id="main">
	<div id="right_menu">right_menu</div><!--right_menu -->

#main {display:-webkit-flex; -webkit-align-items:flex-start; display:flex; align-items:flex-start; justify-content:left; min-height:calc(102vh - 46px - 110px); clear:both; z-index:-100; background-color:beige; border:1px dotted #000} 
#main .v-center {position:absolute; align-self:center; margin:0 auto; width:100%!important; border:1px dotted red}
#content {postion:relative; top:50%; text-align:center; max-width:100%!important; padding:0; border:1px dotted blue; height:600px;}

#main {position:relative; float:left; display:block}
#content {display:table; text-align:center; width:100%!important; padding:0} 
#content p {display:table-cell; vertical-align:middle; max-width:100%}

*/

#main {position:relative; float:left; display:block}
#content {display:table; text-align:center; width:100%!important} 
#content p {display:table-cell; vertical-align:middle; padding:28px 11px; max-width:100%}

#content img {max-width:100%}

.text {postion:relative; top:50%; /*transform:translateY(50%);*/ padding:0 11px 9px 11px; /*max-width:600px;*/}
.text img {width:100%; max-size:100%}

#right_menu {position:relative; float:left; background-color:#fff;; display:block; z-index:8000;}

.right-thumb {position:relative; float:right}
.thumb {position:relative; float:right;}

#footer {position:relative; float:right; z-index:8000; -moz-box-shadow:1px 1px 9px 4px #777; -webkit-box-shadow:1px 1px 9px 4px #777; box-shadow:1px 1px 9px 4px #777; background-color:#fff;; backgroundc-position:225px bottom; background-repeat:no-repeat; display:block; font-size:11px; height:15px; min-width:194px; margin-top:14px; padding:4px 2px 5px 5px}

.mainimg {/*display:none; */ max-size:100%; z-index:-100;}

h1 {font-size:22px; letter-spacing:6px; line-height:20px; padding:8px 0}
.bold {font-family:'clarika_grotesquebold', Arial, Helvetica, sans-serif; color:#900;}
.light {font-family:'clarika_geometriclight', Arial, Helvetica, sans-serif;}
.errore_soft {background-color:#fff; color:#900!important; padding:3px; letter-spacing:1px}
.em_o {display:none; color:#fffadd!important; font-size:19px; font-weight:400; font-style:italic}

.noteGrey {color:#666; font-size:12px} 

.dbug {color:#666; font-family:monospace; position:fixed; bottom:3px; left:0; width:320px; font-size:10px; line-height:19px; padding-left:12px; z-index:8000}

@media (min-width: 480px) {/* mobile css - tablet css, will inherit styles from mobile */
	
	#header_credo h1 {width:300px;}
	.menu_button {text-align:center; width:100%;}
}

@media (min-width:768px) {  /* desktop css, will inherit styles from mobile and tablet */
	
	#menu_title {float:clear!important; display:block; z-index:8000; width:18%}

	.menu_title {float:clear}	
	.menu_title li {float:none}
	.menu_title a, .none a:visited {}
	
	#main {float:left; width:60%}
	#right_menu {float:left; display:block; text-align:right; z-index:8000; width:18%}
	
	#content {display:table; text-align:center; max-width:100%!important; padding:0; height:600px}
	
	.text img {max-width:444px; max-height:555px}
	.mainimg {max-width:444px; max-height:555px}
	
	#footer {position:fixed; right:0; bottom:0; z-index:8000; -moz-box-shadow:1px 1px 9px 4px #777; -webkit-box-shadow:1px 1px 9px 4px #777; box-shadow:1px 1px 9px 4px #777; background-color:#fff;; backgroundc-position:225px bottom; background-repeat:no-repeat; display:block; font-size:12px; height:18px; min-width:190px; padding:4px 1px 5px 6px;}
	
	/*.menu_container {position:fixed; top:80px; font-size:1.2em; letter-spacing:1.8px; width:282px} 
	.menu_title a,.menu_title a:visited {margin-top:6px; padding:0 9px 0 3px}
	#scroll-content {height:100%; min-width:100%; top:19%; margin:auto; position:absolute; overflow:scroll; float:left; display:inline-table; padding-left:250px; padding-top:22px}
	#horiz-frame li img {margin-left:1px; position:relative; margin-right:1px}
	#scroll-content img {width:auto; max-size:700px}
	#horiz-frame li {width:auto}


	.em_o {display:inline-block}
	#sub_header {margin-top: 41px; width:100%;}
	#header_credo h1 {letter-spacing:6px; overflow:visible;}
	#right_menu {width:11%; max-width:20%; padding:0 12px; position:absolute; top:105px; right:0;}
	#content {width:70%; min-width:666px;}
	#content .info {padding:0;}
	.menu_button {font-size:20px; height:34px; line-height:32px; margin-bottom:5px; padding-top:2px; padding-right:8px; padding-left:19px; text-align:left; text-indent:0; box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none;} */
}