* {margin:0;padding:0;}

/* Generic Styling */
body { font-size: 62.5%;font-family:"Metrophobic", Arial, Helvetica, sans-serif;}



.mobile {display:none;}

article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section { display: block; }

.clr20 {width:100%;float:left;height:40px;clear:left;}

.clr {width:100%;float:left;clear:left;height:1px}
p.right a {padding-right:6px;}
.red {color:#ff1e00;font-weight:bold;}

.green {color:#5bcd23;font-weight:bold;}

img {border:none;}

a {color: #900;}
a:hover {color:rgb(114, 18, 18)}

acronym {border-bottom: dotted 1px #FFCC00; cursor:help;}

.left {float:left;}

.right {float:right;}

p.right {float:none; text-align:right;}

strong {color:rgb(16, 45, 49);}

.cen {text-align:center;}
h1 {font-family:Niconne, ariel;padding-left:6px;font-size:50px;color:rgb(141, 110, 32);text-shadow:1px 1px 5px rgb(192, 183, 135)}

h1 {font-family:Niconne, ariel;padding-left:6px;font-size:40px;color:rgb(141, 110, 32);text-shadow:1px 1px 5px rgb(192, 183, 135)}

h3 {font-family:Niconne, ariel;padding-left:6px;font-size:30px;color:rgb(141, 110, 32);text-shadow:1px 1px 5px rgb(192, 183, 135);margin-bottom:10px;}

h4 strong {font-family:Niconne, ariel;padding-left:6px;font-size:40px;color:rgb(141, 110, 32);text-shadow:1px 1px 5px rgb(192, 183, 135)}

h4 {font-size:17px;padding:10px 10px;text-align:center;color:#666;

background: rgb(252,244,176);

background: -moz-linear-gradient(top,  rgba(252,244,176,1) 0%, rgba(241,218,54,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,244,176,1)), color-stop(100%,rgba(241,218,54,1)));

background: -webkit-linear-gradient(top,  rgba(252,244,176,1) 0%,rgba(241,218,54,1) 100%);

background: -o-linear-gradient(top,  rgba(252,244,176,1) 0%,rgba(241,218,54,1) 100%);

background: -ms-linear-gradient(top,  rgba(252,244,176,1) 0%,rgba(241,218,54,1) 100%);

background: linear-gradient(to bottom,  rgba(252,244,176,1) 0%,rgba(241,218,54,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf4b0', endColorstr='#f1da36',GradientType=0 );



}
ol {margin-bottom:10px;}
p {margin-bottom:10px;font-size:15px;}
p, li {font-size:18px;color:rgb(61, 114, 116);}

hr {background:url(../img/hr-big.jpg) no-repeat top center;height:156px;border:0 none;margin:0px 0px 20px 0px;float:left;width:100%;}
/* Content */

div.outter {width:980px;margin:0 auto;}

header {clear:left;width:100%;background:url(../img/banner-logo.jpg) no-repeat top left;float:left;height:245px;position:relative;z-index:20;top:-10px;}

nav {float:left;position:relative;top:5px;width:100%;z-index:30;}

nav ul {float:right;margin-right:10px;position:relative;top:-5px;width:auto;}

nav li {border:solid 1px #c90;float:left;font-size:15px;margin-right:2px;width:auto; list-style-type:none;padding:6px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background: rgb(254,182,69);
background: -moz-linear-gradient(top,  rgba(254,182,69,1) 0%, rgba(241,231,103,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,182,69,1)), color-stop(100%,rgba(241,231,103,1)));
background: -webkit-linear-gradient(top,  rgba(254,182,69,1) 0%,rgba(241,231,103,1) 100%);
background: -o-linear-gradient(top,  rgba(254,182,69,1) 0%,rgba(241,231,103,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,182,69,1) 0%,rgba(241,231,103,1) 100%);
background: linear-gradient(to bottom,  rgba(254,182,69,1) 0%,rgba(241,231,103,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb645', endColorstr='#f1e767',GradientType=0 );
}

nav li:hover {
background: rgb(252,153,5);
background: -moz-linear-gradient(top,  rgba(252,153,5,1) 0%, rgba(239,221,19,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,153,5,1)), color-stop(100%,rgba(239,221,19,1)));
background: -webkit-linear-gradient(top,  rgba(252,153,5,1) 0%,rgba(239,221,19,1) 100%);
background: -o-linear-gradient(top,  rgba(252,153,5,1) 0%,rgba(239,221,19,1) 100%);
background: -ms-linear-gradient(top,  rgba(252,153,5,1) 0%,rgba(239,221,19,1) 100%);
background: linear-gradient(to bottom,  rgba(252,153,5,1) 0%,rgba(239,221,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9905', endColorstr='#efdd13',GradientType=0 );
}

nav a {margin:0px 8px;}

nav li a {padding:10px 10px;margin:0px;}

div.wrapper {width:100%;float:left;clear:both;margin:0px 0px 20px 0px;}

section {width:670px;float:left;margin-right:20px;}

aside {width:280px;float:left;min-height:400px;}

footer {clear:left;float:left;width:100%;background:url(../img/background-footer2.jpg) no-repeat top left;height:135px;}


aside section {border:solid 1px #FFCC33;width:100%;margin-bottom:20px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-box-shadow: 2px 2px 4px 0px rgba(150, 128, 31, 0.56);
-moz-box-shadow:    2px 2px 4px 0px rgba(150, 128, 31, 0.56);
box-shadow:         2px 2px 4px 0px rgba(150, 128, 31, 0.56);
}

aside section h3 {width:auto;padding:10px;
background: rgb(252,238,111);
background: -moz-linear-gradient(top,  rgba(252,238,111,1) 0%, rgba(229,188,52,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,238,111,1)), color-stop(100%,rgba(229,188,52,1)));
background: -webkit-linear-gradient(top,  rgba(252,238,111,1) 0%,rgba(229,188,52,1) 100%);
background: -o-linear-gradient(top,  rgba(252,238,111,1) 0%,rgba(229,188,52,1) 100%);
background: -ms-linear-gradient(top,  rgba(252,238,111,1) 0%,rgba(229,188,52,1) 100%);
background: linear-gradient(to bottom,  rgba(252,238,111,1) 0%,rgba(229,188,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee6f', endColorstr='#e5bc34',GradientType=0 );
}

.wrapper ul {margin-bottom:10px;}
.wrapper li {list-style-type:none;background:url(../img/bullet-green.jpg) no-repeat 6px 6px;padding-left:28px;padding-right:6px;}


footer p {float:right;padding:8px 14px 0px 0px;color:white;}
footer p.left {padding:104px 0px 0px 10px;}

footer a {color:rgb(252, 252, 0)}

.demonstrations a img {margin:10px;}

ul.france li {background:url(../img/flag-france.jpg) no-repeat 5px 5px;}

ul.italy li {background:url(../img/flag-italy.jpg) no-repeat 5px 5px;}

.wrapper > section.main div {border:solid 1px rgb(226, 185, 136);
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-bottom:30px;float:left;width:100%;margin-top:10px;
background-color:floralwhite;
-webkit-box-shadow: 2px 2px 4px 0px rgba(150, 128, 31, 0.56);
-moz-box-shadow:    2px 2px 4px 0px rgba(150, 128, 31, 0.56);
box-shadow:         2px 2px 4px 0px rgba(150, 128, 31, 0.56);
}



div.demo {border:solid 1px rgb(226, 185, 136);
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-bottom:30px;float:left;width:100%;margin-top:10px;
background-color:floralwhite;
-webkit-box-shadow: 2px 2px 4px 0px rgba(150, 128, 31, 0.56);
-moz-box-shadow:    2px 2px 4px 0px rgba(150, 128, 31, 0.56);
box-shadow:         2px 2px 4px 0px rgba(150, 128, 31, 0.56);
width:500px;margin:0 auto 30px 80px;float:left;padding-bottom:30px;
}

section div h4 {-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom: solid 1px rgb(222, 184, 135);}

section div p.cen img {-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;border:ridge 4px rgb(243, 203, 42);margin-bottom:-15px;}


h4 img {display:block; text-align:center;margin:0 auto;}

form {padding:10px;}
label.textLabel {min-width:122px;
float: left;clear:left;
font-size: 14px;
padding-top: 10px;color:rgb(111, 111, 111)}


label.comment {min-width: 122px;float: left;font-size: 14px;padding-top: 10px;color:rgb(111, 111, 111)}

.ffTextBoxWrapper {width:228px!important;}
.ffTextAreaWrapper textarea {background-color:white !important;margin:0px 0px 0px 5px !important}
.ffSelectWrapper {width:320px !important;}
.ffSelectMenuMid {max-height:300px !important;}
div.wrap {clear:left;float:left;width:100%;}
section.rule hr {background:url(../img/rule.png) no-repeat top center;height:20px;border:0 none;margin:0px 0px 20px 0px;float:left;width:100%;}
section.rule h1 {font-size:32px;}
.wrapper section.rule li {margin-bottom:10px;}