@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(img/bck.jpg);
	background-repeat:repeat;
	color:#455D7F;
	/*
	font-family:Arial,Helvetica,sans-serif;
 */
	font-size:19px;
	font-style:normal;
	font-weight:lighter;
	line-height:23px;
	margin:0;
	padding:0;
	font-family:'FuturaTOTBook',sans-serif;
	font-size-adjust:0.39;
}
.bold{
	font-weight:bold;
	
}
a{
	text-decoration:none;
	color:inherit;
	cursor:pointer;
}
a:hover{
	text-decoration:none;
	color:#a61d2b;

}
p{
	margin:0px;
	padding:0px;
	
}
ul{
	text-decoration:none;
	color:inherit;
	
}
li{
	list-style-type:circle;
	list-style-position:inside;	
}
div#langs {
	right:-75px;
	position:absolute;
	text-align:center;
	top:0px;
	width:207px;
	z-index:101;
}
div#langs a.cs {
	background-image:url(./img/flag_cs.png);
	display:inline-block;
	height:11px;
	width:16px;
}
div#langs a.en {
	background-image:url(./img/flag_en.png);
	display:inline-block;
	height:11px;
	width:16px;
}

/**
 * Layout
 */
div.wrapper {
	position:absolute;
	left:0px;
	height:0px;
	width:100%;
	height:100%;
}
div.wrapper > table {
	width:100%;
}

div.wrapper > table td.center {
	width:969px;
	vertical-align:top;
}
div.wrapper > table td.left {
	position:relative;
	background-image: url(img/main_img_left.jpg);
	background-position:right 71px;
	background-repeat:repeat-x;
	vertical-align:bottom;
	
}
div.wrapper > table td.right {
	position:relative;
	background-image: url(img/main_img_right.jpg);
	background-position:left 71px;
	background-repeat:repeat-x;
	vertical-align:bottom;

}
div.wrapper > table td.left div,
div.wrapper > table td.right div {
}
#main_logo{
	height:76px;
	left:30px;
	position:relative;
	width:229px;
	display:block;
}

/**
 * In-page layout
 */
#main {
	background-image:url(img/main_img.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	position:relative;
	width:997px;
	height:380px;
}
div.contents {
	min-height:450px;
	padding-top:330px;
	width:635px;
}
#strom{
	left:206px;
	position:absolute;
	top:1px;
	width:554px;	
	
}
#menu{
	top:45px;
	right:3px;
	position:absolute;

}

#menu a{
	font-size:16px;
	margin-left:5px;
}

#menu a:hover {
	color:#a61d2b;
	text-decoration:none;	
}
a:hover {
	color:#a61d2b;
	text-decoration:none;
}
#menu a.kontakt{
	font-size:20px;
	color:#850028;


}
#menu a.kontakt:hover{
	color:#ffba00;
}


/**
 * nejnovejsi projekty _ main
 */
tr.projects {
	background-image:url(img/bck_projekty.png);
background-repeat:repeat-x;
}
#nejnovejsiprojekty_main{
	min-height:200px;
	padding-top:20px;
	width:630px;
	float:left;
}
 
.projekt{
	background-image:url(img/under_img_projekty.png);
	background-repeat:no-repeat;
	margin-left:33px;
	margin-top:18px;
	min-height:192px;
	padding-left:291px;
	position:relative;
	width:280px;
}
.projekt img {
	 position:absolute;
	 left:6px;
	 top:6px;
	 border:none;
}
.projekt p.nazev {
	font-weight:bold;
	color:#850028;
	font-size:27px;
	font-variant:small-caps;
	margin-bottom:10px;
}
.projekty_txt{
	color:#809098;
    font-family: 'FuturaTOTLight';
	width:240px;
	
}
.projekt a.lupa{
	background-image:url(./img/lupa.jpg);
	bottom:11px;
	display:block;
	height:30px;
	position:absolute;
	right:0;
	width:37px;
}
.projekt a:hover {
	background-position:0px -31px;
	border:none;
}

.head_dark{
	font-size: 30px;
	color:#405248;
	font-weight:bold;
}

.head_light{
	font-size: 30px;
	color:#9ebfad;
	font-weight:bold;
}
.nazev_nej_projekty{
	margin-left:38px;
	height:32px;
}

/**
 * Blog
 */
.nazev_blog_top{
	height:32px;
	left:25px;
	margin-bottom:20px;
	margin-left:38px;
	margin-top:20px;
	position:relative;
}


#blog_main{
	background-image:url(img/bck_blog2.jpg);
	background-repeat:no-repeat;
	min-height:600px;
	width:345px;
	padding-top:20px;
	position:relative;
	float:right;
}
#blog_main p {
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
}
#blog_main iframe {
	margin-left:15px;border:none; overflow:hidden; width:312px; height:650px;background-color:white;
}

.blog{
	margin-left:19px;
	margin-top:15px;
	min-height:95px;
	position:relative;
	margin-right:15px;
}

.nazev_blog{
	font-size:24px;
	color:#302f34;
	margin-bottom:7px;
	
}
.txt_blog{
	color:#58655e;
	font-size:17px;
	
}
.txt_blog img {
	float:right;
}

/**
 * texty kratke main
 */
 #main_txt{
	 margin-bottom:15px;
	 
 }
 
#kreativni_design{
	float:left;
	margin-right:50px;
	margin-left:40px;
	
}
#kreativni_design div {
	width:273px;
	height:36px;
	background-image:url(./img/kreativni_design.png);
}
#osobni_pristup{
	float:left;
	margin-right:50px;
}
#kompletni_sluzby{
	float:left;
}
.kratkytxt{
	clear:both;
	width:266px;
	margin:0px;
	padding:0px;
	
}
.vice{
	text-align:right;
	
	
}

/*
 * portfolio page - portfolio.php
 */
 body.s_portfolio{
	 background-image:url(img/bck_blue_dark.jpg);
	 
 }
body.s_portfolio div.wrapper > table td.left,
body.s_portfolio div.wrapper > table td.right
{
	background-image:url(img/bck.jpg);
	background-repeat:repeat;
}
body.s_portfolio div#main {
	 height:70px;
}

body.s_portfolio div#main_txt{
	padding-top:100px;
	position:relative;
}

body.s_portfolio div#main > img#strom {
	 display:none;
}
tr.portfolio {
	background-image:url(img/bck_footer_top4.jpg);
	background-repeat:repeat-x;
}
body.l_en tr.portfolio {
	background-image:url(img/bck_footer_top4_en.jpg);
}
div.projektDetail{
	background-image:url(img/portfolio_projekt_bck5.png);
	background-repeat:no-repeat;
	height:400px;
	padding-left:25px;
	padding-right:27px;
	padding-top:15px;
	width:945px;
	position:relative;	
}

div#main_txt div.first {
	background-image:url(img/under_img_projekty_first.png);
	background-repeat:no-repeat;
	height:385px;
	left:9px;
	position:absolute;
	top:107px;
	width:973px;
	z-index:0;
}

div.projektDetail p{
	width:360px;

}
div.projektDetail p.nazev {
	color:#9EBFAD;
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	height:30px;
	margin-bottom:15px;
	margin-left:25px;
	margin-top:15px;
}
div.projektDetail p.projekty_txt{
	color:#FFF;
	width:341px;
	margin-left:25px;
}
div.projektDetail div.images {
	float:right;
	height:355px;
	position:absolute;
	right:27px;
	top:15px;
	width:535px;
}

div.projektDetail div.images img {
	cursor:pointer;
	height:345px;
	position:absolute;
	right:5px;
	top:4px;
	width:525px;
	border:2px solid grey;
}
div.projektDetail div.images div.left {
	background-image:url(./img/SimpleGallery/left_arrow.png);
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:20px;
	left:-8px;
	position:absolute;
	top:220px;
	width:20px;
}
div.projektDetail div.images div.left:hover {
	background-position:0px -21px;
}

div.projektDetail div.images div.right {
	background-image:url(./img/SimpleGallery/right_arrow.png);
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:20px;
	position:absolute;
	right:-4px;
	top:220px;
	width:20px;
}
div.projektDetail div.images div.right:hover {
		background-position:0px -21px;

}
div.projektDetail div.images div.counter {
	position:absolute;
	top:360px;
	left:0px;
	right:0px;
	text-align:center;
}
div.projektDetail div.images div.counter a.dot {
	display:inline-block;
	width:8px;
	height:8px;
	border:1px solid gray;
	background-color: #666666;
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}
div.projektDetail div.images div.counter a.dot.selected {
	background-color: white;
}

.tech_parametry{
	color:#fff3dc;
	font-size:18px;
	
}
.date{
	color:#568c9c;
	
}
a.dotted_underline{
	text-decoration:none;
	border-bottom:1px dotted #FFF; 
	text-align:center;
	color:#FFF;	
}

/*
 * footer
 */
table.contact_me {
	background-image:url(img/bck_blue_dark2.jpg);
	color:#FFF3DC;
}
tr.contact_me td {
	background-image:url(img/bck_footer_top_dark2.jpg);
	background-repeat:repeat-x;
}
#footer{
	 min-height:300px;
	 color:#FFF3DC;
    font-family: 'FuturaTOTLight';
 }
tr.contact_me .head_dark{
	font-size: 35px;
	color:#c04f04;
	font-weight:bold;
}
#footer .head_light {
color:#9EBFAD;
font-size:35px;
font-weight:bold;
}
#footer .nazev_nej_projekty {
height:32px;
margin-left:21px;

}

#footer_content{
	padding-left:20px;
	padding-top:30px;
}
.textarea{
	background-color:#f7eccb;
	border:thin dotted #294656;
	border-color:#294656;
	
	
}
input{
	background-color:#f7eccb;
	border:thin dotted;
	border-color:#294656;
}
#contact_form{
	float:left;
	margin-left:40px;
	margin-top:20px;
	position:relative;	
}
#contact_form div{
	position:relative;
	height:21px;
	margin-bottom:14px;
	
}
#contact_form input{
	position:absolute;
	left:90px;
	top:2px;
	height:18px;

	
}
#contact_form label {
	left:0;
	position:absolute;
	top:0;
}
#contact_form div.w100p {
	width:150px;
}
#kontakt_content {
	float:left;
	margin-left:100px;
	width:255px;
	height:364px;
}
#kontakt_content p {
	margin-top:0;
}
.kontakt_txt {
	font-size:16px;
	margin:0 0 16px;
}
#kontakt_content_txt{
	margin-left:40px;
	margin-top:16px;
	width:300px;	
}
.little_title{
	color:#c04f04;
	font-family:'FuturaTOTBook',sans-serif;
	
}
#footer_menu{
	clear:both;
	text-align:center;
    font-family: 'FuturaTOTLight';
	font-size:15px;
	color:#9EBFAD;
}
#submit_btn{
	cursor:pointer;
	
}
/* Needed for IE7 */
#footer_menu a,
#footer_menu a:visited{
	color:#9EBFAD;
}
#footer_menu a:hover {
	color:#a61d2b;
}

p.footer_last_line {
	margin:0px;
	margin-bottom:10px;
	padding-bottom:8px;
	font-size:13px;
	text-align:center;
	clear:both;
}
/* Needed for IE */
p.footer_last_line a,
p.footer_last_line a:visited {
	 color:#FFF3DC;
}

#contact_form div.nopos, #contact_form div.nopos input {
	position:relative;
	height:190px;
}

#contact_form #submit_btn {
	left:0;
	height:20px;
	top:-13px;
}

#thankYou{
	float:left;
	margin-left:37px;
	margin-top:98px;
	text-align:center;
	width:229px;	
}
/*
 * sluzby
 */
table td.center {
	 width:997px;
}
table.sluzby {
	 background-image:url(img/bck_blue_dark.jpg);
}
tr.sluzby td {
	background-image:url(img/bck_footer_top_dark.jpg);
	background-repeat:repeat-x;
}
 .sluzby{
    font-family: 'FuturaTOTLight';
	color:#FFF3DC;
 }
.sluzby .head_light {
	color:#01c3fb;
	font-size:35px;
	font-weight:bold;
	font-family:'FuturaTOTBook',sans-serif;
}
.nazev_sluzby_top {
	margin-bottom:36px;
	margin-left:38px;
	margin-top:35px;
	position:relative;	
}
.nazev_li{
	color:#01c3fb;
	font-size:22px;
	font-family:'FuturaTOTBook',sans-serif;
	margin-bottom:10px;
	margin-left:38px;
}
.txt_sluzby{
	width:500px;
	float:left;
	margin-left:30px;
	margin-top:20px;
	margin-bottom:45px;	
}
.seznam_sluzby{
	float:left;
	width:322px;
	
}
.seznam_sluzby ul{
	margin-bottom:38px;
	
}
.sluzby .kontakt_odkaz{
		color:#01c3fb;

}

table.osobni {
	 background-image:url(img/bck_blue_dark2.jpg);
}
tr.osobni td {
	background-image:url(img/bck_footer_top_dark2.jpg);
	background-repeat:repeat-x;
}
 .osobni{
    font-family: 'FuturaTOTLight';
	color:#FFF3DC;
 }
.osobni .head_light {
	color:#fbcf01;
	font-size:35px;
	font-weight:bold;
	font-family:'FuturaTOTBook',sans-serif;
}

.txt_osobni{
	width:500px;
	float:left;
	margin-left:34px;
	margin-top:2px;
	margin-bottom:45px;
}
#ome_img{
	background-color:#990000;
	display:block;
	float:left;
	height:280px;
	margin-left:40px;
	width:280px;
	margin-bottom:20px;	
	border:solid;
}
.txt_osobni p{
	margin-bottom:20px;
	
	
}
.osobni .kontakt_odkaz{
	color:#fbcf01;
}


table.kreativni {
	 background-image:url(img/bck_blue_dark2.jpg);
}
tr.kreativni td {
	background-image:url(img/bck_footer_top_dark2.jpg);
	background-repeat:repeat-x;
}
 .kreativni{
    font-family: 'FuturaTOTLight';
	color:#FFF3DC;
 }
.kreativni .head_light {
	color:#5db903;
	font-size:35px;
	font-weight:bold;
	font-family:'FuturaTOTBook',sans-serif;
}

.txt_kreativni p{
	margin-bottom:20px;
	margin-left:40px;
	
}
.kontakt_odkaz{
	font-size:24px;
	color:#5db903;
	font-family:'FuturaTOTBook',sans-serif;
	font-variant:small-caps;
	margin-top:5px;
}
.txt_kreativni{
	margin-bottom:45px;
	width:500px;
}

.nazev_kreativni{
	color:#5db903;
	font-size:22px;
	font-family:'FuturaTOTBook',sans-serif;
	margin-bottom:10px;
	font-variant:small-caps;
}
#logo_osobni{
	position:absolute;
	left:800px;
	
}