body {background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: center; margin: 0px; padding: 0px; font-family: Arial, sans-serif; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed;}
.left {float: left;}
.right {float: right;}
.clear {display: block; clear: both;}
a {text-decoration: none;}
img {border: 0px;}

#dots {position: absolute; top: 128px; left: 0px; z-index: 1; width: 100%; height: 100%; background-image: url(../images/dots_background.png)}

#top-container {width: 100%; background-color: #fff; position: relative; z-index: 10; height: 93px;}
#top {width: 950px; height: 93px; margin: 0px auto; position: relative; z-index: 10;}
#top #logo {float: left;}
#top #info {float: right; height: 35px; margin-top: 30px; text-align: right; color: #7b7b7b; font-size: 11px; padding-right: 25px;}
#top #language {float: right; height: 35px; border-left: 1px solid #e0e0e0; padding-left: 25px; margin-top: 30px; color: #7b7b7b; font-size: 11px;}
#top #language span {display: block; float: left; line-height: 30px; margin-right: 10px;}
#top #language a {display: block; width: 30px; height: 30px; background-image: url(../images/languages.png); float: left; margin: 0 5px;}
#top #language #en {background-position: 30px 0;}
#top #language a:hover {opacity:0.5;filter:alpha(opacity=50);}
#top #language a.active {opacity:0.5;filter:alpha(opacity=50);}

#top-menu-container {height: 36px; width: 100%; background-image: url(../images/container-top-bg.png); background-repeat: repeat; margin-bottom: 25px;}
#top-menu {width: 950px; height: 36px; margin: 0px auto;}
#jsddm{margin: 0;padding: 0}
#jsddm li{float: left; list-style: none;}
#jsddm li a{	float: left; height: 36px; padding: 0 13px; color: #fff; font-size: 12px; line-height: 36px;}
#jsddm li a:hover{background-image: url(../images/menu-active.png); background-repeat: repeat-x;}
#jsddm li a.active{background-image: url(../images/menu-active.png); background-repeat: repeat-x;}
#jsddm li ul {margin: 0;padding: 0;position: absolute;visibility: hidden; top: 129px; z-index: 999;}
#jsddm li ul li {float: none;display: block;}
#jsddm li ul li a {background-image: url(../images/menu-active.png); background-repeat: repeat-x; width: 290px;}
#jsddm li ul li a:hover {background-color: #198cff; background-image: none;}
#top-menu .other-page {height: 36px; padding: 0 10px; font-size: 12px; line-height: 36px; float: right; background-color: #00aeef; font-weight: bold; color: #fff;}

#visuals-container {width: 950px; margin: 50px auto; height: 150px; position: relative; position: relative; z-index: 10;}
#visuals-pager {position: absolute; top: 0px; right: 0px; width: 34px;}
#visuals-pager a {display: block; width: 29px; height: 29px; margin-bottom: 10px; background-image: url(../images/pager.png); background-repeat: no-repeat; text-align: center; padding-left: 5px; line-height: 29px; font-size: 18px; color: #fff; background-position: 0 -40px;}
#visuals-pager a.activeSlide {background-position: 0 0;}
#visuals-cycler{width: 950px; height: 170px; background: #fff; background: rgba(255,255,255,0.7);}
#visuals-cycler .cycle-entity {width: 930px; height: 150px; position: relative;}
#visuals-cycler .cycle-entity img {position: absolute; top: 15px; left: 0px;}
#visuals-cycler .cycle-entity p {position: absolute; top: 15px; left: 375px; width: 540px; text-align: justify; font-size: 12px; color: #000; margin: 0px; padding: 0px;}
#visuals-cycler .cycle-entity .more {position: absolute; bottom: 0px; right: 15px; background-image: url(../images/more.png); background-repeat: no-repeat; background-position: top right; color: #000; font-size: 12px; font-weight: bold; padding-right: 45px; display: block; height: 30px; line-height: 30px;}

#boxes-fp {width: 950px; margin: 5px auto; height: 430px; position: relative; z-index: 10;}
#boxes-fp .box.main {width: 300px; margin-top: 0px; margin-left: 0px;}
#boxes-fp .box.main h1 {width: 282px;}
#boxes-fp .box {float: left; width: 234px; margin: 28px 0 0 3px;}
#boxes-fp .box h1 {height: 39px; width: 216px; display: block; margin: 0px; padding: 0 0 0 18px; font-weight: normal; color: #fff;}
#boxes-fp .box p {margin: 0px; padding: 0px;}
#boxes-fp .blue-box h1 {background-color: #198cff; font-size: 12px; font-weight: bold; line-height: 39px;}
#boxes-fp .orange-box h1 {background-color: #ff6000; font-size: 12px; font-weight: bold; display: table-cell; vertical-align: middle;}
#boxes-fp .gray-box h1 {background-color: #61848e; font-size: 12px; font-weight: bold; line-height: 39px;}
#boxes-fp .black-box h1 {background-color: #58585a; font-size: 12px; font-weight: bold; line-height: 39px;}
#boxes-fp .content {width: 194px; background-color: #fff; height: 125px; position: relative; padding: 15px 20px 0; color: #7b7b7b; font-size: 11px;}
#boxes-fp .content .image {position: absolute; top: 0px; left: 0px;}
#boxes-fp .content .name {position: absolute; top: 85px; left: 10px;}
#boxes-fp .box.main .content {width: 260px; height: 153px;}
#boxes-fp .content .more {position: absolute; bottom: 15px; right: 25px; font-size: 12px; font-weight: bold;}
#boxes-fp .blue-box .more {color: #198cff;}
#boxes-fp .orange-box .more {color: #ff6000;}
#boxes-fp .gray-box .more {color: #61848e;}
#boxes-fp .black-box .more {color: #58585a;}

#information-box-fp {width: 938px; margin: 5px auto; height: 223px; background-color: #fff; padding: 12px 0 0 12px; position: relative; z-index: 10;}
#information-box-fp  h2 {height: 30px; display: block; background-color: #fff; margin-top: 14px; color: #0f4098; font-size: 14px; padding: 0 10px; float: left; line-height: 30px; font-weight: normal; position: relative; z-index: 10; margin-bottom: 10px;}
#information-box-fp .box-life {float: left; background-color: #e4e4e4; width: 493px; height: 212px; position: relative;}
#information-box-fp .box-life img {position: absolute; top: 1px; right: 0px;}
#information-box-fp .box-life .more {display: block; position: absolute; right: 0px; bottom: 0px; width: 190px; height: 46px; line-height: 46px; font-size: 11px; font-weight: bold; color: #0f4098; padding-left: 17px; background-color: #d7d7d7;}
#information-box-fp .box-life .content {width: 230px; height: 150px; color: #353535; font-size: 11px; margin-left: 20px;}
#information-box-fp .box-life .content ul {list-style-type: none; margin: 0px; padding: 0px;}
#information-box-fp .box-life .content ul li {padding-left: 16px; background-repeat: no-repeat; background-image: url(../images/list.png); background-position: 0 4px; margin: 3px 0;}
#information-box-fp .box-realisation {float: left; background-color: #e4e4e4; height: 212px; margin-left: 5px; width: 207px; position: relative;}
#information-box-fp .box-realisation img {position: absolute; top: 0px; left: 0px; z-index: 1;}
#information-box-fp .box-realisation .name {position: absolute; left: 14px; bottom: 26px; font-weight: bold; color: #000; font-size: 11px;}
#information-box-fp .box-realisation .more {position: absolute; left: 14px; bottom: 13px; font-size: 11px; color: #2d2d2d;}

.logotypes-cycle img {display: block; float: left; margin: 0px !important;}

#breadcrumbs {color: #7b7b7b; font-size: 11px; height: 30px;}
#breadcrumbs a {color: #0f6ac3;}
#breadcrumbs a:last-child {color: #7b7b7b;}

.news-entity {margin-bottom: 10px;}
.news-entity .title {color: #5190cb; font-weight: bold; font-size: 14px;}
.news-entity span {color: #868686; font-size: 11px;}
.news-entity p {color: #000000; font-size: 12px; margin: 5px 0 0 0;}
.news-entity p a {font-size: 12px; color: #116bc3;}

#content-container {width: 910px; margin: 0px auto; background-color: #fff; padding: 20px; position: relative; z-index: 10;}
#content-container #left-menu {width: 281px; float: left;}
#content-container #left-menu h1 {display: block; width: 273px; border-right: 7px solid #116bc3; height: 40px; line-height: 40px; font-size: 24px; color: #000000; margin: 0px; font-weight: normal;}
#content-container #left-menu a {display: block; width: 281px; padding: 5px 0; color: #000; font-size: 14px;}
#content-container #left-menu a.active {font-weight: bold;}
#content-container #left-menu #submenu {padding-left: 15px;}
#content-container #left-menu #submenu a {width: 264px; font-size: 12px;}
#content-container #left-menu #submenu a.active {color: #797979; font-weight: normal; background-image: url(../images/submenu-active.png); background-repeat: repeat-x; background-position: 0 13px;}
#content-container #left-menu #submenu a span {background-color: #fff; padding-right: 3px;}
#content-container #right-content {width: 585px; float: left; border-left: 1px solid #dcdcdc; padding-left: 30px;}
#content-container #right-content h1#main-title {display: block; width: 570px; height: 40px; line-height: 40px; font-size: 18px; color: #000; border-left: 19px solid #00aeef; padding-left: 10px; position: relative; left: -30px; margin: 0 0 15px 0; font-weight: normal;}
#content-container #right-content p {font-size: 12px; color: #000; text-align: justify;}
#content-container #right-content table {border-collapse: collapse; border: 1px solid #fff;}
#content-container #right-content td {font-size: 12px; color: #000; padding: 5px 0px; border-collapse: collapse; border: 1px solid #fff;}
#content-container #right-content li {font-size: 12px; color: #000;}
#content-container #right-content a {color: #0f6ac3;}
#content-container #bottom-menu {clear: both; font-size: 11px; border-top: 1px solid #e5e5e5; height: 30px; line-height: 30px; width: 910px; margin-top: 20px;}
#content-container #bottom-menu a {color: #000; background-image: url(../images/icons.png); background-repeat: no-repeat; padding-left: 17px; margin-right: 10px;}
#content-container #bottom-menu a.home {background-position: 0 -7px;}
#content-container #bottom-menu a.back {background-position: 3px -37px;}
#content-container #bottom-menu a.top {background-position: 3px -67px;}


#bottom {margin-top: 10px; position: relative; z-index: 10;}
#bottom img {margin-right: 10px;}
#bottom h3 {font-size: 14px; color: #58585a; margin: 0px; padding: 0px; display: block; width: 100%; height: 25px; line-height: 25px; font-weight: normal;}
#bottom h3 a {font-size: 11px; color: #61848e; float: right;}
#bottom #white {width: 910px; margin: 0px auto; background-color: #fff; padding: 20px;}
#bottom #white .box {float: left;}
#bottom #white .box-1 {width: 240px; padding-right: 30px;}
#bottom #white .box-1 .title {color: #198cff; font-size: 11px; font-weight: bold;}
#bottom #white .box-1 p {margin: 0px; font-size: 11px; color: #7b7b7b;}
#bottom #white .box-1 a {color: #198cff; font-weight: bold;}
#bottom #white .box-2 {width: 150px; padding: 0 30px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; height: 100px;}
#bottom #white .box-3 {width: 180px; padding-left: 20px; color: #61848e; font-size: 14px;}
#bottom #gray {width: 910px; margin: 0px auto; background-color: #61848e; padding: 0 20px; height: 38px;}
#bottom #gray a {display: block; float: left; padding: 0 10px; line-height: 38px; font-size: 12px; color: #ffffff;}
#bottom #gray a.other-page {float: right; font-weight: bold;}
#bottom #transparent {width: 910px; margin: 0px auto; padding: 10px 20px; color: #fff; font-size: 11px; line-height: 30px; background-color: #414e54; height: 70px;}
#bottom #transparent img {float: left;}
#bottom #transparent a {color: #fff; font-weight: bold;}

.cookies {line-height: 13px; font-size: 11px;}



@media screen and (max-device-width: 979px){
#top {
  width: 96%;
  }
#top #info {
  padding-right: 0;
}
#top-menu {
  width: 96%;
  }
  #visuals-container {
  width: 96%;
  }
#visuals-cycler {
  width: 100%;
  height: auto;
  }
  #visuals-cycler .cycle-entity {
  width: 100%;
  padding: 10px 0;
  }
  #visuals-cycler .cycle-entity .more {
  bottom: 10px;
  }
  #visuals-cycler .cycle-entity img {
  position: relative;
  width: 30%;
  float: left;
  }
  #visuals-cycler .cycle-entity p {
  position: relative;
  width: 66%;
  margin-left: 2%;
  float: left;
  top: 15px;
  left: 0;
  padding: 0.5%;
}
  #boxes-fp {
  width: 96%;
  }
  #boxes-fp .box {
  float: left;
  width: 24%;
  margin: 0.5%;
}
#boxes-fp .box h1 {
  width: 100%;
    padding: 0;
	text-align:center;
  }
  #boxes-fp .content {
  width: 100%;
  padding: 0;
}
  #boxes-fp .orange-box h1 {
  display: block;
  line-height: 39px;
  }
  #boxes-fp .box p {
  padding: 10px;
  text-align: justify;
}
#boxes-fp .content .more {
  right: 9px;
  }
#bottom #white {
  width: 96%;
  padding: 2%;
}
#bottom #white .box-1 {
  width: 25%;
  padding-right: 2%;
}
#bottom #white .box-2 {
  width: 18%;
  padding: 0 2%;
  }
  #bottom #white .box-3 {
  width: 24%;
  padding: 0 2%;
  }
  #bottom #gray {
  width: 100%;
  }
  #bottom #gray {
  width: 98%;
  padding: 0 1%;
  }
  #bottom #transparent {
  width: 96%;
  padding: 2%;
  }
   
  }
  
  
  @media screen and (max-device-width: 935px){

.box-1 h3 a {
  float: left;
  width: 100%;
  margin: -8px 0 0 0;
}
.news-entity a {
  font-size: 13px;
  float: left;
  margin: -2px 0 0 0;
}
.news-entity p a {
  float: none;
}
  }
  
  
  
   @media screen and (max-device-width: 850px) {
.box-2 img{
width:100%;
}
  }
  
  
   @media screen and (max-device-width: 808px) {  
  body{
    width: 100%;
  overflow-x: hidden;
  }
.box-2 h3 {
  text-align: center;
  line-height: 1.62em !important;
  height: auto !important;
}
#bottom img {
  margin-right: 0px;
}
  }
  
     @media screen and (max-device-width: 750px) {  
  #social tr td:first-of-type{
  display:none;
  }
  #social tr{
  float:left;
  }
  #social tr:first-of-type{
  margin-left: -36px;
  }
  #bottom #white .box-2 {
  z-index: 9999;
  position: relative;
}
  }
  
       @media screen and (max-device-width: 712px) {  
	   #boxes-fp {
  height: 685px;
  }
	  #boxes-fp .box {
  width: 49%;
  margin: 0.5%;
} 

  .box-2 img {
width: 40%;
  float: none;
  margin-left: 30% !important;
}
#bottom #white .box-2 {
  width: 45%;
  padding: 0 2%;
  border:none;
}
#bottom #white .box-1 {
  width: 48%;
  padding-right: 2%;
}
.news-entity a {
  width: 100%;
}
#bottom #white .box-3 {
  width: 45%;
  padding: 0 2%;
  text-align: center;
}
.box-3 #social{
margin: 0 auto;
}
#social tr:first-of-type {
  margin-left: -24px;
}
#bottom #transparent {
  height: 100px;
}
.cookies {
  margin-top: 10px;
}
.left {
  margin-left: 10px;
}

	   }
	   
@media screen and (max-device-width: 679px) {  
	#visuals-cycler .cycle-entity {
	height: 170px;
	}
}

@media screen and (max-device-width: 626px) {  
#bottom #white .box-2 {
height:130px;
}
}

@media screen and (max-device-width: 592px) {  
#visuals-cycler .cycle-entity {
  height: 190px;
}
#visuals-container {
  margin: 0px auto 40px;
  height: 190px;
  }
  #bottom #transparent {
  height: 150px;
}
}



@media screen and (max-device-width: 550px) {  
#boxes-fp {
  height: 1055px;
}
#boxes-fp .content {
  height: 80px;
  }
#boxes-fp .box {
  width: 99%;
  margin: 0.5%;
}

  }



@media screen and (max-device-width: 530px) {  
#boxes-fp {
  height: 1055px;
}
#boxes-fp .content {
  height: 80px;
  }
#boxes-fp .box {
  width: 99%;
  margin: 0.5%;
}
#visuals-container {
  margin: 0px auto 20px;
  height: 240px;
}
#visuals-cycler .cycle-entity {
  height: 220px;
}
  }
@media screen and (max-device-width: 510px) {  
	 #top #logo {
  float: left;
  width: 30%;
  margin: 0 35%;
}
#top-container {
  height: 107px;
}
#top #info {
  padding-right: 0;
  width: 100%;
  top: 0;
  margin-top: 0;
  text-align: center;
}

	}

@media screen and (max-device-width: 448px) {  
#visuals-cycler .cycle-entity img {
  position: relative;
  width: 20%;
  margin: 0 40% 2% 40%;
  float: left;
}
#visuals-cycler .cycle-entity p {
  width: 96%;
  margin: 0 auto;
  float: none;
  }
  #top #logo {
  float: left;
  width: 30%;
  margin: 0 35%;
}


 #visuals-container {
  margin: 0px auto 20px;
  height: 250px;
}
#visuals-cycler .cycle-entity {
  height: 230px;
}
  }















@media screen and (max-width: 979px){
#top {
  width: 96%;
  }
#top #info {
  padding-right: 0;
}
#top-menu {
  width: 96%;
  }
  #visuals-container {
  width: 96%;
  }
#visuals-cycler {
  width: 100%;
  height: auto;
  }
  #visuals-cycler .cycle-entity {
  width: 100%;
  padding: 10px 0;
  }
  #visuals-cycler .cycle-entity .more {
  bottom: 10px;
  }
  #visuals-cycler .cycle-entity img {
  position: relative;
  width: 30%;
  float: left;
  }
  #visuals-cycler .cycle-entity p {
  position: relative;
  width: 66%;
  margin-left: 2%;
  float: left;
  top: 15px;
  left: 0;
  padding: 0.5%;
}
  #boxes-fp {
  width: 96%;
  }
  #boxes-fp .box {
  float: left;
  width: 24%;
  margin: 0.5%;
}
#boxes-fp .box h1 {
  width: 100%;
    padding: 0;
	text-align:center;
  }
  #boxes-fp .content {
  width: 100%;
  padding: 0;
}
  #boxes-fp .orange-box h1 {
  display: block;
  line-height: 39px;
  }
  #boxes-fp .box p {
  padding: 10px;
  text-align: justify;
}
#boxes-fp .content .more {
  right: 9px;
  }
#bottom #white {
  width: 96%;
  padding: 2%;
}
#bottom #white .box-1 {
  width: 25%;
  padding-right: 2%;
}
#bottom #white .box-2 {
  width: 18%;
  padding: 0 2%;
  }
  #bottom #white .box-3 {
  width: 24%;
  padding: 0 2%;
  }
  #bottom #gray {
  width: 100%;
  }
  #bottom #gray {
  width: 98%;
  padding: 0 1%;
  }
  #bottom #transparent {
  width: 96%;
  padding: 2%;
  }
   
  }
  
  
  @media screen and (max-width: 940px){
  #content-container {
  width: 94%;
  margin: 0px 1%;
  padding: 2%;
}
#content-container #left-menu {
  width: 25%;
}
#content-container #left-menu h1 {
  width: 100%;
  border-right: 0;
    font-size: 19px;
  }
  #content-container #right-content {
  width: 70%;
  }
  #content-container #right-content h1#main-title {
  width: 100%;
    line-height: 1.2em;
  }
  #content-container #left-menu a {
  width: 100%;
  font-size: 12px;
}
#content-container #left-menu #submenu a.active{
background-image: none;
}
#right-content table{
width: 100% !important;
}
#right-content table tr{
  width: 100%;
}
#right-content table tr td{
float: left;
}
#right-content table tr td img{
  width: 100% !important;
  height: auto !important;
}
  }
  
  @media screen and (max-width: 935px){

.box-1 h3 a {
  float: left;
  width: 100%;
  margin: -8px 0 0 0;
}
.news-entity a {
  font-size: 13px;
  float: left;
  margin: -2px 0 0 0;
}
.news-entity p a {
  float: none;
}
#content-container #bottom-menu {
  width: 100%;
  }
  
  
  
   @media screen and (max-width: 850px) {
.box-2 img{
width:100%;
}
  }
  
  
   @media screen and (max-width: 808px) {  
  body{
    width: 100%;
  overflow-x: hidden;
  }
.box-2 h3 {
  text-align: center;
  line-height: 1.62em !important;
  height: auto !important;
}
#bottom img {
  margin-right: 0px;
}
  }
  
     @media screen and (max-width: 750px) {  
  #social tr td:first-of-type{
  display:none;
  }
  #social tr{
  float:left;
  }
  #social tr:first-of-type{
  margin-left: -36px;
  }
  #bottom #white .box-2 {
  z-index: 9999;
  position: relative;
}
  }
  
       @media screen and (max-width: 712px) {  
	   #boxes-fp {
  height: 685px;
  }
	  #boxes-fp .box {
  width: 49%;
  margin: 0.5%;
} 

  .box-2 img {
width: 40%;
  float: none;
  margin-left: 30% !important;
}
#bottom #white .box-2 {
  width: 45%;
  padding: 0 2%;
  border:none;
}
#bottom #white .box-1 {
  width: 48%;
  padding-right: 2%;
}
.news-entity a {
  width: 100%;
}
#bottom #white .box-3 {
  width: 45%;
  padding: 0 2%;
  text-align: center;
}
.box-3 #social{
margin: 0 auto;
}
#social tr:first-of-type {
  margin-left: -24px;
}
#bottom #transparent {
  height: 100px;
}
.cookies {
  margin-top: 10px;
}
.left {
  margin-left: 10px;
}

	   }
	   
@media screen and (max-width: 679px) {  
	#visuals-cycler .cycle-entity {
	height: 170px;
	}
}

@media screen and (max-width: 677px) { 
#content-container #left-menu {
  width: 100%;
  margin: 0 0 5% 0;
  text-align: center;
}
#content-container #left-menu #submenu {
  padding: 0;
}
#content-container #left-menu #submenu a {
  width: 100%;
  }
  #content-container #right-content {
  width: 94%;
  padding: 0 3%;
border: none;
  }
#content-container #right-content h1#main-title {
  left: -3%;
    width: 93%;
}
#right-content p{
margin-left: 0 !important;
}
#right-content table td{
height: auto !important;
}
#right-content p img{
  width: 100% !important;
  height: auto !important;
}
#right-content p{
text-align:center;
}
}

@media screen and (max-width: 626px) {  
#bottom #white .box-2 {
height:130px;
}
}

@media screen and (max-width: 592px) {  
#visuals-cycler .cycle-entity {
  height: 190px;
}
#menu_toggler {
  font-size: 23px;
    height: 34px;
  }
#top-menu-container {
  height: 31px;
  background-image:none;
  }
#visuals-container {
  margin: 0px auto 40px;
  height: 190px;
  }
  #bottom #transparent {
  height: 150px;
}
#menu_toggler{
  color: #fff;
  display: block;
  background: #000;
  padding: 0;
  width: 10%;
  text-align: center;
  margin: 0 auto;
  font-size: 27px;
  cursor: pointer;
}
#jsddm li a {
  float: none;
  height: 30px;
  color: #000;
  font-size: 12px;
  line-height: 30px;
}
#jsddm li {
  width: 100%;
  text-align: center;
}
#jsddm {
  width: 96%;
  height: 185px;
  z-index: 999;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
}
#jsddm li ul{
display:none;
}
#jsddm li a.active{
background:none;
opacity:0.7;
}
#jsddm li a:hover{
background:none;
opacity:0.7;
}
}


@media screen and (max-width: 550px) {  
#boxes-fp {
  height: 1055px;
}
#boxes-fp .content {
  height: 80px;
  }
#boxes-fp .box {
  width: 99%;
  margin: 0.5%;
}
  }
    @media screen and (max-width: 510px) {  
	
	#gray{display:none;}
	#bottom #white .box-1 {
  width: 70%;
  margin: 0 15%;  text-align: center;
}
#bottom #white .box-2 {
  width: 98%;
  padding: 0 2%;
  border: none;
    height: auto;
}
#bottom #white .box-3 {
  width: 98%;
  padding: 0 2%;
  text-align: center;
}
	
	
	 #top #logo {
  float: left;
  width: 30%;
  margin: 0 35%;
}

#top #info {
  padding-right: 0;
  width: 100%;
  top: 0;
  margin-top: 0;
  text-align: center;
}
#top-container {
  height: 107px;
}
	}
  
  @media screen and (max-width: 448px) {  
  
  #bottom #transparent {
  height: 240px;
}
#bottom #transparent img {
  float: none;
  margin: 0 40%;
  width: 20%;
}
.left {
  margin: 0;
  width: 100%;
  text-align: center;
    line-height: 1.62em;
}
.right {
  float: right;
  width: 100%;
  text-align: center;
  line-height: 1.62em;
  }
.cookies {
  margin-top: 3px;
  text-align: center;
}

#visuals-cycler .cycle-entity img {
  position: relative;
  width: 20%;
  margin: 0 40% 2% 40%;
  float: left;
}
#visuals-cycler .cycle-entity p {
  width: 96%;
  margin: 0 auto;
  float: none;
  }
 #visuals-container {
  margin: 0px auto 20px;
  height: 250px;
}
#visuals-cycler .cycle-entity {
  height: 230px;
}
#menu_toggler {
  font-size: 23px;
    height: 34px;
  }
  #top-menu-container {
  background-image:none;
  }
  }