/* CSS */
BODY{ 
color: White; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
background-color: Black; 
margin: 0;
padding: 0; 
background-image:url("../images/bg.gif");
background-repeat:repeat-x;
 }
 
TD {font-size: 10pt;  }
/* p { font-size: 10pt;  margin-bottom: 7px; margin-top: 0; } */
a{ color: white; text-decoration: none; }

a:link, a:visited, a:hover {
text-decoration:none;
}
form{	margin:0;}

#HEADER{	
width:900px; 
margin-left:auto; 
margin-right:auto;
}

#HEADER ul{ 
margin: 0; 
padding: 40px 0 0; 
height:83px; 
line-height: 44px; 
display: block; 
list-style: none; 
  }
  
#HEADER li{ 
display: inline;   
float: right;  
}

#HEADER li a{ 
height: 44px; 
line-height: 44px; 
display: block; 
padding-left: 27px; 
padding-right: 27px; 
border-left: 1px solid Black;  
float: left;     
}

#HEADER li a:hover{ 
color: #444444; 
text-decoration: none;
}

#HEADER .Visual{ 
height:237px;
font-weight: bold;
font-family: Verdana; 
text-shadow:4px 4px 10px #333333;
line-height:80px;
margin:20px 0 0;  
}
h1{ 
margin: 0; 
padding: 40px 0 0 0; 
font-weight: bold; 
letter-spacing: .005em; 
color: White;  
font-size: 20pt;
width:300px;
float:left;
font-family:arial black;
letter-spacing:-2px;  
}
#container {
width:100%;
overflow:auto;
}
#wrapper {
margin:0 auto;
width:990px;
}
#describe  {
color:#9BA7B2;
line-height:1.8em;
margin:-15px auto 10px auto;
width:900px;
}
/*------------------------------------------------------*/
#CONTENT{ 
width:900px;  
margin-left:auto; 
margin-right:auto;   
}

#CONTENT h1 {
border-bottom:1px solid #222735;
color:#FFFFFF;
display:inline-block;
font-size:18px;
font-weight:normal;
letter-spacing:-1px;
margin-bottom:20px;
padding-bottom:20px;
width:100%;
font-family:arial black;
}

#CONTENT h1 span a.goup {
display:inline-block;
float:right;
font-size:25px;
height:19px;
margin-top:0;
text-align:right;
width:19px;
}

#portfolio h1 {
border-bottom:1px solid #222735;
border-top:1px solid #222735;
color:#FFFFFF;
display:inline-block;
font-size:18px;
font-weight:normal;
letter-spacing:-1px;
margin-bottom:20px;
padding:20px 0;
width:100%;
font-family:arial black;
}
#portfolio .portleft2 {
border-bottom:1px solid #222735;
float:left;
height:215px;
margin-bottom:23px;
width:287px;
}

#portfolio .portmid2 {
border-bottom:1px solid #222735;
float:left;
height:215px;
margin-bottom:23px;
padding:0 19px;
width:287px;
}

#portfolio .portright2 {
border-bottom:1px solid #222735;
float:right;
height:215px;
margin-bottom:23px;
width:287px;
}
#portfolio img:hover {
opacity:0.4;
}
#portfolio p a:link, p a:visited {
color:#9BA7B2;
text-decoration:none;
}

#portfolio p span {
color:#FFFFFF;
}
/*-------------------------------------------------------------------*/
#iframe {
width:595px; 
height:380px;
}
#contact {
border-bottom:0 solid #222735;
float:left;
margin-bottom:0 !important;
padding-bottom:0 !important;
margin-top:-35px;
width:900px;
height:500px;
}

#contact .contact_left {
float:left;
width:595px;
}
#contact .contact_left {
color:#000000;
line-height:2em;
}
#contact .contact_right {
float:right;
margin-top:0;
width:280px;
}
#contact .contact_right p {
display:block;
line-height:1.8em;
margin-bottom:20px;
}
#contact .contact_right p a {
background:url("images/mail.png") no-repeat scroll -1px 5px transparent;
color:#E5E3EF;
display:block;
margin-top:10px;
padding-left:3px;
text-decoration:none;
}
#contact .contact_right p a:hover {
color:#FDFDFD;
display:block;
text-decoration:none;
}
h5 {
color:#FFFFFF;
font-size:14px;
font-weight:normal;
line-height:1.8em;
margin-bottom:10px;
}
#content-bottom {
height:0;
width:990px;
}
/* -------------------------------------------------------------------- */
#footer{
color:#9BA7B2;
margin:0 auto;
padding:0 0 0 44px;
width:946px;
}
#footer h1 {
border-bottom:0 solid #222735;
color:#FFFFFF;
display:inline-block;
font-size:18px;
font-weight:normal;
margin-bottom:15px;
padding-bottom:5px;
padding-top:26px;
width:900px;
}
#footer h1.linea {
border-top:1px solid #222735;
border-bottom:1px solid #222735;
color:#FFFFFF;
display:inline-block;
font-size:18px;
font-weight:normal;
margin-bottom:15px;
padding-bottom:20px;
padding-top:26px;
width:900px;
}
#footer h3 {
margin-top:5px;
}
h3 {
color:#FFFFFF;
font-size:14px;
font-weight:normal;
margin-bottom:15px;
}
#footer h1 span a.otherlinks {
color:#E5E3EF;
display:inline-block;
float:left;
font-size:11px;
margin-top:-17px;
padding-left:820px;
text-decoration:none;
width:50px;
}
#footer h1 span a.goup {
display:inline-block;
float:right;
font-size:25px;
height:19px;
margin-top:0;
text-align:right;
width:19px;
}
#footer h1 span a.otherlinks {
color:#E5E3EF;
display:inline-block;
float:left;
font-size:11px;
margin-top:-17px;
padding-left:820px;
text-decoration:none;
width:50px;
}
#footer .footerow2{
height:200px;
}
.footerow-h2 {
height:30px;
}
#footer .footerow {
border-bottom:0 solid #222735;
border-top:1px solid #222735;
margin-bottom:15px;
margin-top:0;
padding:20px 0 5px;
width:900px;
}
.footerow-h {
height:0;
}
#footer .footerow ul.link {
list-style:none outside none;
margin-left:-35px;
}
#footer .footerow ul.link li {
padding:4px 0 4px 0;
text-transform:capitalize;
} 
#footer .footerow ul.link li a {
color:#E5E3EF;
text-decoration:none;
}
#footer .footerow ul.link li a:hover {
color:#FDFDFD;
text-decoration:none;
}
#footer .footerblock_left {
float:left;
width:287px;
}
#footer .footerblock_mid {
float:left;
padding:0 19px 0 20px;
width:287px;
}
#footer .footerblock_right {
float:right;
width:287px;
}
#footer .footerow ul.iconlinks {
border-bottom:1px solid #222735;
height:60px;
list-style:none outside none;
}
#footer .footerow ul.iconlinks li {
display:inline;
padding-top:0;
}
#footer .footerow ul.iconlinks li a {
display:block;
float:left;
height:38px;
margin-right:22px;
width:38px;
}
#footer .footerow ul.iconlinks li a.link1 {
background-position:0 0;
}
#footer .footerow ul.iconlinks li a.link2 {
background-position:-60px 0;
}
#footer .footerow ul.iconlinks li a.link3 {
background-position:-122px 0;
}
#footer .footerow ul.iconlinks li a.link4 {
background-position:-188px 0;
}
#footer .footerow ul.iconlinks li a.link5 {
background-position:-248px 0;
}
#footer .footerow ul.iconlinks li a.link6 {
background-position:-311px 0;
}
#footer .footerow ul.iconlinks li a.link7 {
background-position:-376px 0;
}
#footer .footerow ul.iconlinks li a.link8 {
background-position:-436px 0;
}
#footer .footerow ul.iconlinks li a.link9 {
background-position:-499px 0;
}
#footer .footerow ul.iconlinks li a.link10 {
background-position:-566px 0;
}
#footer .footerow ul.iconlinks li a.link11 {
background-position:-617px 0;
}
#footer .footerow ul.iconlinks li a.link12 {
background-position:-679px 0;
}
#footer .footerow ul.iconlinks li a.link13 {
background-position:-744px 0;
}
#footer .footerow ul.iconlinks li a.link14 {
background-position:-804px 0;
}
#footer .footerow ul.iconlinks li a.link15 {
background-position:-866px 0;
margin-right:0;
}
#footer .footerbtm {
margin-top:0;
overflow:auto;
padding:36px 0 76px;
width:900px;
}
#footer .footerbtm .footerbtm_left {
width:550px;
}
#footer .footerbtm .footerbtm_left ul {
list-style:none outside none;
margin:10px 0 0;
}
#footer .footerbtm .footerbtm_left ul li {
color:#9BA7B2;
display:inline;
margin-left:5px;
}
#footer .footerbtm .footerbtm_left ul li a {
border-left:1px solid #9BA7B2;
color:#9BA7B2;
line-height:1em;
padding-left:5px;
text-decoration:none;
}
#footer .footerbtm .footerbtm_right {
float:left;
margin-left:592px;
margin-top:-200px;
position:absolute;
width:320px;
z-index:10;
}

/* Jako nezávislý grafik a webdesigner pracuji pro jednotlivce, firmy i státní zprávu.

Snažím se tvořit moderní, čistou a přehlednou grafiku.

Ke svým zakázkám přistupuji profesionálně a zákazníkovi předávám opravdu funkční systém.

 */