/*

made by lookdesign, 2010

*/



/* obecne styly */

*{ margin: 0; padding: 0; border: 0;  }*

html, body { height: 100%;  background: url("../images/bg-search.png") repeat-x scroll 0 0 #E9E9E9;}

body { font: normal 12px Arial, Sans-Serif; color: #666;  text-align: center; }

a { color: #FF2013; text-decoration: none; }

a:hover { color: #FF2013; text-decoration: underline; }

h1 { margin: 0 0 0 0; padding: 0 0 24px 0; font: normal 32px Arial, Sans-Serif; color: #0A2542; }

.componentheading-odstup { margin: 0 0 0 0; padding: 78px 0 6px 0;  font: normal 22px Arial, Sans-Serif; color: #222222; }

.componentheading { margin: 0 0 0 0; padding: 0 0 24px 0; font: normal 32px Arial, Sans-Serif; color: #0A2542; }

h2 { margin: 0 0 0 0; padding: 8px 0 12px 0; font: normal 22px Arial, Sans-Serif; color: #222222; }

h2 a{ color: #000; }

h3 { margin: 0 0 0 0; padding: 8px 0 4px 0; font: normal 14px Arial, Sans-Serif; color: #FF2013; }

h4 { margin: 0 0 0 0; padding: 8px 0 4px 0;font: bold 12px Arial, Sans-Serif; color: #000; }

p { margin: 0 0 0 0; padding: 0 0 8px 0; }

ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }

ol, li { margin: 0 0 2px 0; padding: 0 0 0 0;}

strong { color: #222222;}

table { padding: 4px 0 4px 0; text-align: left; font: 12px Arial, Sans-Serif; }

td { padding: 2px 0 2px 0; vertical-align: text-top; }

th { padding: 2px 0 2px 0; vertical-align: text-top; color: #191E23; font: normal 12px Arial, Sans-Serif; width: 80px;}

img  { margin: 0 0 0 0; padding: 0 0 0 0;}

.error { color: #FF2013; }

.cleaner { float: none; clear: both; width: 0px; height: 0px; margin: 0 0 0 0; padding: 0 0 0 0; line-height: 0px; font-size: 0px; } 

/* obal stranky */ 



.lightwindowcover { visibility: hidden; display: none;} 

.lightwindow { position: absolute; min-height: 140%; width: 100%; z-index: 100; background: #000; filter: alpha(opacity=75); -moz-opacity: 0.75;  -khtml-opacity: 0.75;  opacity: 0.75;} 

.lightwindowbox {  position: absolute; top: 50%; left: 50%; width: 420px; margin: -180px 0 0 -210px;  text-align: center; z-index: 101; color: #FF2013; } 

.lightwindowbox a{  color: #FF2013; } 

.lightwindowboxtop { height: 120px; background: url(../images/lightwindow-top.png) no-repeat;} 

.lightwindowboxmiddle { background:  #F7F7F7; padding: 8px 0 0 0; text-align: left;} 

.lightwindowboxbottom { height: 40px; background: url(../images/lightwindow-bottom.png) no-repeat;} 

.languageitem  { width: 200px; padding: 4px 0 4px 32px; margin:  0 auto 0 auto; cursor: pointer; } 

.disappearbox { visibility: hidden; display: none;} 

.container_top {

    background: url("../_images/helpdesk/container_top.png") repeat-x scroll center top transparent !important;

    margin: 0 15px;

}



#pruh {

    background: url("../images/atteya-pruh.png") no-repeat scroll center 0 transparent;

    position: absolute; top: 66px; height: 147px; width: 100%; z-index: -1;

}



#webpage { position: relative; width: 100%; margin:  0 0 0 0; text-align: center;  } 



#top { width: 960px; height: 172px; margin:  0 auto 0 auto; text-align: left; position: relative; z-index: 1;} 

#logo a { position: absolute; top: 120px; left: 0; width: 215px; height: 69px; background: url(../images/attyea-logo.png) no-repeat; } 

#language { position: absolute; top: 22px; left: 0px; width: 160px; height: 12px; } 



#language { font: bold 12px Arial, Sans-Serif; color: #F6F6F6; cursor: pointer; z-index: 10;} 

.language1 { height:20px; width:128px; padding: 4px 0 0 32px; background: url(../images/czech.png) no-repeat;  } 

.czech { background: url(../images/czech.png) no-repeat; } 

.english { background: url(../images/english.png) no-repeat; } 

.deutsch { background: url(../images/deutsch.png) no-repeat; } 

.italiano { background: url(../images/italiano.png) no-repeat; } 

.francais { background: url(../images/francais.png) no-repeat; } 

.espanol { background: url(../images/espanol.png) no-repeat; } 

.pyccknn { background: url(../images/pyccknn.png) no-repeat; } 

.chinese { background: url(../images/chinese.png) no-repeat; } 

.language2 { height:20px; width:160px; padding: 4px 0 0 32px; } 



.languagebox { display: none; font: normal 12px Arial, Sans-Serif; color: #878787; background: #F7F7F7; } 

.languageactive{ color: #F6F6F6; background: url(../images/bg-language1.png) no-repeat; } 



#mainmenu{ font: bold 12px Arial, Sans-Serif; margin: 0 24px 0 0; float:right;}







#login-box  { text-align: left; width: 100%; margin: 0 auto 0 auto; color: #000; display:none; z-index: 1; background: #EEE url(../images/bg-login.gif) repeat-x;} 

#login-box-in  { width: 960px; padding: 16px 0 16px 0; margin: 0 auto 0 auto; } 

#login-close { display: none; padding: 16px 0 0 2px; font: normal 12px Arial, Sans-Serif; text-transform: lowercase; color: #FF2013; cursor: pointer; }



#titleposition{  float:left;width: 600px;}

#titleposition1{ float: left; width: 380px; padding: 33px 0 0 13px;}

#titleposition2{ margin: 0 0 -100px 425px; padding: 33px 16px 0 0; }

#titleposition3{margin-top:20px; width: 928px;}



#helpdesklogin{ padding: 10px 0 4px 0px !important; visibility: hidden; display: none; }



.leading {border-bottom: 1px dashed #9A9A9A;}



.news-line{ height: 12px; background: url(../images/newsline.png) bottom repeat-x;}



#left ul{ margin: 0 0 0 0; padding: 0 44px 0 0;}

#left ul li .newsflash_item { position: relative; padding: 0 0 22px 0; overflow: hidden; font: normal 11px Arial, Sans-Serif; }

#left ul li .newsflash_item_in { margin: 0 0 0 0; padding: 0 0 0 0; height: 76px; overflow: hidden; font: normal 11px Arial, Sans-Serif;}

#left ul h2{ margin: 0 0 0 0; padding: 12px 0 6px 0; font: bold 12px Arial, Sans-Serif; color: #222222; }

#left ul img{ height:40px; width:auto;margin: 0 6px 0 0;}

#left ul li p { margin: 0 0 0 0; padding: 0 0 0 0;}

.newsflash-create-date{ visibility: hidden; display: none; }

.newsflashtitle .newsflash-create-date{ color: #999;  position: absolute; top: 84px; left: 148px; visibility: visible; display: block; }



#content { position: relative; width: 960px; margin: 0 auto 0 auto; padding: 0 0 24px 0; text-align: left;} 

#titleposition1 ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: circle; }

#left { float: left; width: 300px;  padding: 30px 0 0 0;  }

#right { margin: 0 0 0 320px; padding: 0px 32px 0 0; line-height:18px;}



#right em{ font: normal 22px Arial, Sans-Serif; color: #7C7C7C; }



#lefttext{ padding: 0 42px 0 0; line-height:18px;}

#lefttext h2 { margin: 0 0 0 0; padding: 32px 0 4px 0; font: normal 18px Arial, Sans-Serif; color: #222222; }



#leftdownload { padding: 0 42px 0 0;} 

#leftdownload p{ margin:  0 0 0 0; padding: 0 0 0 0; background: url(../images/bg-download.png) bottom repeat-x;} 

#leftdownload a{ display:block; margin:  0 0 0 0; padding: 18px 0 20px 38px; font: normal 14px Arial, Sans-Serif; color: #222222; background: url(../images/downloadicon.png) left center no-repeat;} 

#leftdownload a:hover { color: #FF2013; text-decoration: underline; }



 ul.productmenu { padding: 0 42px 32px 0;} 

 .productmenu { padding: 0 42px 0 0;} 

 .productmenu li{ margin:  0 0 0 0; padding: 0 0 0 0; background: url(../images/bg-download.png) bottom repeat-x;} 

.mainlevel, .productmenu a{ display:block; margin:  0 0 0 0; padding: 18px 0 20px 38px; font: normal 14px Arial, Sans-Serif; color: #222222; background: url(../images/leftmenuicon.png) left center no-repeat;} 

.mainlevel:hover{ color: #FF2013 !important; text-decoration: underline; }

.productmenu a:hover { color: #FF2013; text-decoration: underline; }

 #lefttext .productmenu #current { background: url(../images/bg-download.png) bottom repeat-x;} 

 

 ul.pagination li{  padding: 0 16px 0 0;display:inline; } 



#bottom-cover { position: relative; width: 100%; margin:  0 0 0 0; padding: 18px 0 16px 0; text-align: center; background: url(../images/bg-bottom.gif) repeat-x; } 

#bottom { position: relative; width: 960px; margin:  0 auto 0 auto; padding: 0 0 0 0; text-align: left; color:#CDCDCD;} 

#bottom a{ color:#CDCDCD;} 

#bottom strong{ font: normal 12px Arial, Sans-Serif; color:#CDCDCD;} 

#bottomposition1 { float: left; width: 160px;}

#bottomposition2 { float: left; width: 280px; margin-right: 40px;}

#bottomposition3 { float: left; width: 160px; margin-right: 20px;}

#bottomposition4 { float: left; width: 160px;}

#bottomposition5 {  float: right;
    margin-right: 30px;
    width: 100px;}


#login-button { width: 960px; margin:  16px 0 0 0; padding: 6px 0 6px 4px; font: normal 12px Arial, Sans-Serif; text-transform: lowercase; color: #164577; cursor: pointer; border-top: 1px solid #0B2B4E; }

/* formulare */

.form-validate { margin: 8px 0 0 0;}

.contact_email label{ margin: 0 0 0 0; height: 16px; color: #000; display: block;}

.contact_email input { margin: 0 0 6px 0; border: 1px solid #AAA; background: #FFF;}

.contact_email textarea { margin: 0 0 0 0; height: 100px; border: 1px solid #AAA; background: #FFF;}

.contact_email_checkbox { margin: 4px 0 0 0; color: #000;}

.validate { margin: 8px 0 6px 0;}

#josForm div  { margin: 4px 0 4px 0; }/* odsazeni inputu v registracnim formulari */

.required { height: 22px; } /* input - ztracene heslo, login .. atd */

.word { background: none; } /* hledani - pozadi hledaneho slova */

#login_box fieldset { padding: 8px 8px 8px 0; border: 1px solid #CCC; }

.editor fieldset { padding: 8px 8px 8px 8px; border: 1px solid #CCC; }

#login_box fieldset { border: 1px solid #D7D7D7; }

legend { padding: 8px 8px 8px 8px; }

.inputbox {  background: none repeat scroll 0 0 #DADADA;     border: 1px solid #FFFFFF;    font-size: 98%;    height: 22px;    margin-bottom: 2px;    padding-left: 15px; }

.checkbox { margin: 8px 4px 8px 4px; }

.button, button, .button-help  {  padding:  4px 10px 4px 10px;  border: 0px; cursor: pointer; font: bold 12px Arial, Sans-Serif; color: #ffffff !important; background: #212424; }

.button a {color: #ffffff !important;  width: 212px; height:10px; text-align: center; padding: 8px 2px 10px 2px; border: 0px; font: normal 14px Arial, Sans-Serif;  }



.button-reg  {  cursor: pointer;color: #FF2013!important; background: transparent; margin-top: -1px !important; font-family: arial !important; font-size: 11px !important; }

.button-reg:hover  {text-decoration:underline !important }



.leftdistance { padding: 0 0 0 8px; }

.frontform td { vertical-align:	middle;}

#left label { padding: 2px 0 2px 0; display:block;}

#mod_login_username,#mod_login_password,.validate-email,#name,#username,#email,#password,#password2, .helpdesk, .text_area, #token, #password1 { background: none repeat scroll 0 0 #DADADA;width:195px;

    border: 1px solid #FFFFFF;

    font-size: 98%;

    height: 22px;

    margin-bottom: 2px;

    padding-left: 15px;} 



.button-help { width: 210px; text-align: center; padding: 8px 2px 10px 2px; border: 0px; font: normal 14px Arial, Sans-Serif; background: url(../images/button.png) no-repeat;margin-top:29px; } 

.button, button { width: 212px; text-align: center; padding: 5px 2px 6px 2px; border: 0px; font: normal 14px Arial, Sans-Serif; background: url(../images/button.png) no-repeat; } 

.button:hover, .button-help:hover, button:hover { background: url(../images/button-hover.png) no-repeat; color: #ffffff !important; text-decoration: none !important; }

#reg-pole { left: 11px;     text-align: left;  margin-left:152px; padding-top: 10px; }



#reg-pole:hover { }



#searchbox{ position: absolute; top: 79px; left: 623px; margin: 0 0 0 0; padding:  0 0 0 0; }

#searchbox div.searchbox{ }

#searchbox input{ padding:  0 0 0 0; margin: 0 0 0 0; }

#searchbox input#mod_search_searchword{ position: absolute; top: 0px; left: 0px;  padding:  0 0 0 5px; margin: 0 0 0 0;  width: 175px; height: 24px; font: normal 11px Arial, Sans-Serif; border: 1px solid #E9EBEC; color: #C9C9C9; background: #fff;}

#searchbox input.button{ position: absolute; top: 0px; left: 186px; padding:  0 0 0 0; margin: 0 0 0 0;  height: 25px; width: 34px; border: 0px; cursor: pointer; }

#searchbox input.button:hover{ }



#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1{  background: url(../images/button-2.gif) no-repeat !important; }

#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1 a.dm_selected {  background: url(../images/button-1.gif) no-repeat !important;  }



#prihlaseni  { position: absolute; top: 67px; right: 20px; width: 318px; font-size: 11px !important;}

.passwd {width: 25%; float:left}

.passwd-but {width: 364px; text-align: right; padding-top: 4px}



#mezera{float:right;display:block;width:200px;}

div.mod_googleSearch input.inputbox {background: transparent !important; width: 265px;  border: 1px solid #F49218; height: 15px; color:#9A9A9A; font-size: 11px;  padding-left: 10px !important; position: absolute; top: 50px;}



div.mod_googleSearch input.button_img  { position: absolute;    top: 47px;   left: 240px;}





#googleSearchUnitIframe {

	background: transparent !important; padding-top: 55px;

}



#googleSearchbg{

	background: transparent !important;  

}

 

.radiolabel {

	margin-right: 10px;

margin-left: 2px;

font-size: 90%;

}



.radiogrp {

	  position: absolute;

    top: 33px; width: 140px;

}