@import url('reset.css');

body { margin: 0; font-family: Arial; font-size: 10pt; color: #6C6C6C; text-align: center; background-color: #E5E5E5; }

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

/* Obsah */
#obsah { position: relative; margin: 40px auto; width: 1034px; text-align: left; }

  /* Hlavicka */
  #hlavicka { clear: both; overflow: hidden; height: 104px; background: url('../images/hlavicka.gif') no-repeat; }
  #hlavicka .hlavicka-obsah { padding: 0 50px 0 0; }

    .hlavicka-obsah #logo { float: left; clear: both; position: relative; overflow: hidden; margin: 0 0 0 50px; padding: 0; width: 125px; height: 93px; }
    .hlavicka-obsah #logo span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 125px; height: 93px; background: url('../images/logo.jpg') no-repeat; }
    .hlavicka-obsah #logo a { padding-top: 35px; display: block; font-size: 24pt; color: #fff; text-decoration: none; text-align: center; }

    .hlavicka-obsah ul { clear: right; float: right; margin: 0; padding: 10px 0 0; list-style-type: none; }
    .hlavicka-obsah ul li { float: left; display: block; margin: 0 0 0 15px; padding: 0 8px 0 0; }
    .hlavicka-obsah ul li:hover, .hlavicka-obsah ul li.active { background: #4B9528 url('../images/menu-hover2.gif') top right no-repeat; }
    .hlavicka-obsah ul li a { display: block; padding: 6px 0 6px 10px; height: 15px; font-size: 10pt; font-weight: bold; color: #fff; }
    .hlavicka-obsah ul li:hover a, .hlavicka-obsah ul li.active a { color: #fff; text-decoration: none; background: #4B9528 url('../images/menu-hover.gif') 0 0 no-repeat; }    

    .hlavicka-obsah .vlajky { float: right; padding: 21px 0 0; }
    .hlavicka-obsah .vlajky a { padding: 0 7px 0 0; }
    
  /* Hlavicka */
  #hlavnipanel { clear: both; overflow: hidden; background-color: #fff; }
  #hlavnipanel .hlavnipanel-obsah { padding: 40px 50px; line-height: 170%; }

    /* Homepage */
    .hlavnipanel-obsah .hp-main-box { width: 100%; height: auto; text-align: center; }
    .hlavnipanel-obsah .border { border-bottom: 1px solid #E2E3E4; }
    .hlavnipanel-obsah .hp-box { float: left; margin: 65px 54px 50px 0; width: 266px; }
    .hlavnipanel-obsah .hp-box h2 { margin: 0 0 20px; font-size: 16pt; font-weight: normal; }
    .hlavnipanel-obsah .hp-box h2 a { color: #3A3A3A; text-decoration: none; }
    .hlavnipanel-obsah .hp-box span { display: block; margin: 20px 0 0; padding: 0 0 5px 2px; font-size: 11pt; color: #787878; }
    .hlavnipanel-obsah .hp-box p { margin: 15px 0 0; font-size: 10pt; font-weight: bold; color: #7D7D7D; line-height: 140%; border-top: 1px solid #E2E3E4; }
  
    /* Subpage */
    h2.nadpis { margin: 0 0 25px; padding: 0 0 10px; font-size: 17pt; font-weight: normal; color: #9F9F9F; border-bottom: 1px dotted #D1D1D1; }
    h3.perex { margin: 0 0 15px; font-size: 22pt; font-weight: normal; color: #3A3A3A; }
    p.perex { margin: 0 370px 15px 0; font-size: 14pt; color: #808080; line-height: 140%; }

    /* Portfolio */
    .portfolio { margin: 0 0 20px 0; overflow: hidden; }
    .portfolio li { float:left; margin: 0 5px 10px 5px; text-align:center; width:174px; list-style: none; border: 1px dotted #d1d1d1; }
    
    /* Contact */
    .cp-box { overflow: hidden; margin: 20px 0; width: 280px; font-size: 10pt; font-weight: normal; }
    /* Contact form */
    .contact-form { overflow: hidden; width: 616px; background: #F3F3F3 url('../images/contact-form.gif') 0 0 no-repeat; }
    .contact-form .contact-form-obsah { padding: 24px; }
    .contact-form .contact-form-obsah h3 { margin: 0 0 10px; font-size: 14pt; color: #3A3A3A; }
    .contact-form .contact-form-obsah label { display: block; margin: 0 0 3px 3px; color: #6C6C6C; }
    .contact-form .contact-form-obsah input.input { display: block; margin: 0 0 10px; padding: 4px 0 0 3px; width: 562px; height: 20px; color: #3A3A3A; border: 1px solid #DBDBDB; }
    .contact-form .contact-form-obsah textarea { font-family: Arial; font-size: 10pt; display: block; margin: 0 0 10px; padding: 4px 0 0 3px; width: 562px; height: 115px; color: #3A3A3A; border: 1px solid #DBDBDB; }
    .contact-form .contact-form-obsah input.submit { display: block; width: 99px; height: 28px; color: #fff; border: 0; background: url('../images/input-submit.gif') 0 0 no-repeat; }
  
  /* Paticka */
  #paticka { clear: both; overflow: hidden; height: 79px; background: url('../images/paticka.png') no-repeat; }
  #paticka .paticka-obsah { padding: 25px 0 0 49px; font-size: 8pt; color: #7D7D7D; line-height: 170%; }
  
    .paticka-obsah a { font-size: 8pt; color: #7D7D7D; text-decoration: underline; }
    .paticka-obsah a:hover { font-size: 8pt; color: #7D7D7D; text-decoration: none; }

/* ----------------------------------------------------------------------------------------------------------
Univerzalni formatovaci styly
---------------------------------------------------------------------------------------------------------- */
    
/* Cols layout */
.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }
.cols50 .col1 { float: left; width: 47% !important; }
.cols50 .col2 { float: right; width: 47% !important; }
.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; }
.cols3 .col3 { float: left; }

/* Boxex */ 
.boxes { overflow: hidden; clear: both; }
.box { float: left; overflow: hidden; margin: 0 0 30px; width: 310px; }
.box .img { text-align: center; }
.radek-1 { overflow: hidden; height: 450px; }
.radek-2 { overflow: hidden; height: 330px; }
.radek-3 { overflow: hidden; height: 250px; }
.radek-4 { overflow: hidden; height: 280px; }
.radek-5 { overflow: hidden; height: 560px; }
.radek-6 { overflow: hidden; height: 250px; }

.out { margin: 30px 0; }
.border-red { border: 1px solid red !important; }

ul.form-message { margin: 0 !important; padding: 0 0 5px !important; list-style: none;}
ul.form-message li { font-size: .9em; line-height: 26px; height: 26px; margin: 0px !important; padding: 0 0 0 26px !important; background: 0 4px no-repeat; }
ul.form-message.error li { color: #cf3300; background: url(../images/ico-error.gif) left no-repeat; }
ul.form-message.correct li { color: #33b200; background: url(../images/ico-correct.gif) left no-repeat; }

/* ----------------------------------------------------------------------------------------------------------
Obecne HTML tagy
---------------------------------------------------------------------------------------------------------- */

h2 { margin: 0 0 15px; font-size: 18pt; color: #111; }
h3 { margin: 0 0 5px; font-size: 14pt; color: #111; }
h4 { margin: 0 0 5px; font-size: 12pt; color: #7D7D7D; }

.c-01 { color: #111; }

p { margin: 0 0 15px 0; }

table { border-collapse: collapse; border-spacing: 0; }
th { text-align: center; font-weight: bold; }
th, td { padding: 3px 7px; }

a { color: #60AC3C; text-decoration: none; }
a:hover { color: #60AC3C; text-decoration: underline; }
a.ext { padding-right:12px; background:url('../images/ico-ext.gif') 100% 0 no-repeat; }

.hp-main-box .ext,
.hp-box .ext { padding: 0; background: none; }

.portfolio .ext { padding: 0; background: none; }

/* --  ul, ol List -- */
ul.text-ul { margin: 0 0 20px 20px; font-size: 10pt; line-height: 1.6em; list-style: none; }
ul.text-ul li { background: url(../images/ul-list.gif) 0 9px no-repeat; padding-left: 15px; }