@charset "utf-8";

body { position: relative; width: 100%;	margin: 0 auto;	text-align: center; background-color: #f8f8f8;}
html { padding:0; margin:0;}
#main_container  {width:950px; padding:0; margin:0 auto;}
#top_container {position:relative; float:left; width:950px; height: 152px;}

/********** header **********/
.logo {position: relative; float: left; width:479px; height:130px;  background: url(../images/logo_vision_studio.png) top no-repeat;}
.logo h1 a {display:block; width:479px; height:130px; border:0;outline:0; padding:0; margin: 0 auto; text-indent:-9000px;}
.quick_contact {position: relative; float: left; width:471px; padding-top:10px;}
.div_left {position: relative; float: left;}
.div_right {position: relative; float: right;}
.phone{margin-left:20px; text-align:right; padding-top:5px;}

/* linki */
a.quick_message{font-family: 'Oswald', serif; font-size: 17px; font-style: normal; font-weight: 20px;  text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.4; color:#9a9a9a;}
a.quick_message:link {text-decoration: none}
a.quick_message:visited {text-decoration: none}
a.quick_message:active {text-decoration: none}
a.quick_message:hover {text-decoration: none; color:#454545;}

a.news_link{font-family: 'Oswald', serif; font-size: 14px; font-style: normal; font-weight: 20px;  text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.4; color:#bdbdbd;}
a.news_link:link {text-decoration: none}
a.news_link:visited {text-decoration: none}
a.news_link:active {text-decoration: none}
a.news_link:hover {text-decoration: none; color:#a9a9a9;}

/* menu */	
#menu_container {clear:left; position: relative; float: left; width:950px; height:74px; margin:0 auto; padding:0;}
#menu_container ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:left;}
#menu_container li {list-style-type:none; display:inline;}
#menu_container li a {height:59px; float:left; background-image:url('../images/menu.png'); padding:0; margin:0 auto; text-align:center; color:#727271; padding-top:15px;}

	a.a1 {width:170px; background-position: 0 0;}
	a.a2 {width:182px; background-position: -170px 0;}
	a.a3 {width:215px; background-position: -352px 0;}
	a.a4 {width:188px; background-position: -567px 0;}
	a.a5 {width:195px; background-position: -755px 0;}
	
	a.a1:hover,	a.a1.hover {width:170px; background-position: 0 -74px;}
	a.a2:hover,	a.a2.hover {width:182px; background-position: -170px -74px;}
	a.a3:hover,	a.a3.hover {width:215px; background-position: -352px -74px;}
	a.a4:hover,	a.a4.hover {width:188px; background-position: -567px -74px;}
	a.a5:hover,	a.a5.hover {width:195px; background-position: -755px -74px;}
	
	a.check {background-position: 0 -74px;}
	a.b1 {width:170px; background-position: 0 -74px;}
	a.b2 {width:182px; background-position: -170px -74px;}
	a.b3 {width:215px; background-position: -352px -74px;}
	a.b4 {width:188px; background-position: -567px -74px;}
	a.b5 {width:195px; background-position: -755px -74px;}

.violet {color:#b5126b;}

#body_page	{clear:left; position: relative; float: left; width:950px; margin:0 auto; padding:0; margin-top:21px;}	

/* main page */
#slider_container {position: relative; float: left; width:950px; height:438px; margin:0 auto; padding:0; margin-bottom: 21px; background-color:#bcb5ae;}
.title_long {clear:left; position:relative; float:left; width:950px; height:26px; background: url(../images/title_line.png) repeat-x; text-align:center;}
.title_short {clear:left; position:relative; float:left; width:321px; height:26px; background: url(../images/title_line.png) repeat-x; text-align:center;}
.title_text {background-color:#f8f8f8; margin-left: auto; margin-right: auto; }
.micro {width:70px;}
.mini {width:100px;}
.midi {width:130px;}
.big {width:200px;}
.oswald_little {font-family: 'Oswald', serif; font-size: 17px; font-style: normal; font-weight: 20px;  text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; color:#727271;}

.empty_container {clear:left; position:relative; float:left; width:950px; text-align:center; margin-top:24px;}
.box_presentation {position:relative; float:left; width:215px; height:249px; border-width: medium; border-color:#d7d7d7; border-style: solid; text-align:center;}
.box_middle {margin-left: 21px;}
.box_presentation_title {width:215px; height:49px; border-bottom: 3px solid #d7d7d7; padding-top:23px;}
.box_presentation_image {clear:left; position:relative; float:left; width:215px; text-align:center; padding-top:9px;}
.oswald_big {font-family: 'Oswald', serif; font-size: 24px; font-style: normal; font-weight: 20px;  text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; color:#454545;}

.left_small_container {position:relative; float:left; width:321px;}
.left_mini_container {position:relative; float:left; width:130px; padding-top:35px; padding-left:120px;}
.space_left {margin-left:25px; text-align:left;}
#news_container {clear:left; position: relative; float: left; width:315px; margin:0 auto; padding:0; margin-top:21px; border-right: 3px solid #d7d7d7; border-left: 3px solid #d7d7d7;  border-bottom: 3px solid #d7d7d7;}	
.news_box {clear:left; position: relative; float: left; width:315px; height:135px; border-top: 3px solid #d7d7d7;}
.news_img {clear:left; position: relative; float: left; width:135px; height:117px; text-align: center; padding-top: 18px;}
.news_info {position: relative; float: left; width:165px; height:135px; text-align:left; font: bold 12px  Tahoma; }
p.news_date {font-family: 'Oswald', serif; font-size: 16px; font-style: normal; font-weight: 20px;  text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; color:#abc71b;}
#mini_menu_container {clear:left; position: relative; float: left; width:321px; margin:0 auto; padding:0; margin-top:21px;}	

/* slider */
.theme-default #slider {    
    width:950px; /* Make sure your images are the same size */
    height:438px; /* Make sure your images are the same size */
	text-align: left;	
}


/* accordion menu */
.topnav {width: 301px; padding: 40px 28px 25px 0; font-family: 'Oswald', serif; font-size: 24px; font-style: normal; font-weight: 20px;  text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; color:#abc71b;}
ul.topnav {padding: 0; margin: 0; padding-left: 20px; font-size: 1em; line-height: 1em; color:#3b3b3b; list-style: disc;}
ul.topnav li {}
ul.topnav li a {line-height: 30px; font-size: 24px; padding: 10px 5px; color:#abc71b; display: block; text-decoration: none;}
ul.topnav li a:hover {background-color:#d7d7d7; color:white;}
ul.topnav ul {margin: 0; padding: 0; padding-left: 20px; color: #abc71b; display: none;}
ul.topnav ul li {margin: 0; padding: 0; padding-top:6px; clear: both; list-style: disc;}
ul.topnav ul li a {line-height: 5px; padding-left: 20px; font-size: 18px; color:#9a9a9a; font-weight: normal;}
ul.topnav span{float:right;}

table {clear:left; position: relative; float: left; width:920px; margin-top:20px; margin-bottom:20px; padding: 20px 20px 20px 20px; border:0px; font:normal 11px  Arial, Helvetica, sans-serif; border: 1px solid #ec9d49; border-collapse: collapse;}
td { padding: 4px 4px 4px 4px;}
table.powiekszony {font:normal 13px  Arial, Helvetica, sans-serif;}
table.powiekszony td {height:30px; text-align:left;}
table.formularz {width:420px; text-align:left; padding: 20px 20px 20px 20px; border: 0px; margin:0;}

/* oferta */
.half_area_container {position:relative; float:left; width:460px;}
.title_half {clear:left;position:relative; float:left; width:460px; height:26px; background: url(../images/title_line.png) repeat-x; text-align:center;}
.half_break {position:relative; float:left; width:30px; height:26px;}
.half_text {position:relative; float:left; width:460px; margin-top:24px; font:normal 13px  Arial, Helvetica, sans-serif; color:#727271; text-align:justify; line-height: 1.4;}

/* portfolio */
.border {border-width: medium; border-color:#d7d7d7; border-style: solid; margin:0; width:944px;}
#menu_portfolio {clear:left; position: relative; float: left; width:944px; height:53px; margin:0 auto; padding:0; background-color:#d7d7d7;}
#menu_portfolio ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:left;}
#menu_portfolio li {list-style-type:none; display:inline;}
#menu_portfolio li a {height:35px; float:left; padding:0; margin:0 auto; text-align:center; padding-top:15px;}

	a.c1 {width:234px; border-right: 3px solid #d7d7d7; border-bottom: 3px solid #d7d7d7; color:#c2c2c2; background-color:#e6e6e6;}
	a.c2 {width:234px; border-bottom: 3px solid #d7d7d7; color:#c2c2c2; background-color:#e6e6e6;}
	a.c3 {width:234px; border-left: 3px solid #d7d7d7; border-right: 3px solid #d7d7d7; border-bottom: 3px solid #d7d7d7; color:#c2c2c2; background-color:#e6e6e6;}
	a.c4 {width:233px; border-bottom: 3px solid #d7d7d7; color:#c2c2c2; background-color:#e6e6e6;}
	
	a.c1:hover,	a.c1.hover {width:234px; border-right: 3px solid #d7d7d7; border-bottom: 3px solid #d7d7d7; color:#727271;}
	a.c2:hover,	a.c2.hover {width:234px; border-bottom: 3px solid #d7d7d7; color:#727271;}
	a.c3:hover,	a.c3.hover {width:234px; border-right: 3px solid #d7d7d7; border-bottom: 3px solid #d7d7d7; color:#727271;}
	a.c4:hover,	a.c4.hover {width:233px; border-bottom: 3px solid #d7d7d7; color:#727271;}
		
	a.d1 {width:234px; height:53px; background-color: #f8f8f8; color:#b5cd37;  border-right: 3px solid #d7d7d7; border-bottom: 3px solid #f8f8f8;}
	a.d2 {width:234px; height:53px; background-color: #f8f8f8; color:#b5cd37; border-bottom: 3px solid #f8f8f8;}
	a.d3 {width:234px; height:56px; background-color: #f8f8f8; color:#b5cd37; border-left: 3px solid #d7d7d7; border-right: 3px solid #d7d7d7; border-bottom: 3px solid #f8f8f8;}
	a.d4 {width:233px; height:53px; background-color: #f8f8f8; color:#b5cd37; border-bottom: 3px solid #f8f8f8;}	

.object_list {clear:left; position:relative; float:left; margin-top:40px; margin-left:30px; padding-bottom:40px;}
.short_list {width:560px;}
.long_list {width:880px;}
.object_box {clear:left; posiotn:relative; float:left; border-bottom: 3px solid #d7d7d7; text-align:left;}
.short_info {width:410px;}
.long_info {width:550px;}
.left_list {position:relative; float:left;}
.left_border {margin-left:20px; border-left: 1px solid #d7d7d7;}
ul.pmenu {padding: 0; margin: 0; padding-left: 30px; font-size: 1em; line-height: 1em; color:#3b3b3b; list-style: disc;}
ul.pmenu li a {line-height: 30px; font-size: 17px; color:#abc71b; display: block; text-decoration: none; text-align:left;}
ul.pmenu li a:hover {background-color:#d7d7d7; color:white;}
.back_right {clear:left; position:relative; float:right;}

/* o firmie */
.ramka {border: 2px solid #d7d7d7;}

/* kontakt */
.title_contact {text-align:left; color:#727271;}
.green_title {font-size:17px; color:#bed352;}
.box {clear:left; position:relative; float:left;}
.element{position:relative; float:left;}
.dane_arch {padding-left:15px; font-size:17px; line-height: 1.5;}
.odstep {margin-top:20px;}
.red {color:#ff4949;}

/* formularz wysylania */

td.komorka_tekst {
	width: 120px;
	padding-right: 5px;
	height:30px;
	text-align: left;
	color:#5d5d5d;  
	font:normal 13px  Arial, Helvetica, sans-serif;
	
}
.pole_tekst {
	width: 82px;	
	height:30px;
	text-align: left;
	color:#5d5d5d;  
	font:normal 13px  Arial, Helvetica, sans-serif;
	
}
td.komorka_przycisk {
	height:30px;
	text-align: right;
}

td.komorka_naglowek {
	height:30px;
	text-align: center;
	color:#5d5d5d;  
	font: bold 18px  Arial, Helvetica, sans-serif;
}

td.komunikat_formularza {
	height:30px;
	text-align: center;
	color: #b14745;
	font: bold 13px  Arial, Helvetica, sans-serif;
}

label.krotki 
{
	position: relative;
	float: left;
	display: block;
	padding-right: 10px;
	width: 100px;
	font: 12px Tahoma;
	text-align: right;
}

input.formularz 
{
	position: relative;
	float: left;
	width: 355px;
	height: 29px;
	font: 15px Tahoma;
	border: 1px solid #e0e0e0;
	color:#000000;
	background-color: #ffffff;	
	padding-left:10px;
}

.pole_form
{
	width: 354px;
	height: 29px;
	font: 15px Tahoma;
	
	color:#000000;
	
	padding-left:10px;
}

input.formularz_blad
{
	position: relative;
	float: left;
	width: 355px;
	height: 29px;
	font: 15px Tahoma;
	border: 1px solid #a73e3e;
	color:#000000;
	background-color: #ffcccc;	
	padding-left:10px;
}

textarea.formularz_t
{
	margin-top:2px;
	position: relative;
	float: left;
	width: 355px;
	height: 150px;
	font:  15px Tahoma;
	border: 1px solid #e0e0e0;
	color:#000000;
	background-color: #ffffff;	
	padding-left:10px;
	padding-top:10px;
}

textarea.formularz_t_blad
{
	margin-top:2px;
	position: relative;
	float: left;
	width: 355px;
	height: 150px;
	font:  15px Tahoma;
	border: 1px solid #a73e3e;
	color:#000000;
	background-color: #ffcccc;	
	padding-left:10px;
}
		
#footer {clear:left; position: relative; float: left; padding:0; padding-top:15px; margin:0; margin-top:20px; width:950px; height:38px; font:normal 13px  Arial, Helvetica, sans-serif; background: url(../images/footer_back.png) top no-repeat; color:#a9a9a9;}

.socjal {float:right; position:relative; width:210px;float:left;height:39px;overflow:hidden;-moz-border-radius-topright:3px;-border-radius-topright:3px;}
.socjal fieldset {
	border:0;
}
.socjal fieldset legend {display:none;}


a.fb {text-indent:-9000px;outline:none;display:block;float:left;width:90px;height:38px;background:url('../images/socjal.gif') 0 0;}
a.fb:hover {display:block;width:90px;height:38px;background:url('../images/socjal.gif') 0 -38px;}
a.gplus {text-indent:-9000px;outline:none;display:block;float:left;width:90px;height:38px;background:url('../images/socjal.gif') -90px 0;}
a.gplus:hover {display:block;width:90px;height:38px;background:url('../images/socjal.gif') -90px -38px;}
a.blip:hover {display:block;width:55px;height:38px;background:url('../images/socjal.gif') -155px -38px;}

#fb_box {
	position: absolute;
	padding-left: 420px;
	padding-top:120px;
}

.profileimage {display:none;}
.fan_box .full_widget{border:0;background:#f8f8f8}
.fan_box .connect_top{display:none;}
.fan_box .full_widget .connect_top{background:#ffffff}
.fan_box .full_widget{border:0;background:#f8f8f8}
.fan_box .connections{border:0;padding:0;min-height:150px}
	






