/* MAIN.CSS */
ul, body, div, h1, h2, h3 {margin: 0; padding: 0;}

body {font: 62.5% Tahoma, Verdana, sans-serif; line-height: 1.4em; text-align: center; background-color: #411707;}

a {color: #999; font-style: italic;}
a:hover {color: #ccc;}
a:visited {color: #ccc;}
a img {border: none;}

.margin_img_left {margin-right: 10px; float: left;}
.print_display {display: none;}

#all {background-color: #000; width: 100%; float: left; text-align: center;}
#wraper {margin: 20px auto 0; width: 660px;}
#header {float: left; width: 100%;}
  #header img {float: left; width: 225px; height: 88px;}
  #header h1 {float: left; text-align: left; height: 20px; color: #ccc; font-weight: bold; font-size: 1.1em; font-style: italic; margin: 20px 0 0 45px;}
  .menu {float: right; margin-top: 10px; width: 405px; text-align: left;}
      .menu a {float: left; display: block; margin-left: 16px; text-align: left; font-size: 1.1em; font-style: normal; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #c2c2c2;}
        .menu a em {font-style: normal;font-size: 1.3em; font-weight: bolder;}
        .menu a:hover {color: #fff;}
        .menu a.active {color: #f00;}

#content {width: 100%; float: left; margin-top: 20px; color: #fff; text-align: left; font-size: 1.2em;}
  #content h2 {color: #acacac; font-size: 1.2em; padding: 5px 0; margin: 10px 0 5px; line-height: 1.0em;}
  #content h3 {padding: 5px 0; color: #f00;}
  #content ul {margin-left: 40px;}
  #content p {padding: 4px; font-family: Verdana;}
    #content p#justify {text-align: justify;}
  #content table#nabidka {border-collapse: collapse; background: url('../img/grafik/bg_table.png') no-repeat left top #000; padding: 5px 10px; color: #000; width: 651px; height: 171px; font-size: 1.2em;}
      #content table#nabidka tr {border-bottom: 1px dashed #ccc;}
        #content table#nabidka tr#last {border-bottom: none;}
      #content table#nabidka tr td strong {color: #f00; margin-left: 15px;}
      #content table#nabidka tr td p {margin: 0; padding: 0;}
  #content #reference {width: 100%; float: left; margin-bottom: 20px;}
    #content #reference .ref {width: 198px; height: 149px; float: left; margin-left: 30px; background: url('../img/grafik/bg_ref.png') no-repeat left top #000;}
      #content #reference .ref#first {margin-left: 0;}
      #content #reference .ref img {margin: 7px 0 0 0; width: 198px; height: 113px;}
        #content #reference .ref a {color: #000; margin:  0 0 0 10px; display: block; margin-top: 5px; font-weight: bold; font-style: italic; font-size: 10px;}
          #content #reference .ref a:hover {color: #f00;}
      
#footer {float: left;width: 100%; height: 125px; text-align: center;}
  #footer #text {width: 660px; margin: 20px auto 0;}
    #footer #text img {float: left; padding-right: 20px; border-right: 2px solid #f00;}
    #footer #text p {float: left; width: 60%;text-align: left; margin: 0 0 0 15px; padding: 0; color: #959595; font-family: Verdana; font-size: 1.0em;}
    #footer #text ul.menu {margin-top: 30px;}

/*Mé práce*/

.reference, .projekt {width: 100%;; float: left; margin-bottom: 65px;}
  .reference .left, .projekt .left {float: left; width: 352px;}
    .reference .left img.big, .projekt .left img.big {width: 350px; height: 197px; border: 1px #ccc solid;}
    .reference .left div {margin-top: 5px;}
      .reference .left div img {margin-right: 10px;}
  .reference .right, .projekt .right {float: right; font-family: "Trebuchet MS"; width: 295px;}
    #content .reference .right h2.me_prace, #content .projekt .right h2.nazev {color: #ccc; font-size: 1.8em; margin: 0 0 7px 0; padding: 0;}
    .reference .right span a, .projekt .right span a {color: #959595; font-size: 1.2em; text-decoration: none;}
      .reference .right span a:hover, .projekt .right span a:hover {color: #fff;}
      .reference .right p {margin: 0; padding: 0;}
        .reference .right p.p_first, .projekt .right p.p_first {margin-top: 18px;}
      
/*Ceník*/
p.cena {text-align: right;}
img.img_cenik_r {margin: 0 5px 0 20px; width: 350px; height: 197px; border: 1px #ccc solid; float: right;}
img.img_cenik_r_h3 {margin: 0 5px 0 20px; width: 150px; height: 84px; border: 1px #ccc solid; float: right;}
img.img_cenik_l {margin: 0 20px 0 5px; width: 350px; height: 197px; border: 1px #ccc solid; float: left;}
#content h2.h2_cenik {width: 100%; margin-top: 80px;}
p#p_small {font-size: 10px; color: #ccc; width: 100%; float: left; margin-bottom: 20px;}

/*Kontakt*/
p#margin_bottom {margin-bottom: 20px;}
form#vzkaz {text-align: center; margin: 20px 0;}
table#form {text-align: left; margin: auto; vertical-align: top; width: 400px; color: #fff}
table#form input, table#form textarea {font-size: 12px; padding: 2px 5px; color: #000; height: 16px; font-weight: bold; border: #ccc solid 1px; width: 300px;}
table#form textarea {height: 100px;}
table#form input#submit {height: 25px; width: 100px; padding: 0; margin-right: 35px; float: right;}
textarea {height: 100px;}
#odeslano, #neodeslano {width: 100%; text-align: center; margin-bottom: 150px;}
  #odeslano h2 {color: green;}
  #neodeslano h2 {color: red;}
  #neodeslano p {text-align: left;}