/*
-----------------------------------------------
main style for Google checker
author: Anton Pitak
-----------------------------------------------
*/

/* hlavny styl prvkov */

a:link { color: #D22E2E; }
a:visited { color: #7B00A4;	text-decoration: underline; }
a:active { color: #004DA4; text-decoration: underline; }
a:hover { color: #004DA4; text-decoration: underline; }

h1 { font-size: 1.5em; color: #111; }
h2 { font-size: 1.4em; color: #111; margin: 5px 0px; font-weight: bold; }
h3 { font-size: 1.2em; color: #111;  }
h4 { font-family: arial, sans-serif; font-size: 1em; font-weight: normal; font-style: italic; }

form { padding: 0; margin: 5px 0; }
input, textarea { font-family: Arial; font-size: 8pt; margin: 3px 0; }

input[type='text'], input[type='password'], input[type='file'], textarea { border: 1px solid #999999; }
input:focus[type='text'], input:focus[type='password'], input:focus[type='file'], textarea:focus { border: 1px solid #5F92B9; }
input:hover[type='text'], input:hover[type='password'], input:hover[type='file'], textarea:hover { border: 1px solid #5F92B9; }

table { clear: both; }

img { border: 0; }
hr { display: none; }

/* styly podla id */

body { padding: 0; margin: 0px 5px; color: #222; font: 0.7em "Trebuchet MS", Arial, sans-serif; background: #FFF url("../img/bg_topnav.gif") top left repeat-x; }

#main { width: 99%; margin: 0px auto; text-align: left; overflow: hidden; }
#main #obalka {	margin: 0px 49px; }

#logo h1 { background: url("../img/site_logo.gif") no-repeat; position: relative; width: 332px; height: 68px; text-indent: -9000px; left: 20px; top: 12px; margin: 0; }

#navwrapper { clear: both; padding: 1px 0 0; text-align: center; }
#loggedinas { float: right; padding-right: 30px; padding-top: 0px; }
#loggedinas a { color: #39F; }

#nav { padding: 9px 0; margin: 0 30px -1px; list-style: none; }
#nav li { display: inline; margin: 0 1px; padding: 0; }
#nav a { font-size: 115%; color: #555555; padding: 8px 30px; text-decoration: none; border: 0; font-weight: bold; text-transform: uppercase; background: #EEE;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
     -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
#nav a:hover { color: #5F92B9; border-top: 3px solid #EEE; }
#nav li.nav-active a { color: #111111; }

#nav .nav-active a, #nav .nav-active a:hover { background: #CEEBFB; border-top: 3px solid #CEEBFB;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
     -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}

#h2content { font: 170% Garamond; height: 32px; background: url("../img/blue_bg.gif") top left repeat-x; border-top: 1px solid #CEEBFB; border-bottom: 5px solid #39F; padding: 15px 30px 0; margin-bottom: 15px; }

#content { width: 99.9%; height: auto; padding: 0; margin: 2px 0px 10px 0px; background: #fff; clear: both; }

#content h2 { margin-top: 20px; }
#content h3 { color: #444; font-weight: bold; padding: 2px 5px; margin: 0; }

#content #cpanel { margin: 0px 30px; }

#content table {  padding: 5px; width: 100%; margin: 0; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content table th { width: 100%; text-align: left; background: #BDE3F9; color: #222; padding: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content table td { height: 30px; background: #fcfcfc; font-size: 105%; }

#content table tr.even, #content table tr.even td { background: transparent; }
#content table tr.odd, #content table tr.odd td {  background: #f8f8f8; }

/*#content table { background: #8cb85c; padding: 5px 0px; width: 100%; margin: 0; }
#content table th { width: 100%; text-align: left; }
#content table td { height: 30px; background: #fcfcfc; font-size: 110%; }*/

#content table td .act { width: 8px; overflow:hidden; }
#content table td .act input { width: 8px; overflow:hidden; }

#content table h3 { margin: 3px; padding: 0; font-size: 10pt; }

#content #upform { overflow: auto; margin-bottom: 15px; }
#content #upform legend { padding: 0 10px; }
#content #upform fieldset { float: left; padding: 15px 1%; border: 1px solid #CCCCCC; width: 47.1%; height: 240px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content #upform textarea, #content #upform input[type='file'] { width: 95% !important; }
#content #upform textarea { height: 150px; }
#content #upform label { font-weight: bold; margin-left: 3px; color: #CC0000; }

#drobecky { font: 1em "Trebuchet MS"; }

#left fieldset { border: 1px solid #ccc; padding: 0 10px 10px 10px;}
#left fieldset p { margin: 5px; padding: 0; }
#left fieldset form { margin: 10px; }
#left fieldset legend { font-size: ; font-weight: bold; color: #C00000; }
#left fieldset label { font-size: 90%; }

#footer { text-align: center; height: 35px; text-align: center; padding: 6px 10px; margin: 10px 0; color: #404040; letter-spacing: 0; font: 7pt verdana, arial, sans-serif; background: #f6f6f6 url("../img/softpae-line-bottom.gif") repeat-x; line-height: 1.4em; clear: both; }
#footer a:link { color: #404040; text-decoration: none; }
#footer a:visited { color: #666; text-decoration: none; }
#footer a:active { color: #C00000; text-decoration: underline; }
#footer a:hover { color: #C00000; text-decoration: underline; }

#login { width: 270px; margin: 70px auto 70px; }
#login h3 { padding-left: 0; }
#login input[type='text'], #login input[type='password'] { width: 260px; }

#counters { margin: auto; text-align: center; padding: 5px; }

.list ul { display: block; clear: both; margin-top: 0px; }

.button { margin: 10px 0; padding: 5px 7px; border: 1px solid #777777; background: #C7C7C7; color: #555555 !important; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.button:hover { border: 1px solid #3C6A8E; background: #5F92B9; color: #EEEEEE !important; }

.obal { margin: 10px; }
.obal2 { margin: 10px; padding: 10px; border: 1px solid #f0f0f0; }
.show { display: block; }
.bold { font-weight: bold; }
.red { color: #C00000; }
.offset { padding: 3px 20px }

.pdf { background: url("../img/pdf.gif") no-repeat 0px 5px; width: 10px; }
.pdf { background: url("../img/pdf2.gif") no-repeat; width: 16px; }

.clear { height: 1px; overflow: hidden; margin: 0px; padding: 0px; clear: both; font-size: 1px; }
.leftme { display: inline; position: relative; float: left; }
.rightme { display: inline;  position: relative; float: right; }

.ml10 { margin-left: 1%; }
.ml10x { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }

.m3 { margin: 3px 0 !important; }
.m5 { margin: 5px 0 !important; }
.m10 { margin: 10px 0 !important; }

.p10 { padding: 10px 0 !important; }

.w95 { width: 95% !important; }

.image-right { display: inline; position: relative; float: right; margin-left: 10px; }
.image-left { display: inline; position: relative; float: left; margin-right: 10px; }
.image-right-10 { display: inline; position: relative; float: right; margin: 10px 0px 0px 10px; }
.image-left-10 { display: inline; position: relative; float: left; margin-top: 10px; margin-right: 10px; }

.list-numeric { list-style-type: decimal; }

.line { display: block; height: 1px; border-top: 1px solid #CCCCCC; border-bottom: none; }
.noborder { border: 0px solid #000; }

.normal { font-weight: normal; }
.middle { font: 1.3em arial, sans-serif; }
.small { font: 10pt arial, sans-serif; }

.text-c { text-align: center; }
.text-l { text-align: left; }
.text-r { text-align: right; }

.nadpis { color: #fff; background: #6196BF; padding: 4px; font-size: 120%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.statistic { font-size: 120%; }

.install { padding: 10px 70px 30px !important; font-size: 120% !important; }

.pneg { color: #D22E2E; padding-left: 18px; background: url("../img/arrow_dw4.png") 0px 1px no-repeat; }
.ppos { color: green; padding-left: 18px; background: url("../img/arrow_up4.png") 0px 1px no-repeat; }
.domainn { color: #209FE8; text-decoration: underline; }

/* nicer */

.round3 {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

input, textarea, .shadowi {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

input,
textarea,
select {
  display: inline-block;
  width: 210px;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */

  line-height: normal;
  cursor: pointer;
  background-color: transparent;
  border: 0 \9;
  /* IE9 and down */

  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

input[type="image"] {
  border: 0;
}

input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  background-color: #ffffff;
  background-color: initial;
  border: initial;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
}

select,
input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 28px;
}

input[type="file"] {
  line-height: 18px \9;
}

select {
  width: 220px;
  background-color: #ffffff;
}