@import url(reset.css);
#fl1024, #fl960, #fl767, #fl640, #fl480, #fl320, .nbSloganSmall, #movislogans, #movi1, #movi2, .movi1, .logomenumovi {display:none;}
	.linkstips{display:block;}

html{
	box-sizing:content-box;
	Content-Type: text/html; charset=iso-8859-1;
}
/* Here we can serve a custom font
@font-face {
	font-family: 'Code2000';
	src: url(CODE2000.TTF);
}*/

.desktop_banner{
	display:block;
}
.back{
	padding-top:.5em;
	clear:both;
}
.back a{
	display:inline-block;
	padding:15px;
	border:1px dotted #000;
}
#wrapper {
	width:100%;
	overflow:hidden;
}

.cookie:after{
	content:"";clear:both;display:block;
}
.cookie{
	display:block;
	color:#ccc !important;
	font-family: Verdana, helvetica, sans-serif;
	margin:15px auto;
	width:94.395280235988200589970501474926%;
	border-bottom:0;
	text-align:center;
	background-color:#FAFFE0;
}
.ckWarning{
	color:#555;
	display:inline !important;
	margin:0 auto;
	font-size:.8em;
	line-height:1.6em;
}

a.ok {text-decoration:none;cursor:pointer;}
.ok{
	display:block;
	float:right;
	margin:0;
	width:2em;
	text-align:center;
	line-height:1.6em;
	background-color:#b84744;
	font-size:.8em;
	color:#fff;
}

#page {
	/* the page has a margin of 9.375% in each side, a 18.75 total margin */
	width: 81.25%;
	margin: 0 auto 1em;
	background-color:#fff;
	border: 1px solid #eee;
}

header {
	width:100%;
}

#horzbar {
	/*border-top:1px solid #ddd;/**/
	height:22px;
	width:100%;
	background-color:#FFF;
}

#horzbar #links{
	width:100%;
}

#horzbar #links a{
	float:left;
	display:block;
	font-variant:small-caps;
	font-family: Verdana, helvetica, sans-serif;
	text-decoration:none;
	color:#68524F;
	font-size:1em;
	text-align:center;
	width:33%;
}

#horzbar #links a:hover {
	background-color:#555;
	color:#FAFFE0;
}

#head {
	width:100%;
}

#logo{
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none; /* change to none when done */
    border-left-style: solid;
	height:323px;
	width: 100%;
	position:relative;
}

#head #logo img{
	z-index:0;
	max-width:100%;
	width:94.395280235988200589970501474926%;/*960/1017*/
	display:block;
	left:2.802359882005899705014749262537%;
	position:absolute;
}

#head #logo #legal{
	position:absolute;
	left: 64.807692307692307692307692307692%;/* 1011 / 1560 */
	top: 92.879256965944272445820433436533%;/* 310 / 323 */
	line-height:1em;
	font-variant:normal;
	text-decoration:none;
	font-family:Verdana, helvetica, sans-serif;
	font-size:1em;
	color:#cb0c11;
}

#head #logo #slogan{
	-border:1px solid;
	width:58%;
	top:3%;
	left:37%;
	position:absolute;
}

#head #logo #slogan .nbSlogan{
	/* TO BE TURNED ON WHEN READY */
	float:left;
	-color:#ffcc99;
	color:#FFC;
	font-family: Verdana, sans-serif !important;
	font-size:1.3em;
	-line-height:2em;
	text-shadow: rgb(0,0,235) 3px 3px 5px;
}

#head #logo #slogan .number{
	float:left;
	font-size:1.5em;
	-color:#ffcc99;
	color:#FFC;
	text-shadow: rgb(0,0,235) 3px 3px 5px;
}

#head #logo #logomenu {
	position:absolute;
	left:2.802359882005899705014749262537%;
	top: 80.495356037151702786377708978328%;/*260/323*/
	width: 58.653846153846153846153846153846%;/*915/1560*/
}

#subhead {
	clear:both;
	-border:1px solid #eee;
	border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid; /* change to none when done */
    border-left-style: solid;
	-height:1.5em;/**/
	text-align:center;
	margin:0 auto;
	line-height:2em;
	height:2em;
	width:100%;
}

#subhead a {text-align:center;}
#subhead a, .popularbox span, .popularbox a, #subhead .legal {
	line-height:1.4em;
	font-variant:small-caps;
	text-decoration:none;
	font-family:Verdana, helvetica, sans-serif;
	font-size:.9em;
	color:#2E3192;
	margin:.2em 2% 0;
}

#home:before, #contact:before, #cond:before, #about:before{
	font-family:Verdana, helvetica, sans-serif;
	font-size:1.2rem;
}

#home:before{content:"\2302 \020";}

#about:before{content:"\fffd \020";}

#contact:before{content:"\2709 \020";}

#cond:before{content:"\26A0 \020";}

.menuContainer:after, #gadgets:after, #page:after{
	content: "";
    clear: both;
    display: block;
}

.langstitle{
	float:left;
	display:block;
}

#gadgets{
	width:100%;
	-background-color:#f7f7f7;
	padding-bottom:.5em;
	margin-top:.5em;
	padding-top:.2em;
}

#gadgets .element{
	width:33%;
	float:left;
}

#gadgets .element #socialbox{
	margin-left:5px;
}

#gadgets .element .langs{
	height:40px;
	float:right;
	display:block;
	margin-right:5px;
	text-align:right;
}

#head #logo #logomenu .langs a{
	float:right;
}

.langs a img{
	max-width:100% !important;
	position:static;
	border-radius:5px;
}

span.stext {
	font-family:Verdana, sans-serif;
	font-size:.7em;
	color:#68524F;
	display:block;
	line-height:1em;
	float:left;
	margin-right:5px;
}

#social a img{max-width:100%;	margin: 0 3px;}

#proposal div a img {max-width:100%; margin-top:5px;}
#proposal .alta {
	width:200px;
	height:30px;
	background-color:#1277a5;
	margin:0 auto;
	border-radius:5px;
}
#proposal .alta a {
	font-family:Verdana, sans-serif;
	font-size:1em;
	color:#fff;
	text-decoration:none;
	line-height:1.7em;
}

#proposal span a {
	text-decoration:none;
	font-size:.8em;
	text-align:center;
	float:none;
}

#slogan {
	top: 70px;
	left:4px;
	font-family:Verdana, sans-serif;
	font-size:1em;
	position:absolute;
	width:29.16666666666667%; /* 280 / 960 */
	line-height:1.2em;
	color:#68524F;
}

.menuContainer{
	width:100%;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #000;
	-border-top:1px solid #000;
}

.menuContainer .subMenu{
	width:100%; /* 220 / 960 */
	float:left;
	display:block;
	position:relative;
	border-radius:5px;
}

section {
	width: 100%;
}

.notice{
	width:95%;
	height:auto;
	margin:.3em auto;
	padding:.5em;
	background-color:#FAFFDF;
	-background-color:#FAFAFA;
	border:1px solid #DD463E;
	-border:1px solid #DDDDDD;
	text-align:center;
	display:block;
}

.notice .cutecit{
	font-family:Garamond, serif;
	font-size:1.4em;
	font-style:italic;
	letter-spacing:.1em;
	line-height:1.5em;
}

.notice .cit{
	font-size:1.1em;
	letter-spacing:.05em;
}

.extra {display:inline;}

.big{font-size:1.3em;}

img{max-width:100%;}

.w1 {
	border:.3em solid #000;
	display:block !important;
	margin:.3em;
}
.w2 {
	border:.1em solid #000;
	margin:2px;
}

.w1 .w2 p {line-height:1.5em !important;padding:.5em !important;margin:0 !important;}


aside {
	width:100%;
}

#quicklinks{
	margin:0;
	padding:0;
	cursor:pointer;
	-background-color:#f7f7f7;
	-height:50px;
	text-align:center;
	position:relative;
}

#quicklinks h2{
	display:inline;
	-color:#fff;
	margin:0;
	line-height:2em;
}

#quick {
	width:98%;
	margin: 0 auto;
	padding:0;
	display:none;

}

#quick a{
	line-height:2.5em;
	font-variant:normal;
	text-decoration:none;
	font-family:Verdana, helvetica, sans-serif;
	font-size:.9em;
	color:#2E3192;
	margin:.5em 2% .5em 0;
	padding:0;
	vertical-align:middle;
	text-align:center;
	display:inline-block;
	background-color:#f7f7f7;
	width:23.1%;
	border-radius:10px;
}

#quick a:nth-child(4n+0){
	margin:.5em 0;
}

.qlu{
	margin:.1em 0 0;
}

.qlb{
	margin-top:.1em;
}

.threelines{
	position:absolute;
	left:96.5%;
	font-size:2em;
	line-height:1.4em;
	font-family:Verdana, sans-serif;
	color:#1277a5;
}

hr{
	margin:.5em 0;
}
/*.sub {display:inline;}
.sub a {font-family:"Times New Roman", serif !important;font-size:100%;color:#036}*/
#vitrine {
	width:100%; /* 920 / 960 */
	margin-top:15px;
	margin-bottom:10px;
	text-align:center;
	/*border:1px solid;/**/
}

#vitrine ul#features {width:100%;margin-left:5px;/*border:1px solid;/**/}

#vitrine ul#features li, article .picsbox ul li {
	width: 32.60869565217391%; /* 300 / 920 */
	display: inline-block;
	background-color:#e8e8e8;
	text-align:center;
	padding:.5em 0;
	vertical-align:top;
	max-height:157px;
	/*border:1px solid #000;/**/
}

a.hd {
	display:none;
	margin-top:.5em;
	text-align:center;
	color:#036;
}

a.hdl, .hdl {
	color:#036;
	display:inline;
	font-family:Verdana, helvetica, sans-serif;
	font-size:1em;
	margin: .4em .2em;
}

.hdl {display:block;margin-left:8%;width:100%;}

nav {
	float:left;
	width:21.71767028627838104639684106614%; /* 220 / 1013 */
	border-right:0;
	text-align:center;
	clear:left;
}

article {
	-border:1px solid #eee;
	border-bottom:0;
	float:right;
	width: 77.986179664363277393879565646594%;/* 793-3 / 1013 */
	margin-bottom:.5em;
}

article .picsbox ul {height:360px;} /* was 320 */

article .picsbox ul li a{
	color:#fff;
	display:block;
	height:100%;
	/*line-height:147px;/**/
	font-family: Verdana, sans-serif;
	font-size:1.8em;
	text-decoration:none;
}

article.l2 {
	width:100%;
}

.tips {
	color:#069;
	font-family:garamond;
	font-size:1.1em;
	text-align:center;
	clear:both;
	display:block;
	margin-bottom:5px;
}

.poem {
	display:block;
	width: 34%;
	font-style:oblique;
	font-size:1.25em;
	margin:0 .5em .5em;
	color:#333;
	float:left;
}

.munimage, .munimage-small, .carimage, .carimage-small {
	float:right;
	margin-right:.5em;
	margin-top:0;
	max-width:100%;
}

.carimage, .carimage-small{margin:0;float:none;}

.munimage-small, .carimage-small {display:none;}

article ol li, article ul li, .dscrtable tr th, .dscrtable tr td{
	font-family: Verdana, sans-serif;
	font-size:.9em;
	padding:.5em;
}

.nav {background-color:#F7f7f7;}


.address {padding:.5em;text-align:center;margin-bottom:1em}


article ul, ol {margin-bottom:1em;}

article .faqnav{color:#33c;}
article .faqnav ul{
	margin:0;
	padding:0;
}

article .faqnav ul li {
	text-indent:1em;
	list-style:none;
	margin:0;
	padding:0;
}

article .faqnav ul li a {font-size:1.2em !important;}

article .faqnav ul li ul li {
	text-indent:3em;
	list-style:none;
}
article .faqnav ul li ul li a {font-size:1.1em !important;}

article .faqnav ul li ul li ul li {text-indent:6em;}

article .faqnav ul li ul li ul li a {font-size:1em !important;}
article .faqnav ul li a:link, article .faqnav ul li a:visited, ul li ul li a:link, ul li ul li a:visited, article .faqnav ul li ul li ul li a:link, article .faqnav ul li ul li ul li a:visited {color:#33c;}

article ul li {
	list-style-type: disc;
	list-style-position:inside;
	margin: 0 .5em;
	line-height:1.4em;
	text-indent: .7em; 
}

article .dscrtable, .bodytable, .cartable {
	width: 54.421768707482993197278911564626%;/* 400 / 735 */
	border: 1px solid #999;
	margin:1em auto;
}
	
article .dscrtable tr, article .cartable tr {border-bottom:1px solid #999;}
article .dscrtable tr th, .bodytable tr th, .cartable tr th {
	text-align:center;
	-border-bottom:1px solid #999;
	font-weight:bold;
	-font-size:1.1em;
	font-size:1.4em;
	font-family:"Times New Roman";
	-color:#CB0C11;
	color:#066;
}
article .dscrtable tr td, .bodytable tr td, .bodytable tr th, .bodytable tr th.first, .cartable tr td, .cartable tr th, .cartable tr th.first{
	text-align:left;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	color:#333;
}

article .dscrtable tr td.bold{font-weight:bold;}
article .dscrtable tr td:first-of-type {font-weight:bold;color:#000;/*color:green;*/}
article .dscrtable tr td:last-child {border-right:0;}

.bodytable, .cartable {width:95%;table-layout:fixed;}

.cartable table tr td img{border:0;max-width:100%;}
.cartable table tr td:odd{text-align:center;}

.bodytable tr th, .cartable tr th {
	font-size:1.2em;
	text-align:center;
	color:#066;
	padding:0 .5em;
}

.bodytable tr td, .cartable tr td {
	padding:.3em .1em;
	text-align:center;
	vertical-align:middle;
	color:#333;
	width:25%;
	word-wrap:break-word;
}

.bodytable .legend{display:none;}

.highlight {color:#CB0C11 !important;}

article .picsbox {}

article .picsbox ul {
	width: 32.60869565217391%;
	float:left;
	/*border:1px solid;/**/
	margin-bottom:1em;
}

article .picsbox ul:last-of-type {margin-bottom:1em;}

article .picsbox ul li, .descr{
	height:auto;
	display:block;
	width:95%;
	margin:0 auto;
}

article .picsbox ul li {
	background-color:#f7f7f7;
	text-indent:0;
}

article .picsbox ul li a img {
	max-width:100%;
	border-radius:5%;
}

a.dtapics_s{
	position:relative;
}

a.dtapics_s .featured{
	position:absolute;
	left:5px;
	top:3px;
	background-color:#cb0c11;
	color:#fff;
	font-size:.6em;
	font-weight:normal;
	font-family:Arial, sans-serif;
	border:1px solid #000;
	padding-left:0;
	padding-right:7px;
}

article #paginator {
	display:block;
	clear:both;
	text-align:center;
}

article #paginator a {color:#066;}
article #paginator a:visited {color:#606;}
.arrow, .arrow:visited{color:#066 !important; text-decoration:none;}/**/
.evidence {font-size:1.5em;}
.bold{font-weight:bold;}

article #paginator form {display:inline;}
article #paginator select {
	width:auto;
	display:inline;
	margin-top:15px;
}

article .footlink {
	font-family:Verdana, helvetica, sans-serif;
	font-size:1em;
	margin: 0 .2em;
	text-align:center;
	clear:both;
}

article .footlink a, .bodytable a {color:#036;}

article .resume {
	font-family:Verdana, helvetica, sans-serif;
	font-size:.9em;
	padding:.5em;
	margin:0 0 1em .5em;
}

article .resume .label, article .resume .label .extra {
	font-variant:small-caps;
	font-weight:bold;
	line-height:1.4em;
}

article a.back:link, article a.back:visited, article a.back:active, article a.back:hover{font-size:1.2em;color:#00f;}

ul.normal, ol.normal {padding:.5em;}

ol.normal li{list-style-type: decimal;}
ul.normal li, ol.normal li {
	list-style-position:inside;
	text-indent:0;
	padding-left:1em;
	text-align:justify;
}

article ol.terms li {
	list-style-type: decimal;
	list-style-position:inside;
	text-indent:-1em;
	padding-left:1.2em;
	text-align:justify;
}

article ol.terms li ul, article ol.terms li ul li{
	margin-bottom:0;padding-bottom:0;
}
article ol.terms li ul li{
	list-style-type:lower-roman;
}

article ul.terms ol li ul li:before {content:'- '}

article ol.terms li:last-of-type {margin-bottom:1em;}
.descr {
	margin-bottom:.5em;
	/*border:1px solid #000;/**/
	clear:both;
	height:130px;
}

.descr .dname, .descr .dname a {
	font-size: 1.5em; color: green;
	display:inline;

}

.dname a{
	text-decoration:none;
	font-size:1.1em !important;
}


.descr .dtitle{
	font-size:1.75em;
	letter-spacing:-1px;
	display:block;
	color:#066;
}

.descr .dtitle .stitle {
	font-size:.7em !important;
}

.descr .dsubtitle {
	font-variant:small-caps;
	background-color:#f3f3f3;
	color:#68524F;
	display:block;
	font-size:1.3em;
}

.descr .dlegnd{}

.highsmall{
	font-size:.9em;
	color:#000;
}

.descr .subdescr {color:#68524F;}

.dbtn {
	padding: .3em;
	margin-top:.3em;
	display:inline-block;
	border:1px solid #aaa;
	text-decoration:none;
	color:#68524F;/*3E403E;/**/
}

.navbuttonh{
	clear:both;
	position:relative;
}

.navbuttonh, .navbutton, .navend {
	width:100%; 
	margin: .5em auto;
	background-color:#1277A5;
	text-align:center;
	border:0 !important;

}

.navbutton, .navbuttonh a {
	font-family:Verdana, helvetica, sans-serif;
	color:#fff;
	line-height:2.7em;
	text-decoration:none;
	display:block;
	border-radius:10px;
}

.navbutton {
	line-height:1.7em;
	padding-top:.5em;
	padding-bottom:.5em;
}

.navbutton span {margin:0 .3em;}

.menuSearch{
	border-radius:5px !important;
}

.navbuttonh a:after,a.lngmenu:after{content:"\020 \25BE";color:#fff;font-size:.9rem;}

a.lngmenu{
	text-decoration:none !important;
	font-family:Verdana, helvetica, sans-serif;
	font-size:.9em;
	color:#2E3192;
	}
a.lngmenu:after{color:#000;}

.navbutton, .navend {
	border-radius:5px;
	background-color:#127790;	
	-background-color:#d2474c;	
	-background-color:#d2d2d2;	
}

.navend {height:10px;}

.centered{text-align:center;}

.navbar, .menu {color:#68524F;}

.navbar a, .menu a, .menu2 a {
	display:block;
	width:90.90909090909091%; /* 200 / 220 same as navbutton */
	color:#68524F; /* was #68524F; */
	font-family:Arial, sans-serif;
	font-size:.9em;
	text-decoration:none;
	margin:.5em auto;
	line-height:1.2em;
	border-bottom:1px solid #ddd;
}

.evidence {
	text-decoration: underline !important;
	-font-weight:bold;
}

.bold{font-weight:bold;}

.menu2 a img {max-width:100%;border:0;margin:0;padding:0;}

.navmobi, .menu2 a.vismall {display:none;}

.cmts {
	font-family:Verdana, helvetica, sans-serif;
	line-height:2em;
	text-decoration:none;
	display:inline;
	color:#036;
}

h2.cmts  {
	font-family:Verdana, helvetica, sans-serif;
	font-size:1em;
	line-height:1em;
	font-weight:bold;
	text-align:left;
	color:#333;
}

#cmtsspace {
	width:90.90909090909091%; 
	margin: .5em auto;
	border:1px solid #ccc;
	padding:15px;
	font-family:Arial, sans-serif !important;
	font-size:.9em;
	color:#333;
}

#cmtsspace .cmthd {	font-size:1.1em;margin-bottom:.5em;}

#cmtsspace .cmtbd {
	border-bottom:1px solid #ddd;
	padding-bottom:1em;
	margin-bottom:.5em;
	font-family:Arial, helvetica, sans-serif;
	font-size:1em;
	line-height:1.5em;
	-text-align:justify;
}

#cmtsspace .cmtbd:last-of-type {border-bottom:0;padding-bottom:0;}

/* FORM ELEMENTS */
fieldset {
	width:90.90909090909091%; /* 200 / 220 */
	margin:0 auto;
}

table.form {margin-top:.5em;}

table.form tr td select{
	margin:0;
	padding:0;
	margin-top:.5em;
	float:right;
	width:auto;
}

table.form tr td {
	vertical-align:top;
	padding-right:1em;
	width:auto;
	-border:1px solid;
	color:#333;
}

table.form tr td input[type=text]{width:auto;margin-left:0;}

table.form tr td.border{border:1px solid #000;}

.red, .error {color:#cb0c11 !important;}
.whitelnk{color:#fff;text-decoration:none;}

fieldset > div {  
	background-color: #fff;
	border: 1px solid #bbb;
	margin: 0 0 .5em;
	padding: 5px 5px;
	font-family:Verdana, helvetica, sans-serif;
	font-size:.9em;
}

.response{
	margin:.5em;
	margin-top:1em;
	margin-left:.6em;
	display:block;
	font-family:Arial;
}

fieldset > div b {font-size:.8em;}

.row {
	width:90.90909090909091%;
	margin:.5em auto;
	text-align:left;
	display:block;
}

.row input {padding-left:5px;}

.row .label {
	font-family:Arial, helvetica, sans-serif;
	font-size:.8em;
}

/* select all inputs that are text */
input[type=text], input[type=date], textarea {
	border:1px solid #ccc;
	outline:2px;
	margin: .5em auto;
	padding: 3px 0;
	width:98%;
	overflow:hidden;
	display:block;
}

input[type=date]{
	width:60%;
	margin: .5em .5em;
}

fieldset > div, input[type=text],  textarea {
	border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; -rim-border-radius: 4px; -o-border-radius: 4px;
}

textarea {height:150px;}

label{
	font-family:Arial, sans-serif;
	font-size:.9em;
	display:block;
	width:90.90909090909091%; /* 200 / 220 same as navbutton */
	/*border:1px solid;/**/
	margin:.5em auto;
}

.options label {display:inline; float:left;}

label:first-of-type{margin-top:0;}

select {display:block; margin: 0 auto;}

#bkform select, #bkform option {
	width:90%;
	margin:.5em;
	padding:1px;
}
select.short, option {
	width:auto; 
	float:left;
	margin-top:.5em;
	margin-bottom:0;
	margin-left:1%;
}

select {display:block; height:30px;margin: .5em auto 0;}
select, option {width:90%;}

select:last-of-type, input:last-of-type{
	margin-bottom:1em;
	margin-top:.5em;
}

#paginator select:last-of-type, #paginator input:last-of-type{
	margin-bottom:1em;
	vertical-align:baseline;
	height:30px;width:auto;
	font-size:1.1em;
}

input.button {
	width:100px;
	background:#09C;
	-background:#CCC;
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	height:25px;
	padding-bottom:5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #999;
	
}
input.button:hover {background:#fff; color:#09C;}

/* END FORM ELEMENTS */

footer, #footbox {
	clear:both;
	display:block;
	width: 97.95918367346939%; /* 960 / 980 */
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
}

#footbox {
	width:98%;
	margin:0 auto;
	height:137px;
	background-color:#e8e8e8;
	border: 1px solid #fff;
	text-align:center;
	vertical-align:middle;
}

#footbox a {
	display:block;
	height:137px;
	line-height:137px;
	text-decoration:none;
	font-family:Verdana, helvetica, sans-serif;
	font-size:1.5em;	
	color:#fff;
}

.fix {clear:both;}


.warning, .warning_black{
	font-family:Verdana, helvetica, sans-serif;
	font-size:.8em;
	padding:.5em !important;
	line-height:1.3em;
	text-align:justify !important;
}

.warning{color:#CB0C11;}

.awarning {
	border: 1px solid;
	width: 90%;
	margin: 0 auto .5em;
}

.awarning .l1 {border: 2px solid #fff;}
.awarning .l1 .l2 {border: 7px solid;}

.awarning .l1 .l2 .l3 {
	margin: 3px;
	font-family:Verdana, helvetica, sans-serif;
	-font-size:.8em;
	line-height:1.2em;
}

.popupDiv {
	visibility:hidden;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	-text-align:center;
	z-index:1000;
	/* Caution!!! 
	filter:alpha(opacity=70);
	opacity:0.7;
	moz-opacity:0.7;

	Don't work! Doing this with css only would not work, because, it's annoying, but setting opacity for one element means no child element may have any greater opacity, therefore everything would be opaque not only the background. 
	
	And, if the use a png background defined in Photoshop, opacity must be defined there, because transparency alone is not enough! Usually a 70% opacity is a good value. */
	background-image:url(https://casasparticulares/images/gray_mask.png);
	overflow:auto; /* apply to child element */
}

.popupDiv div {
		width:90%;
		margin: .806451612903226em auto; /* 100 / 1240 */
		background-color:#fff;
		border: 1px solid #000;
		padding: .0120967741935484em; /* 15/1240 */
		text-align:center;
}

.popupDiv div a {display:inline;text-align:right;font-size:1.2em;font-family:Arial, sans-serif;font-weight:normal;}

.popupDiv div p {
	font-family:verdana, helvetica, sans-serif;
	font-size:1em;
	text-align:justify;
	margin: 1em 2.5em;
	line-height:1.2em;
}

.popupDiv div ul, .popupDiv div h3{
	text-align:left;
	margin: 1em 2.5em 0;
}

.popupDiv .hdrExc{
	display:block;
	width:90% !important;
	margin-left:5% !important;
	float:left;
	border:0;
}

.popupDiv .hdrExc img {
	padding:2px;
	border:1px solid #888;
	margin:2px;
}

a.tooltip {
	position:relative;
	color:#000;
}

a.tooltip .helpBox {
	position:absolute;
	padding: 3px;
	left: -145px;
	top: 25px;
	border:1px solid;
	background-color:#ffc;
	-background-color:#ccc;
	visibility:hidden;
	z-index:200;
	width:auto;
	min-width:300px;
	max-width:400px;
	color:#f00;
	font-size:0.9em;
	overflow:none;
	/*border: 1px solid black;
  background-color: #777;
  color: white;*/
}

a.tooltip:hover .helpBox{
	visibility:visible;
}

.footnote, .footnote2 {
	font-family: Verdana, sans-serif;font-size:.7em;
	width:99.79166666666667%; /* 958/960 */
	border:1px solid #eee;
	text-align:center;
	line-height:1.5em;
	color:#68524F;
}

.footnote2 {
	padding:.5em;
	font-size:.8em;
	text-align:justify;
}

.footnote a, a.footnote {text-decoration:none;color:#2653a6;}

.footnotes {
	padding:.5em;
	display:none;
}

/*applies to a elements*/
.nocolor {color:#00f;}
.small{font-size:.8em;}

.infoBox{
	max-width:300px;
	margin:2em auto;
	display:block;
	background-color:#ffffea;
	-background-color:#eaeaea;
	font-family:Verdana, sans-serif;
}

.infoBox .hd {
	width:100%;
	padding:.5em 0;
	text-align:center;
	font-size:1.1em;
	background-color:#f4f4f4;
}

.infoBox .bd {
	width:98%;
	padding:.3em .5em 0;
	font-size:.9em;
}

.sidenote {font-size:.9em;margin: .5em .5em .7em;text-align:justify;border:1px solid #999;padding:.3em;}

.articleBox{
	width:86%;
	border:1px solid #DDD;
	margin: 0 auto .2em;
	padding:2%;
}

.articleBox .title{
	text-align:center;
	font-weight:bold;
	font-size:.9em;
	margin-bottom:.2em;
	color:#555;
}

.articleBox .artbody{
	font-family:Arial, helvetica, sans-serif;
	font-size:.82em;
	text-align:justify;
	line-height:1.2em;
	color:#68524F;
}

.articleBox .artbody .artlink, .articleBox .artbody .artbottom{
	color:#68524F;
	font-weight:bold;
	display:inline;
	border:0;
	text-decoration:underline;
}

.articleBox .artbody .artbottom{font-size:1em;}

.didasca {font-size:.9em;font-weight:bold;color:#444;}

.tips {width:100%;text-align:center;display:block;}

.gen{
	font-variant:small-caps;
	color:#68524f;
	font-size:1.3em;
}

.sidepic, .legend {
	width:37.5rem;
	margin: 10px auto 10px;
	text-align:center;
}

.sidepic img{
	border-radius:15px !important;
}

.legend {
	font-family: Arial, sans-serif;
	font-size: .85em;
	font-style:italic;
	margin-bottom:1em;
}

.cit {
	font-family: Arial, sans-serif;
	font-size: .85em;
	margin-bottom:1em;
	max-width:750px; max-width:37.5rem;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (max-width:1500px){
	#logo{
		height:252px;
	}
}

@media screen and (max-width:1280px){
	#logo{
		height:221px;
	}

	#head #logo img{
		height:211px;
	}
}

@media screen and (max-width:1150px){
	#page {width: 100%;/* 900 / 960 */}
}

@media screen and (max-width:980px){
	#fl960{display:block;}
	#fl1024, #fl767, #fl640, #fl480, #fl320 {display:none;}
	#home:before, #contact:before, #cond:before, #about:before{
		display:none;
	}
	.bodytable, .cartable {width:96%;table-layout:auto;}
	.bodytable tr td, .cartable tr td{width:auto;}
	.bodytable td, .cartable td{display:block; text-align:left !important;}
	.bodytable td:first-of-type, .cartable td:first-of-type{background-color:#f3f3f3;text-align:center !important;font-size:1.1em;}
	.bodytable th, .cartable th{display:none;}
	.bodytable th.first, .cartable th.first{display:block; padding:.3em .1em .1em;}
	.bodytable .legend{display:inline; float:left;}


	#head #logo #slogan{
		-border:1px solid;
		width:68%;
		top:3%;
		left:27%;
		position:absolute;
	}
}