/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-size: 100%;
}

/* Specialitky */
embed,
object,
applet,
iframe         {display: block;}

embed:focus, 
object:focus,
applet:focus   {outline: 0;}

/* Odkazy */
a,
a:link         {color: #dd9e09;}
a:visited      {}
a:hover        {text-decoration: none;}
a:focus, 
a:active       {}

/* Obrazky */
img            {}
a img          {}
a:hover img,
a:focus img,
a:active img   {}

/* Nadpisy */
h1, h2, h3, h4, h5, h6 {margin: 0 0 .5em 0;}

h1 {font-size: 2.2em;}
h2 {font-size: 1.8em;}
div.work h2 {color: #b35901; border-bottom: 1px solid #aaa;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.1em;}
h6 {font-size: 0.9em;}

/* Seznamy */
ul, ol, menu      {margin: 0 0 .5em 2em;}
ul ul, ol ol, 
ul ol, ol ul, 
menu ul, menu ol, 
ul menu, ol menu  {}
li                {}

dl {margin: 0 0 .5em 0;}
dt {margin: 0 0 .5em 0; font-weight: bold;}
dd {margin: 0 0 .2em 2em;}

/* Ostatni bloky */
p           {margin: 0 0 1em 0; text-align: justify;}
blockquote  {margin: 1em; padding: 1em;}
address     {}
hr          {}

/* Tabulky */
table    {table-layout: auto; border-spacing: 0; border-collapse: collapse;}
caption  {}
col      {}
thead    {}
tbody    {}
tfoot    {}
tr       {}
th       {}
td       {}

/* Formulare */
form                          {}
form:after                    {content: '.'; display: block; height: 0; clear: both; visibility: hidden;}
fieldset                      {}
legend                        {margin: 0 5px; padding: 0 5px; font-weight: bold;}

form div.fieldset-box         {padding: 10px;}
form.div.fieldset-box:after   {content: '.'; display: block; height: 0; clear: both; visibility: hidden;}
form dl                       {margin: 0 0 10px 0;}
form dt                       {margin: 0 0 5px 0;}
form dd                       {}
form b.required,
form span.quick-form-required-note-asterisk {color: red; font-weight: bold; padding-left: 5px;}

input.text                    {}
input.password                {}
input.submit                  {}
input.submit:not([disabled])  {cursor: pointer;}
input.radio                   {}
input.checkbox                {}
                          
textarea                      {font-family: inherit;}

select                        {}
optgroup                      {}
option                        {}

label                         {}
label[for]                    {cursor: pointer;}

input[readonly], 
input[disabled],
select[disabled], 
option[disabled],
button[disabled], 
optgroup[disabled],
textarea[readonly], 
textarea[disabled]            {cursor: not-allowed;}

/* Ruzne */
abbr,
acronym                       {border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;}

q                             {}
cite                          {}

s                             {}
strike                        {}

ins                           {}
del                           {}

tt                            {}
dir                           {}
dfn                           {}
kbd                           {}
var                           {}
pre                           {}
code                          {}
samp                          {}

/* Dalen specific */
hr.hr,
.hidden,
h1#pagename                   {display: none;}

div#layer1                    {position: absolute; top: 0; left: 0; width: 100%;}
div#layer1-box                {position: relative; width: 760px; margin: 0 auto;}

/* Zakladni */
html                          {background: #e0e6e1 url('html.png') 0 0 repeat-x;}
body                          {color: #4f4f4f; font: 13px/1.5 arial, sans-serif; background: url('body.jpg') center top no-repeat;}
div.page                      {width: 760px; margin: 0 auto;}
div.page-box                  {}
div.main                      {}

div#header                    {position: relative; height: 384px; background: url('header.jpg') left bottom no-repeat;}
div#logo                      {position: absolute; top: 41px; left: 3px;}
div#logo a                    {display: block; width: 271px; height: 83px; background: url('data:image/gif;base64,AAAA');}
div#logo span                 {display: none;}

div.area                      {}
div#container                 {overflow: hidden; zoom: 1; padding: 0 7px;}
 
div#content                   {float: left; display: inline; width: 530px;}
div#column                    {float: right; display: inline; width: 200px;}

div#navigate                  {}

div.title                     {}
div.title *                   {color: #000; /*font-size: 18px;*/}

div.work                      {}

div#footer                    {margin: 10px 0; padding: 10px 7px; border-top: 1px solid #c3c3c3;}

/* Menu1*/
div#menu1                     {position: absolute; top: 58px; right: 18px; width: 100%;} 
div#menu1 ul.m11              {margin: 0; padding: 0; float: right;}
div#menu1 li.m11              {margin: 0 0 0 4px; padding: 0; float: left; display: inline; zoom: 1;}
* html div#menu1 li.m11       {padding-bottom: 8px;}
div#menu1 li.m11-sub:hover,
div#menu1 li.m11-sub.m11-selected   {padding-bottom: 8px; background: url('menu12-arrow.gif') center bottom no-repeat;}
div#menu1 li.m11:hover ul,
div#menu1 li.hover ul,
div#menu1 li.m11-selected ul  {/*visibility: visible;*/ display: block;}
div#menu1 a.m11               {
   display: block;
   width: 102px;
   height: 29px;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   line-height: 29px;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   background: url('menu1.png') 0 0 no-repeat;
   outline: none;
}
div#menu1 span                {}

div#menu1 a.m11:hover,
div#menu1 a.m11:focus,
div#menu1 a.m11:active,
div#menu1 a#m11active,
div#menu1 li.m11-selected a.m11,
div#menu1 li.m11-sub:hover a.m11 {color: #fff; background-position: -102px 0;}

div#menu1 ul.m12              {/*visibility: hidden;*/ display: none; position: absolute; top: 37px; right: 0; margin: 0; padding: 0;}
div#menu1 li.m12              {margin: 0; padding: 0; list-style: none; float: left; display: inline;}
div#menu1 a.m12               {
   float: left;
   display: inline;
   padding: 0 10px;
   color: #8a988c;
   line-height: 27px;
   text-decoration: none;
   background: url('menu12.png') center top no-repeat;
   outline: none;
   zoom: 1;
}

div#menu1 a.m12i1             {background-position: left top;}
div#menu1 a.m12il             {background-position: right top;}

div#menu1 a.m12:hover,
div#menu1 a.m12:focus,
div#menu1 a.m12:active,
div#menu1 a#m12active,
div#menu1 li.m12-selected a.m12  {color: #fff; background-position: center bottom;}

div#menu1 a.m12i1:hover,
div#menu1 a.m12i1:focus,
div#menu1 a.m12i1:active,
div#menu1 li.m12-selected a.m12i1   {background-position: left bottom;}

div#menu1 a.m12il:hover,
div#menu1 a.m12il:focus,
div#menu1 a.m12il:active  ,          
div#menu1 li.m12-selected a.m12il   {background-position: right bottom;}

/* News - list */
div.news-list                 {}
div.news-list h2.items-title  {color: #000; /*font-size: 18px;*/}
div.news-list ul.items        {margin: 0; padding: 0;}
div.news-list li.item         {margin: 0 0 10px 0; padding: 0; list-style: none;}
div.news-list div.item-title  {color: #969696;}
div.news-list h3.item-title   {margin: 0 0 5px 0; font-size: 12px;}
div.news-list div.item-text   {margin: 0 0 10px 0;}

div.clicky           {visibility: hidden;}

/* Buttons */
a.button                      {padding: 2px 4px; text-transform: lowercase; text-decoration: none; background: #000; outline: none;}
a.button:hover,
a.button:focus,
a.button:active               {color: #fff;}

/* Header banner */
div#header-banner                      {position: absolute; top: 148px; left: 4px;}
div#header-banner div.item-sub         {width: 760px; height: 190px;}
div#header-banner div.item-sub a       {display: block; width: 211px; height: 82px; position: absolute; top: 53px; right: 4px; background: url('data:image/gif;base64,AAAA');}
div#header-banner div.item-sub span    {display: none;}

/* FAQ list */
div.faq-question-list                  {overflow: hidden; zoom: 1;}
div.faq-question-list div.items-left   {float: left; display: inline; width: 49%;}
div.faq-question-list div.items-right  {float: right; display: inline; width: 49%;}
div.faq-question-list div.items-clear  {clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden; /*border-top: 1px solid #aaa;*/}
div.faq-question-list ul               {margin: 0 0 20px 20px; padding: 0;}
div.faq-question-list li               {}
div.faq-question-list h2               {border: 0;}

/* Characteristics */
table.characteristics                  {width: 100%; border-collapse: collapse; /*border: 1px solid #aaa;*/}
table.characteristics col.item-name    {}
table.characteristics col.item-endora,
table.characteristics col.item-other   {width: 30%;}
table.characteristics th,
table.characteristics td               {line-height: 30px; padding: 2px 5px; /*border: 1px solid #aaa;*/}
table.characteristics th.item-endora,
table.characteristics th.item-other    {text-align: center;} 
table.characteristics thead th         {text-align: left; /*background: #c3cbc4;*/ border-bottom: 2px solid #787878; white-space: nowrap}
table.characteristics tbody th         {text-align: left;}
table.characteristics tbody td         {text-align: center;}
table.characteristics td.item-yes span,
table.characteristics td.item-no span,
table.characteristics td.item-inf span {display: block; width: 30px; height: 30px; margin: 0 auto; background-image: url('icons.png'); background-repeat: no-repeat; overflow: hidden; text-indent: 1000px;}

table.characteristics td.item-yes span {background-position: 0 0;}
table.characteristics td.item-inf span {background-position: -60px 0;}
table.characteristics td.item-no span  {background-position: -30px 0;}

/* References */
table.references                       {width: 100%; border-collapse: collapse; table-layout: fixed;}
table.references th                    {text-align: left; line-height: 30px;}
table.references a img                 {border: 1px solid #aaa;}
table.references a:hover img,
table.references a:focus img,
table.references a:active img          {border-color: #666;}

/* contact-us-form */
form#contact-us-form                   {}
form#contact-us-form dl                {margin: 0; padding: 0;}
form#contact-us-form dt                {margin: 0 0 5px 0; padding: 0;}
form#contact-us-form dd                {margin: 0 0 15px 0; padding: 0;}
form#contact-us-form textarea          {width: 99%; height: 150px;} 

/* new-account form */
form#new-account input.text                     {width: 98%;}
form#new-account td#domain-label                {font-size: 20px; color: #000;}
form#new-account input#domain                   {font-size: 20px; font-weight: bold;}
form#new-account input#domain3ld                   {font-size: 20px; font-weight: bold;width:150px}
form#new-account table                          {width: 100%; border-collapse: collapse;}
form#new-account table table                    {width: auto;}
form#new-account td                             {vertical-align: top; padding: 5px 5px; font-weight: bold;}
form#new-account td td                          {padding: 0; font-weight: normal; border: 0;} 
form#new-account ul.errors                      {border: 1px solid red; background: #fff; padding: 10px; margin: 10px 0;}
form#new-account ul.errors li                   {margin: 0 0 0 20px; color: red; font-weight: bold;}
form#new-account input#login                    {
   width: 232px; 
   height: 49px;
   overflow: hidden; 
   border: 0; 
   background: url('button-new-account-submit.gif') 0 0 no-repeat;  
   cursor: pointer; 
   font-size: 0;
   line-height: 0;
   color: rgba(0,0,0,0);    
}

form#new-account input#login:focus,
form#new-account input#login:hover              {opacity: .8;}