/* CSS temp_01 */

/* Typography */
body {
  font: 75% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  background: #fff;
  color: #333333;
  text-align: center;
  margin:0px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, address, blockquote, table, .meta, .separ
{
line-height:20px;
margin:20px;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold;color: #3978c5;}

h1 { font-size: 2.2em;}
h2 { font-size: 1.7em;}
h3 { font-size: 1.6em;font-weight:normal;}
h4 { font-size: 1.0em;}
h5 { font-size: 1em;}
h6 { font-size: 1em;}


/* Text elements
-------------------------------------------------------------- */

p                {line-height: 140%; font-size: 1em;}

a           {text-decoration: underline; color: #3978c5;}
a:hover          {text-decoration: none; color: #000;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
big         {font-size: 1.2em;}
small       {font-size: 0.8em;}

/* Tables
-------------------------------------------------------------- */
table{ margin: 20px; border:none; border-collapse:collapse;font-size:1.0em;width:420px;margin:0 auto;}
table th{ padding: 4px 7px ; text-align: left; background:#eaeaea; color: #db071b; border:none;font-size:1.1em;font-weight:bold;border-bottom:1px solid #ddd;}
table th.thbg{background:#f1f1f1;}
table td{border:none;padding: 5px 7px ;border-bottom:1px solid #ddd;}
table td.green{font-weight:bold;color:#006600;}
table td.nowrap{
white-space: nowrap;}

table tr.silent{background:#f6f6f6;color: #3978c5;}
table tr:hover{background:#f6f6f6}

/* Lists
-------------------------------------------------------------- */

ul, ol      { margin: 0 1.5em 1.5em 50px;padding:0; }
li          {margin:0;background: url(../img/li_extra.jpg) no-repeat 0 5px;padding:1px 0 1px 17px;}

ul.extra    {list-style:none;position:relative;}
ul.extra li {background: url(../img/li_extra.jpg) no-repeat 0 5px;padding:1px 0 1px 17px;}

ul.mapa    {list-style:none;position:relative;}
ul.mapa li {background: url(../img/li_extra.jpg) no-repeat 0 5px;padding:0px 0 0px 17px;font-weight:bold;font-size:1.1em;}
ul.mapa ul li{font-size:0.9em;}
ul.mapa ul li a{color:#929294;}
ul.mapa ul ul li{font-weight:normal;}
ul.mapa ul ul li a{color:#929294;}

ul          { list-style-type:none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 30px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 35px;}

/* Tables
-------------------------------------------------------------- */

/* Misc classes
-------------------------------------------------------------- */

.hide       { display: none; }
.noborder   {border:none;}
.bold       {font-weight:bold;}

/* Body Elements
-------------------------------------------------------------- */

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


/* Form fields
-------------------------------------------------------------- */
div.formular{width:653px;font-size:0.9em;margin:30px 20px 20px 20px;border:1px solid #639ee9;background:#afcaf2;}

ul.form{margin:0;padding:0 0 0 20px;list-style:none;}
ul.form li{padding:5px 20px 0 0;float:left;width:294px;height:42px;background:none;}
ul.form li.textarea, ul.form li.submit{width:610px;height:auto;}

h3.form_nazev{margin:0;font-size:1.1em;font-weight:bold;position:relative;top:-10px;left:20px;color:black;}
h3.form_nazev span{border:1px solid #619ce9; background: #fff url(../img/bg_inputs.gif) no-repeat;padding:3px 20px;}

input, textarea, select{background: #fff url(../img/bg_inputs.gif) no-repeat;border:1px solid #639ee9;padding:3px 5px;}
label{font-weight:bold;}
input{font-size:1.0em;width:284px;}
textarea{font-size:1.0em;font-family:Verdana;width:600px;}
select{font-size:1.0em;width:294px;}

input.submit{width:65px;font-weight:bold;padding:2px 0;margin-bottom:20px;position:relative;left:546px;background:#cc1036;color:white;border:none;}

label.check{float:left;margin:0px 15px 0px 0;font-weight:normal}
input.check{background:none;border:none;display:inline;margin:0 4px 2px 0;vertical-align:middle;width:auto;}

label.radio{float:left;margin:0px 15px 0px 0;font-weight:normal}
input.radio{background:none;border:none;display:inline;margin:0 4px 2px 0;vertical-align:middle;width:auto;}

/*  ID for construction */
#page{
  width: 1020px;
  text-align: left;
  margin: 0 auto;
  position:relative;
  background:#fff;
}

#header{
  position:relative;
  background: #fff url(../img/bg_header_new.jpg) no-repeat 0 40px ;
  height: 276px;
   }
#header h1{
  margin: 0 ;
  font-size:1.0em; 
 }
#header h1 a{
  display: block;
  font-weight:normal;
  text-decoration: none;
  color: #ba0d21;
  line-height: 40px;
  height: 40px;
  text-align: center;
}



#languages{
 position: absolute;
 top: 239px;
 z-index:9000;
 right: 35px;
  }
#languages img{
margin:1px 3px 0 0px;
float:left;
}
#languages a{
  display: block;
  float:left;
  color:#fff;
  text-decoration:none;
  padding: 4px 10px ;
  font-size:0.9em;
}
#languages a:hover{
  color: #000;
}
/*  navigation */

#navigation{
  position:absolute;
  top:221px;
  left:0px;
  height:55px;
  width: 1020px;
  background:#b80c1e url(../img/bg_navigation.jpg) no-repeat ;
 }
#navigation ul {
margin:0;
padding:15px 60px 15px 280px;
list-style:none;
}
#navigation li{
float:left;
padding:0;
background:none;
}

#navigation li a {
  display: block;
  height:25px;
  float:left;
  font-weight:bold;
  line-height:25px;
  text-decoration: none;
  color:#fff;
  border-left:1px solid #d61f47;
  padding:0 12px;
  font-size:1.0em;
}
#navigation li a.first{
border:none;
}
#navigation li a.on{
color:#000;
}
#navigation li a:hover{
color:#dfb3b7;
}


/* content */
#content_index{
  float: right;
  width: 790px;
  }
#content_index .maincontent{
  padding: 0 0 50px 0 ;
}
#content_sekce{
  float: right;
  width: 790px;
  }
#content_sekce .maincontent{
  padding: 20px 30px 30px 30px ;
}
p.extra{
  font-size: 1.2em;
}


.intro{
width:790px;
height:175px;
letter-spacing:-1px;
background: url(../img/bg_intro.jpg) no-repeat 0 0px;
}
.intro2{
background: url(../img/bg_intro2.jpg) no-repeat 0 0px;
}
.intro3{
background: url(../img/bg_intro3.jpg) no-repeat 0 0px;
}
#content_sekce .intro{
margin:-40px 0 0 -30px;
}

.intro h2{
margin:0;
color:#3978c5;
padding:50px 0 0 50px;
}
.intro p{
margin:0;
font-size:1.7em;
font-weight:bold;
padding:5px 190px 0 50px;
}
.news-item{
width:330px;
padding:10px 0 0 30px;
float:left;
}
.news-item img{
float:left;
margin:5px 10px 0 20px;
}
.news-item h3{
margin-bottom:5px;
}
.news-item .date{
display:block;
color:#999999;
margin:0 0 0 20px;
}
.news-item p{
margin-top:7px;
}

.news-det img{
float:left;
margin:5px 10px 0 20px;
}
.news-det h2{
letter-spacing: -1px;
}

.news-det .clanek_date{
display:block;
color:#999999;
margin:0 0 0 20px;
}



.intro_box{
width:360px;
height:280px;
float:left;
background:red;
}
.intro_box.first{
background:#fff url(../img/first.jpg) no-repeat 0 0px;
}
.intro_box.second{
background:#fff url(../img/second.jpg) no-repeat 0 0px;
}
.intro_box h2{
margin:0;
padding:60px 0 0 30px;
}
.intro_box ul{
margin:0;
list-style:none;
padding:12px 0 15px 30px;
}
.intro_box ul ul{
padding:5px 0 7px 20px;
}
.intro_box li a{
background:url(../img/subnav_li_li.gif) no-repeat 3px 10px;
padding-left:15px;
line-height:22px;
font-size:1.2em;
}
.intro_box p{
margin:0;
padding:12px 0 0 30px;
}
a.txt-button{
display:block;
margin-left:30px;
width:250px;
height:50px;
line-height:50px;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:1.3em;
background:#b01e2b url(../img/txt-button.jpg) no-repeat 0 0px;
}
a.txt-button span{
padding-left:25px;
}
a.txt-button:hover{
color:#000;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
 margin:0;
 list-style:none;
 width:140px;
 float:left;
}
.tabs-nav li {
position:relative;
padding:0;
background:none;
}

.tabs-nav a{
color:#000;
text-decoration:none;
line-height:40px;
height:40px;
padding:0 0 0 30px;
font-weight:bold; 
display:block;
}
.tabs-nav a.kvalita{background:#639ee9 url(../img/tabs_nav_li.gif) no-repeat 120px 15px;}
.tabs-nav a.rychlost{background:#afcaf2 url(../img/tabs_nav_li.gif) no-repeat 120px 15px;}
.tabs-nav a.zkusenost{background:#d6e5f9 url(../img/tabs_nav_li.gif) no-repeat 120px 15px;}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
color:#fff;
}

#list-item{
padding:0;
width:690px;
height:140px;
margin:20px 50px;
}
#content_sekce #list-item{
margin:20px;
}
#list-item p{
margin:0;
font-weight:bold;
font-size:1.2em;
padding: 30px 20px 0 40px;
}
#list-item a.more{
margin:0 0 0 120px;
}
#list-item p span{
color:#fff;
}
#kvalita, #rychlost, #zkusenost {
padding:0;
margin:0;
height:140px;
float:left;
width:550px;
}
#kvalita{background:#639ee9;}
#rychlost{background:#afcaf2;}
#zkusenost{background:#d6e5f9;}

.mapa img{
float:left;
margin:0 15px 0 0;
border:2px solid #e4da4e;
}
.mapa:hover img{
border-color:#b9b02c;
}
.w50{
float:left;
width:340px;
position:relative;
margin:0;
}
.w50 p{
margin-top:0px;
}


/* sidebar */
#sidebar{
  width: 230px;
  float: left;
  overflow:hidden;
  padding-bottom:90px;
  background:#fff url(../img/bg_sidebar.jpg) no-repeat 0 0px;
  position:relative;
  z-index: 9999;
  margin-top:-40px;
}

ul.subnav{
margin:0 0 40px 0;
padding:0px 30px 0px 35px;
list-style:none;
}
ul.subnav li{
position:relative;
border-bottom:1px solid #e9d7ce;
padding:0;
background:none;
}
ul.subnav li a{
text-decoration:none;
font-size:1.3em;
line-height:20px;
display:block;
font-weight:bold;
padding:9px 0 9px 15px;
background:url(../img/subnav_li.gif) no-repeat 0px 13px;
color:#000;
}
ul.subnav li a:hover{
color:#a31c28;
}
ul.subnav li a.on{
color:#cc1036;
}

ul.subnav ul{
list-style:none;
margin:0;
padding:0px 0 15px 15px;
}
ul.subnav ul li{
border:none;
}
ul.subnav ul li a{
border:none;
color:#cc1036;
background:url(../img/subnav_li_li.gif) no-repeat 0px 9px;
font-size:1.0em;
font-weight:normal;
padding:0 0 0 10px;
line-height:20px;
}
ul.subnav ul li a:hover{
color:#000;
}
ul.subnav ul li a.on{
color:#000;
}
#sidebar img{
margin-left:35px;
}


#sidebar img.pygmalion{
margin-bottom:20px;
}

/* footer */
#footer{
  position:relative;
  height:110px;
  color:#323232;
  padding-top:20px;
  background:#3978c5 url(../img/bg_footer_new.jpg) no-repeat 0px 0px;
  border-top:5px solid #f3f3f3;
}
#quicknav{
   height:50px;
   padding:12px 0 0 60px;
   float:left;
    }
#quicknav a{
  display: block;
  float: left;
  padding: 2px 13px 0 13px ;
  margin-right: 2px;
  text-align: center;
  background:none;
  border-right:1px solid #e4e4e4;
}
#quicknav a.no_border{
border:none;
}

#footer p.info{
float:left;
font-weight:bold;
margin:0 0 0 40px;
padding:10px 0 0 40px;
height:40px;
border-left: 1px solid #e4e4e4;
}
#footer p.info a{
text-decoration:none;
color:#000;
}
#footer p.info span{
font-weight:normal;
}
#footer p.creactive{
float:right;
padding:10px 70px 0 0;
margin:0;
}


/*  class   */
.noscreen{display: none;}
.separ {border-bottom: 1px solid #f8f5d2  ; line-height: 1px; font-size: 1px; height: 1px; margin: 0 20px 20px 20px;}
.break {clear: both; line-height: 0px; font-size: 1px; height: 0px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}
.loud{}
.silent{color:#929294;}
.bg_silent{background:#afcaf2;}
.bg_loud{}
.colborder{border:1px solid #639ee9; }
.tr{text-align:right;}
.galerie{margin:0 17px;}
.galerie img{
      border:1px solid #ddd;
      margin: 3px;
      /*width:105px;*/
}


/*  Search results  */
#search_results{
margin:20px;
position:relative;
padding:20px;
}
#search_results h2{
font-size:1.0em;
text-transform:none;
font-weight:bold;
margin:0;
}
#search_results p{
margin:10px 0;
}
#search_results ul.extra{
margin-left:0px;
}