/* --------------------------------------------------------------- basic tags */
html, body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   background-color: #f8f8f8;
   font-family: 'Lucida Sans Unicode', sans-serif;
   font-size: 13px;
   line-height: 2.25ex;
   color: #282828;
}

img {
   border: 0;
}

a {
   color: #E51636;
   text-decoration: none;
}
a:hover {
   color: #BC0322;
}

/* ---------------------------------------------------------------------- #bg */

#bg {
   top: 0;
   left: 0;
   position: fixed;
   height: 100%;
   width: 100%;
   overflow: hidden;
}
#bg > img {
   display: none;
}
#bg-fade {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(255,255,255,0.4);
}

/* -------------------------------------------------------------------- #body */

#body {
   width: 984px;
   min-height: 100%;
   margin: 0 auto;
   /*border-left: 3px solid #e4e4e4;
   border-right: 3px solid #e4e4e4;*/
   background-color: white;
   position: relative;
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

/* --------------------------------------------------------------------- #top */

#top {
   width: 984px;
   height: 122px;
   border-bottom: 3px solid #e4e4e4;
   position: relative;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - logotype */

#logotype {
   width: 183px;
   height: 96px;
   padding: 0 10px;
   position: absolute;
   bottom: -3px;
   left: 86px;
   background-color: white;
   display: block;
   text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - menu */

#menu {
   height: 36px;
   margin: 0;
   padding: 0;
   position: absolute;
   bottom: -3px;
   right: 25px;
   border-left: 5px solid white;
   border-right: 5px solid white;
}

#menu > li {
   height: 36px;
   padding: 0;
   margin: 0;
   position: relative;
   list-style: none;
   float: left;
   border-left: 5px solid white;
   border-right: 5px solid white;
}
#menu > li > a {
   position: relative;
   padding: 15px 16px 9px;
   font-size: 12px;
   line-height: 1ex;
   color: #595758;
   display: block;
   text-decoration: none;
   z-index: 2;
}
#menu > li > div {
   width: 100%;
   height: 3px;
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: #595758;
   z-index: 1;
}

#menu > li.current > a {
   color: white;
}
#menu > li.current > div {
   height: 100%;
   background: #e51636;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - lang */

#lang {
   height: 18px;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 13px;
   right: 40px;
}

#lang > li {
   height: 18px;
   padding: 0;
   margin: 0 0 0 5px;
   position: relative;
   list-style: none;
   float: left;
}
#lang > li > a {
   width: 18px;
   position: relative;
   padding: 6px 0 2px;
   font-size: 10px;
   line-height: 1ex;
   color: #8d8889;
   display: block;
   text-decoration: none;
   text-align: center;
   z-index: 2;
}
#lang > li > div {
   width: 0;
   height: 0;
   position: absolute;
   top: 9px;
   left: 9px;
   background-color: #cecece;
   border-radius: 50%;
   z-index: 1;
}

#lang > li.current > a {
   color: white;
}
#lang > li.current > div {
   width: 18px;
   height: 18px;
   top: 0;
   left: 0;
   background: #666;
}

/* ------------------------------------------------------------------ #middle */

#middle {
   width: 944px;
   position: relative;
   padding: 14px 20px 397px;
}

#middle p {
   width: auto;
   text-align: justify;
   margin: 8px 0;
   padding: 0;
   color: #4d4d4d;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #homeX */

div[id|="home"] {
   float: left;
   position: relative;
}
div[id|="home"] h1 {
   color: #333 !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 50px;
   font-weight: normal;
   line-height: 1ex;
   position: relative;
   text-align: center;
}
div[id|="home"] h1 > span {
   position: absolute;
   top: -28px;
   color: white;
   font-size: 34px;
   line-height: 1ex;
   display: block;
}
div[id|="home"] p {
   color: #282828 !important;
   font-size: 15px !important;
   line-height: 18px !important;
   text-align: left !important;
}
div[id|="home"] a {
   display: block;
   color: white;
   text-decoration: none;
   font-size: 19px;
   line-height: 19px;
   height: 19px;
   padding: 0 24px 0 0;
   margin: 0;
   position: absolute;
   background: transparent url(home-a1.png) no-repeat right center;
}
div[id|="home"] a:hover {
   background-image: url(home-a1-h.png);
}
div[id|="home"] div.bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   border-radius: inherit;
   background: transparent 0 0 no-repeat;
}

#home-1 {
   width: 295px;
   height: 295px;
   background-color: #ffcf0c;
   border-radius: 147px 147px 33px 147px;
   margin: 14px;
}
#home-1 h1, #home-2 h1 { margin-top: 78px !important; }
#home-1 h1 > span { left: 39px; }
#home-1 p { margin: 30px 19px 10px 15px !important; text-align: right !important; }
#home-1 a { bottom: 25px; right: 30px; }

#home-2 {
   width: 589px;
   height: 295px;
   background-color: #f9f9f9;
   border-radius: 88px 81px 84px 33px / 137px 128px 130px 33px;
   margin: 14px;
}
#home-2 h1 > span { left: 107px; color: #e51636; }
#home-2 p { margin: 30px 50px 10px 55px !important; }
#home-2 a { bottom: 25px; right: 83px; color: #e51636; background-image: url(home-a2.png); }
#home-2 a:hover { background-image: url(home-a2-h.png); }
#home-2 * { text-shadow: 0 0 10px #f9f9f9; }

#home-3 {
   width: 283px;
   height: 283px;
   background-color: #a09d9e;
   border-radius: 141px 32px 141px 141px;
   margin: 14px 14px 0 26px;
}
#home-3 h1 { margin-top: 55px !important; }
#home-3 h1 > span { left: 83px; }
#home-3 p { margin: 30px 33px 10px 40px !important; text-align: right !important; position: relative; }
#home-3 a { bottom: 39px; right: 102px; }
#home-3 * { text-shadow: 0 0 5px #A09D9E; }
#home-3 > div { background-image: url(bg-home-3.jpg); }

#home-4 {
   width: 256px;
   height: 256px;
   background-color: #bebebe;
   border-radius: 28px 128px 128px 128px;
   margin: 14px;
}
#home-4 h1 { margin-top: 46px !important; font-size: 45px; }
#home-4 h1 > span { left: 14px; top: -19px; font-size: 26px; }
#home-4 p { margin: 30px 18px 10px 25px !important; }
#home-4 a { bottom: 34px; right: 88px; }

#home-5 {
   width: 256px;
   height: 256px;
   background-color: white;
   margin: 22px 14px 0;
}
#home-5 h1 { margin-top: 43px !important; font-size: 38px; }
#home-5 h1 > span { left: 24px; top: -23px; font-size: 28px; color: #a09d9e; }
#home-5 p { margin: 30px 5px 10px !important; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #customers */

#customers {
   width: 200px;
   height: 110px;
   margin: 0 auto;
   padding-top: 10px;
   background: white no-repeat center top;
   display: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  #left */

#left {
   width: 206px;
   float: left;
   margin: 14px;
}

#left-photos {
   width: 191px;
   height: 299px;
   padding: 37px 0 0 15px;
   background-color: #f3f3f3;
   border-radius: 89px 91px 23px 95px / 57px 59px 23px 61px;
}

#left-photos > img {
   width: 80px;
   height: 80px;
   margin: 4px;
   display: block;
   float: left;
   border-radius: 14px;
}

#left-home {
   width: 206px;
   height: 206px;
   background-color: #d1d0d0;
   border-radius: 103px 23px 103px 103px;
   margin-top: 12px;
   position: relative;
   float: left;
}

#left-home h1 {
   color: #333 !important;
   margin: 52px 0 0 0 !important;
   padding: 0 !important;
   font-size: 38px;
   font-weight: normal;
   line-height: 1ex;
   position: relative;
   text-align: center;
}
#left-home h1 > span {
   position: absolute;
   top: -23px;
   left: 2.65ex;
   color: white;
   font-size: 26px;
   line-height: 1ex;
   display: block;
}
#left-home p {
   color: #282828 !important;
   font-size: 11px !important;
   line-height: 15px !important;
   text-align: right !important;
   margin: 15px 24px 10px 20px;
}
#left-home a {
   display: block;
   color: white;
   text-decoration: none;
   font-size: 17px;
   line-height: 17px;
   height: 17px;
   padding: 0 24px 0 0;
   position: absolute;
   bottom: 27px;
   right: 70px;
   background: transparent url(home-a1.png) no-repeat right center;
}

#left-home a:hover {
   background-image: url(home-a1-h.png);
}

#show-photo {
   min-width: 200px;
   min-height: 200px;
   padding: 13px;
   border-radius: 16px;
   background: white url(loading.gif) no-repeat center center;
   position: absolute;
   display: none;
}
#show-photo > img {
   display: block;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #content */

#content {
   width: 675px;
   float: left;
   margin: 14px;
}

#content h1 {
   color: #333 !important;
   margin: 40px 0 20px 6px !important;
   padding: 0 !important;
   font-size: 50px;
   font-weight: normal;
   line-height: 1ex;
   position: relative;
   text-align: left;
}
#content h1 > span {
   position: absolute;
   top: -28px;
   left: -4px;
   color: #ffcf0c;
   font-size: 34px;
   line-height: 1ex;
   display: block;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  forms */

form p > label {
   width: 30%;
   display: inline-block;
   zoom: 1;
   *display: inline;
}

form p > * {
   vertical-align: middle;
}


input[type="text"], input[type="password"], select, textarea {
   width: 43%;
   border: 1px solid #CBCBCB;
   line-height: 12px;
   font-size: 12px;
   padding: 7px 10px;
   color: #666;
}
textarea {
   height: 100px;
}
input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover {
   border-color: #666;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
   border-color: #FFCF0C;
}

input[type="submit"], input[type="password"], input[type="reset"] {
   border: 0;
   line-height: 12px;
   font-size: 12px;
   padding: 6px 14px;
   background-color: #666;
   color: white;
}

input[type="submit"]:hover, input[type="password"]:hover, input[type="reset"]:hover {
   background-color: #777;
}

input[type="submit"]:active, input[type="password"]:active, input[type="reset"]:active {
   background-color: #E51636;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - messages */

.flash-message {
   width: 100%;
   margin: 4px 0;
}

.flash-message h5 {
   font-size: 11px;
   line-height: 11px;
   font-weight: bold;
   font-style: normal;
   margin: 0;
   padding: 5px 20px;
}

.flash-error {
   background-color: #E51636;
   color: white;
}

/* ------------------------------------------------------------------ #bottom */

#bottom {
   width: 984px;
   height: 265px;
   position: absolute;
   bottom: 0;
   left: 0;
}

#bottom-imgs {
   width: 948px;
   height: 128px;
   overflow: hidden;
   position: absolute;
   top: -105px;
   left: 18px;
}
#bottom-imgs > a {
   width: 128px;
   height: 128px;
   border-radius: 64px;
   position: relative;
   margin: 0 15px;
   display: inline-block;
   zoom: 1;
   *display: inline;
}
#bottom-imgs > a > * {
   width: 128px;
   height: 128px;
   border-radius: inherit;
   display: block;
}
#bottom-imgs > a > span {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   background: #A09D9E url('magnify.png') center center no-repeat;
   color: #fff;
   line-height: 128px;
   text-align: center;
   font-size: 18px;
}

#footer {
   width: 100%;
   height: 215px;
   background: #f8f8f8;
   color: #adadad;
   position: absolute;
   bottom: 0;
   left: 0;
}
#footer > p {
   margin: 0;
   padding: 27px 32px 0;
   line-height: 16px;
   font-size: 11px;
   text-align: right;
}
#footer a {
   text-decoration: none;
   color: #E51636;
}

#footer .footer-project-co-financed
{
   width: 100%;
   height: 78px;
   background: #ffffff;
   padding: 27px 0;
   position: relative;
   border-top: 1px dotted #d1d1d1;
}

#footer .footer-project-co-financed img:first-child
{
   position: absolute;
   left: 100px;
}

#footer .footer-project-co-financed img:nth-child(2)
{
   position: absolute;
   left: 423px;
}

#footer .footer-project-co-financed img:last-child
{
   position: absolute;
   right: 100px;
   top: 41px;
   width: 222px;
}

#footer .footer-project-co-financed img.eulogo2
{
   position: absolute;
   right: 100px;
   top: 27px;
   width: auto;
}

/* ------------------------------------------------------------ other classes */

.clear {
   clear: both;
}


#seals
{
   margin-top: 20px;
}

.seal
{
   min-width: 100px;
   min-height: 100px;
   text-align: center;
   display: inline-block;
   margin: 0 11px 11px 11px;
   position: relative;
}

.seal-big-image
{
   position: absolute;
   border: 1px solid #000000;
   z-index: 999999;
   left: -150px;
}