@font-face {
    font-family: 'aller_lightregular';
    src: url('font/aller_lt-webfont.eot');
    src: url('font/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_lt-webfont.woff') format('woff'),
         url('font/aller_lt-webfont.ttf') format('truetype'),
         url('font/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'aller_regular';
    src: url('font/aller_rg-webfont.eot');
    src: url('font/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_rg-webfont.woff') format('woff'),
         url('font/aller_rg-webfont.ttf') format('truetype'),
         url('font/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  margin:0px;
  padding:0px;
  text-align:center;
  font-family: aller_regular;
  font-size: 0.875em;
}

a         {color: #000; text-decoration: underline;}
a:hover   {text-decoration: none;}
img       {border: 0px;}
.cleaner  {clear:both;}

#page {
  width:990px;
  text-align:left;
  margin:auto;  
}

#header                    {display:block; height: 96px; position:relative;}
#header #logo              {display:block; position:absolute; width:205px; height:123px; background: url(../images/logo_bg.png) no-repeat left; padding-left: 18px; padding-right: 22px; margin-left:5px; z-index:50;}
#header .menu              {display:block; position:absolute; right: 0px; top: 43px;}   
#header .menu a            {display:inline-block; margin-right: 50px; font-size:75%; font-family: aller_lightregular; color: #000000; text-decoration: none; text-transform: uppercase; line-height:20px;}
#header .menu a:hover      {text-decoration: underline;}
#header .menu a.icon       {padding-left: 25px; background:left no-repeat;}
#header .menu a.icon.fb    {background-image:url(../images/icon_fb.png);}
#header .menu a.icon.login {background-image:url(../images/icon_login.png);}


#banner {display:block; padding:10px; border: 1px solid #e5e5e5; border-radius: 1px; height: 378px; width: 968px;}
#nav { z-index: 50; position: absolute; bottom: 18px; right: 18px }
#nav a { margin: 0 0px; padding: 4px 7px; background: #000; text-decoration: none; color: #fff; opacity: 0.7;}
#nav a:hover{ opacity: 1; }
#nav a.activeSlide { background: #da2031;  color: #fff; opacity: 1; }
#nav a:focus { outline: none; }


#boxes                      {padding-left:15px; margin-top:40px;}
#boxes .box                 {margin: 0px 10px; width:300px; background: #e5e5e5; float:left;}
#boxes .box .title          {padding: 15px 25px; background: #cecece; text-transform: uppercase; font-size: 125%;}
#boxes .box .content strong {text-transform: uppercase; }
#boxes .box .content        {padding: 20px 25px; height: 80px;}

#boxes .box.red             {color: #ffffff}
#boxes .box.red .title      {background-color: #c41f2e;}
#boxes .box.red .content    {background-color: #da2333;}          
#boxes .box.map .content    {background: url(../images/map_us.png) no-repeat 105px 15px;}

#boxes .box.map.eu .content    {background-image: url(../images/map_eu.png)}
#boxes .box.map.cz .content    {background-image: url(../images/map_cz.png)}

.center {text-align:center;}
.right  {text-align:right;}

.box.red input              {display:inline-block; border: 0px; background: #e14f5c; padding: 10px; color: #ffffff; margin:0px; vertical-align:top;}
.box.red input placeholder  {color: #ffffff; font-style: italic;}
.box.newsletter input       {width: 190px;}
.box.contact p              {margin-top:10px;}


.box.red ::-webkit-input-placeholder  {color: #ffffff; font-style: italic; font-size:90%; }
.box.red ::-moz-placeholder           {color: #ffffff; font-style: italic; font-size:90%; } /* firefox 19+ */
.box.red :-ms-input-placeholder       {color: #ffffff; font-style: italic; font-size:90%; } /* ie */
.box.red input:-moz-placeholder       {color: #ffffff; font-style: italic; font-size:90%; }

.submit                     {display:inline-block; background: url(../images/icon_arrow.png) no-repeat #000000 7px 7px; width: 34px; height: 34px; margin-top:0px;vertical-align:top;}
.submit span                {display:none;}

form {margin-top:10px;}

#footer                {display:block; background-color: #e5e5e5; padding: 18px 34px; position:relative; height: 14px; text-transform: uppercase;padding-right:0px; margin: 50px 25px; font-size: 85.7%;}
#footer .menu          {position: absolute; right: 0px; top:0px;}
#footer .menu a        {height: 50px; line-height:50px; padding: 0px 30px; display:inline-block; margin-right:0px;text-decoration: none;}
#footer .menu a:hover  {background: #d7d7d7;}
#footer .menu a.active {background: #a5a5a5; color: #ffffff; }

#successContact,
#contactform            {background: 000; color: #fff;}
#contactform th         {text-align:left; vertical-align: top; font-weight:normal; padding-top:8px;text-transform: uppercase; padding-right:10px;}         
#contactform td         {text-align:left; vertical-align: top; padding: 4px;}
#contactform input,
#contactform select,
#contactform textarea   {width:400px;border-radius:0px; border:0px; padding: 5px 5px; font-family: aller_regular; font-size:100%;}
#contactform textarea   {height:150px;}

#statusContact {padding-left:10px;}
#contactform #successContact {display:none;
    font-size:300%;
    padding: 50px 100px;
}

.button       {background: #DA2333; border:0px; padding: 5px 50px; width: auto; color: #ffffff; text-transform: uppercase; text-decoration: none;}
.button:hover {background: #C41F2E;}   

.loading {display:none; padding: 0px 10px;}      

option.placeholder {color:#333; font-style: italic;}