/*


Theme Name: Membrain.cz

Theme URI: http://www.membrain.cz

Description: Membrain s.r.o.

Version: 1.1 sediva

Author: Ondřej Víteček & Vít Dlouhý

Author URI: http://www.vitecek.net

Tags: white, corporate



Membrain 1.0 

http://www.membrain.cz



*/


body {padding:50px 0; background:#DFDFDF; color:#1f1f1f; font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table,ul {margin:15px 0;}
a {color:#244973;}
a:hover, a:active, a:focus {color:#F14D22;}
input, select, textarea {font:100%/1.5 "arial",sans-serif;}


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

#main {width:963px; margin:0 auto;}
#header {position:relative; width:963px; height:103px; margin-bottom:7px; background:#fff url("design/header.gif") 0 0 no-repeat;}
#header #logo {position:relative; width:224px; height:77px; overflow:hidden; margin:0 0 0 25px; padding:0; font-size:240%;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("design/logo.gif") 0 0 no-repeat; cursor:pointer;}
#header #lang {position:absolute; top:-30px; right:20px; margin:0;}
#header #lang a {color:#5f5f5f;}
#header #search {position:absolute; top:37px; right:25px; margin:0;}
#header #search #search-input {width:150px; border:1px solid #ccc; border-left:1px solid #aaa; border-top:1px solid #aaa; padding:3px; background:#fff;}
#header #search #search-submit {border:1px solid #ccc; border-right:1px solid #aaa; border-bottom:1px solid #aaa; padding:3px; background:#fff;}
#nav {margin:0 15px;padding-bottom:10px;}
#hp .droplinetabs ul li ul {background:url("design/dropmenu.png") 0 0 no-repeat;}
#hp .droplinetabs ul li ul li a {color:#244973 !important;}
#hp .droplinetabs ul li ul li a:hover {color:#F14D22 !important;}
#image {position:relative; width:963px; height:263px; margin-bottom:7px; overflow:hidden;}
#image ul#slider {margin:0;}
#image ul#slider li {position:relative;}
#image ul#slider h3 {position:absolute; bottom:25px; left:780px;margin:0; width:165px; font:140%/1.5 "georgia",sans-serif;text-align:right; color:#fff;}
#cols {background:#fff url("/design/cols.gif") 0 0 repeat-y;}
#cols {background:#fff url("design/cols.gif") 0 0 repeat-y;}
#cols-in {background:url("design/cols-in.gif") 0 0 no-repeat;}
#content {float:left; width:630px; padding:10px 25px; overflow:hidden;}
#aside {float:right; width:202px; padding:0 0px 25px 0; overflow:hidden; color:#3f3f3f;}
#footer {clear:both; width:963px; background:url("design/footer.gif") 0 0 no-repeat; overflow:hidden;}
#footer p {margin:0; padding:18px 25px 0 25px; color:#7f7f7f;}
#footer p a {color:#7f7f7f;}
#footer .f-right a {padding-left:20px; background:url("design/logo-qartin.gif") 0 0 no-repeat; color:#7f7f7f;}
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#DFDFDF; font-weight:normal;} 
#dropmenu a {display:block; padding:0.25em 1em; color:#244973; border-right:0px solid #c8c8c8; text-decoration:none; background:#DFDFDF;} 
#dropmenu a:hover {background:#888; color:#fff;} 
#dropmenu li {float:left; position:relative;} 
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px; text-decoration:none;} 
#dropmenu ul a {border-left:0px solid #c8c8c8;} 
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;} 
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;} 
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 

/* ----------------------------------------------------------------------------------------------------------
Úvod
---------------------------------------------------------------------------------------------------------- */

#title-01 {position:relative; width:963px; height:60px; overflow:hidden; margin:0; padding:0; font-size:160%;}
#title-01 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("design/title-01.gif") 0 0 no-repeat;}
#content #perex {margin-left:-25px; padding:15px 15px 15px 245px; background:url("design/ilu-01.jpg") 0 50% no-repeat; font-size:120%;}
#content #perex p {margin:0;}
#content h1 {font-size:200%; color:#244973;} /* - OV- */
#content h2 {font-size:160%; color:#244973;} /* - OV- */
#content h3 {font-size:120%; color:#244973; font-weight:bold;} /* - OV- */
#content h4, h5, h6 {font-size:100%; color:#244973; font-weight:bold;} /* - OV- */
#content ul {margin:15px 0 15px 30px; list-style:none; line-height:1.4;}  /* - OV- */
#content ul.ul-01 {margin:15px 0 15px 30px; list-style:none; line-height:1.7;}  /* - OV- */
#content ul.ul-01 ul {margin:0;}  /* - OV- */
#content li {padding-left:18px; background:url("design/arrow-01.gif") 0 6px no-repeat;}  /* - OV- */
#content ul.ul-01 ul li {padding-left:18px; background:url("design/arrow-02.gif") 0 3px no-repeat;}  /* - OV- */
#content fieldset {border:1px solid #D3D8DE; padding:10px;} /* - OV- */
#content fieldset legend {font-size:110%; font-weight:bold; color:#244973;} /* - OV- */
#content fieldset table {margin:0;} /* - OV- */
#content fieldset table th, fieldset table td {padding:3px 5px;} /* - OV- */
#content .cols2 {background:url("design/cols2.gif") 405px 50% no-repeat;}
#content .col-left {float:left; width:380px; text-align:justify;}
#content .col-left h3 {margin:0; font-size:120%; text-transform:uppercase; color:#F14D22; font-weight:normal;}
#content .col-right {float:right; width:182px;}
#content .col-right p {margin:0;}
#content input, select, textarea {border:1px solid #ccc; border-top:1px solid #aaa; border-left:1px solid #aaa; padding:3px; background:#fff; font:100%/1 "arial",sans-serif;}
#content  textarea {border:1px solid #ccc;}
#content img.alignleft {float:left; margin-right:20px;}
#content img.alignright {float:right; margin-left:20px;}
#content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#content a img.alignright {float:right; margin-left:20px;}
#content a img.alignleft {float:left; margin-right:20px;}
#content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#content .wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#content .wp-caption img {margin: 0;padding: 0;border: 0 none;}
#content .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
#content .clear {clear:both;}
#content table tbody {margin:0; border:2px solid #D3D8DE;}
#content table tbody th, #content table tbody td {padding:5px; border:1px solid #D3D8DE; vertical-align:middle;}
#content table tbody th {padding:7px 5px; background:#EBEEF2; color:#244973; font-weight:bold; text-align:left;}
#content table tbody tr.bg td {background:#EBEEF2;} 
#aside h3 {margin:0; font-size:120%; text-transform:uppercase; color:#F14D22; font-weight:normal;}
#aside #news dt {padding-left:17px; background:url("design/arrow-01.gif") 0 5px no-repeat; font:85%/1.5 "tahoma",sans-serif; color:#1f1f1f;}
#aside #news dd {padding-left:17px; padding-bottom:10px;}
#archiv li {list-style:none; font:85%/1.5 "tahoma",sans-serif; color:#1f1f1f;}
#archiv a li {list-style:none; font:85%/1.5 "tahoma",sans-serif; color:#1f1f1f;}
#mininavigace a li {list-style:none; font:85%/1.5 "tahoma",sans-serif; color:#1f1f1f;}

/* ----------------------------------------------------------------------------------------------------------
HTML styly
---------------------------------------------------------------------------------------------------------- */

h1 {font-size:200%; color:#244973;}
h2 {font-size:160%; color:#244973;}
h3 {font-size:120%; color:#244973; font-weight:bold;}
h4, h5, h6 {font-size:100%; color:#244973; font-weight:bold;}
abbr, acronym, .help {border-bottom:1px dotted #ccc; cursor:help;}
ul.ul-01 {margin:15px 0 15px 30px; list-style:none; line-height:1.7;}
ul.ul-01 ul {margin:0;}
ul.ul-01 li {padding-left:18px; background:url("design/arrow-01.gif") 0 3px no-repeat;}
ul.ul-01 ul li {padding-left:18px; background:url("design/arrow-02.gif") 0 3px no-repeat;}
table.table-01 {margin:0; border:2px solid #D3D8DE;}
table.table-01 th, #content table.table-01 td {padding:5px; border:1px solid #D3D8DE; vertical-align:middle;}
table.table-01 th {padding:7px 5px; background:#EBEEF2; color:#244973; font-weight:bold; text-align:left;}
table.table-01 tr.bg td {background:#EBEEF2;}
fieldset {border:1px solid #D3D8DE; padding:10px;}
fieldset legend {font-size:110%; font-weight:bold; color:#244973;}
fieldset table {margin:0;}
fieldset table th, fieldset table td {padding:3px 5px;}
dl.dl-01 {margin:15px 0;}
dl.dl-01 dt {font-weight:bold; color:#F14D22;}
dl.dl-01 dd {margin-left:30px; color:#777;}
blockquote.blockquote-01 {margin:15px 30px !important; padding-left:40px; background:url("design/quote-03.gif") 0 0 no-repeat; font:italic 130%/1.4 "georgia",serif;}
input, select, textarea {border:1px solid #ccc; border-top:1px solid #aaa; border-left:1px solid #aaa; padding:3px; background:#fff; font:100%/1 "arial",sans-serif;}
.perex {font-size:120%;}
.submit {border:1px solid #18314D; border-left:1px solid #306199; border-top:1px solid #306199; background:#244973; color:#fff; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
Ostatní
---------------------------------------------------------------------------------------------------------- */

img.alignleft {margin-right:20px;}
img.alignright {margin-left:20px;}
.tit {padding:10px; background:#eee; font-size:100% !important; font-weight:normal; color:#000 !important;}
.tag {background:#ffa; font-size:12px; color:#000;}