@CHARSET "UTF-8";
/*
	stylesheet for geopot.hu
	weblapotakarok.com / weblapotakarok.hu
	(@Balogh Attila)
	
	Content:
	1. CORE
	2. INDEX
	3. SUBPAGE
	4. FOOTER
	5. SIDEBAR
	
*/

/* CORE */

body{
	background: #3a79a7 url("../img/bg-body.jpg") repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
}

#whitebg{
	width: 100%;
	background: #fff;
}

#wrapper{
	width: 960px;
	margin: 0 auto;
}

#header{
	height: 130px;
	width: 900px;
	padding: 0 30px;
	overflow: hidden;
	background: url("../img/bg-header.jpg") 730px 0 no-repeat;
	margin: 0 auto;
}

#header span, #header a{
	display: block;
	float: left;
}

#header span{
	padding-left: 18px;
	padding-top: 28px;
	color: #3a79a7;
}

#indextop{
	width: 100%;
	height: 233px;
	overflow: hidden;
}

#subpage{
	width: 900px;
	margin: auto;
	padding: 30px 0 70px 0;
}

#indexbottom{
	width: 940px;
	height: 200px;
	overflow: hidden;
	padding-left: 28px;
}

#footer{
	width: 100%;
	height: 95px;
	overflow: hidden;
	background: url("../img/bg-footer.jpg") 0 0 repeat-x;
	padding-top: 2px;
}

#footerwrapper{
	background: url("../img/logo-footer.gif") 30px 0 no-repeat;
	width: 900px;
	margin: 0 auto;
	padding: 0 30px;
	height: 93px;
	
}

/* INDEX */
#indextop .sliderbox{
	width: 480px;
	height: 233px;
	float: left;
}

#indextop .textbox{	
	background: url("../img/bg-index-topleft.jpg") 0 0 no-repeat;
	float: left;
	width: 380px;
	height: 217px;
	padding: 16px 50px 0 50px;
}

#indextop .sliderbox{
	background: url("../img/bg-slider.jpg") 0 0 no-repeat;
}

#indextop .textbox h3, #subpage .content h3{
	color: #037c1d;
	font-weight: bold;
	font-size: 16px;
}

#indexbottom .box{
	float: left;
	width: 230px;
	height: 200px;
}

#indexbottom .box a.button{
	display: block;
	width: 217px;
	height: 83px;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: 0 0;
}

#indexbottom .box a.button:hover{
	background-position: 0 -83px;
}

#indexbottom #kapcsolatbox a.button{
	background-image: url("../img/btn-kapcsolat.jpg");	
}

#indexbottom #referenciakbox a.button{
	background-image: url("../img/btn-referenciak.jpg");	
}

#indexbottom #szolgaltatasokbox a.button{
	background-image: url("../img/btn-szolgaltatasaink.jpg");	
}

#indexbottom #ahogydolgozunkbox a.button{
	background-image: url("../img/btn-ahogydolgozunk.jpg");	
}

#indexbottom ul{
	list-style-image: url("../img/bullet-main.jpg");
	padding: 16px 0 0 30px;	
	font-size: 10px;
}

#indextop ul{
	font-size: 14px;
	padding-top: 14px;
	padding-left: 22px;
	list-style-image: url("../img/bullet-main.jpg");
}

/* SUBPAGE */
#subpage .content{
	width: 670px;
	float: left;
	padding-right: 30px;
}

#subpage .content h3{
	padding-bottom: 36px;
}

#subpage .content h4{
	font-size: 14px;
	font-weight: 100;	
	padding-bottom: 12px;	
}

#subpage .content p{
	font-size: 12px;
	padding-bottom: 12px;
}

#subpage .content ul{
	font-size: 12px;
	line-height: 1.5em;
	padding-left: 36px;
	list-style-image: url("../img/bullet-main.jpg");
}

#subpage .content img.alignleft{
	float: left;
	padding-right: 14px;
	padding-bottom: 10px;
}

#subpage br{
	clear: both;
}

#subpage .sidebar{
	width: 165px;
	float: left;
	padding-left: 30px;
	margin-top: 30px;
	border-left: 1px solid #f7f2ee;
}

/* FOOTER */
#footerwrapper .box{
	width: 180px;
	height: 63px;
	overflow: hidden;
	float: left;
	padding: 15px;
	color: #fff;
	font-size: 11px;
}

#footerwrapper .box.first{
	text-align: right;
}

#footerwrapper .box p.fbtext{
	float: left;
	width: 132px;
}

#footerwrapper .box a.fblink{
	float: left;
	width: 48px;
}

#footerwrapper ul{
	list-style-image: url("../img/bullet-footer.jpg");
	padding-left: 15px;
}

#footerwrapper ul a, #footerwrapper p a{
	color: #ffffff;
	border-bottom: 1px solid #3a79a7;
}

#footerwrapper ul a:hover, #footerwrapper p a:hover{
	border-bottom: 1px dotted #fff;
}

#footerwrapper .separator{
	height: 93px;
	width: 20px;
	float: left;
	background: url("../img/bg-separator.jpg") 0 0 no-repeat;
}

/* SIDEBAR */
.sidebar img{
	margin-bottom: 24px;
}

.sidebar ul{
	/*list-style-image: url("../img/bullet-main.jpg");*/
	font-size: 12px;	
}

.sidebar ul li a, .sidebar ul li span{
	padding: 4px 6px;
	display: block;
	border: 1px solid #fff;	
}

.sidebar ul li span{
	color: #999;
}

.sidebar ul li a{
	color: #2b5593;
}

.sidebar ul li a:hover{
	/*background: #3a79a7;*/
	background: #f5f0eb;
	border: 1px solid #d9d9d9;
}

/* FORM */
form .row{
	width: 100%;
	height: 60px;
	overflow: hidden;
	padding-left: 6px;
}

form .rowtext{
	width: 100%;
	height: 140px;
	overflow: hidden;
	padding-left: 6px;
}

form .row .left{
	float: left;
	width: 340px;
}

form .row .right{
	float: right;
	padding-right: 6px;
	width: 320px;
}

form label{
	display: block;
	font-size: 12px;
}

form input[type="text"]{
	border: 0;
	background: url("../img/bg-input.jpg") 0 0 no-repeat;
	display: block;
	width: 300px;
	height: 28px;
	overflow: hidden;
	color: #666;
	line-height: 28px;
	padding: 0 10px;
}

form input.irszam{
	border: 0;
	background: url("../img/bg-irszam.jpg") 0 0 no-repeat;
	display: block;
	width: 35px;
	height: 28px;
	overflow: hidden;
	color: #666;
	line-height: 28px;
	padding: 0 10px;
	float: left;
}

form input.varos{
	border: 0;
	background: url("../img/bg-varos.jpg") 0 0 no-repeat;
	display: block;
	width: 240px;
	height: 28px;
	overflow: hidden;
	color: #666;
	line-height: 28px;
	padding: 0 10px;
	float: left;
	margin-left: 5px;
}


form textarea{
	border: 0;
	width: 643px;
	height: 80px;
	display: block;
	background: url("../img/bg-text.jpg") 0 0 no-repeat;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
}

#subpage .content form h4{
	border-bottom: 1px solid #ccc;
	padding: 3px 10px;
	margin-bottom: 12px;
	background-color: #f6f6f6;
	font-weight: bold;
}

form .submit{
	text-align: right;
	padding-right: 6px;
}

#contact-form .submit a{
	width: 290px;
	height: 28px;
	display: block;
	background: url("../img/btn-ajanlat.jpg") top left no-repeat;
	float: right;
	padding-right: 6px;
}

#ajanlat-form .submit a{
	width: 290px;
	height: 28px;
	display: block;
	background: url("../img/btn-kapcsolatfelv.jpg") top left no-repeat;
	float: right;
	padding-right: 6px;
}

.submit input{
	float: right;	
}

.mainerror{
	background: url("../img/bg-formerror.jpg") 0 0 no-repeat;
	width: 618px;
	height: 36px;
	color: #b12d2d;
	font-weight: bold;
	padding-left: 60px;
	padding-top: 15px;
	font-size: 12px;
}

.widescroll .beforediv{
	width: 320px;
	height: 28px;
	background: url("../img/bg-select.jpg") 0 0 no-repeat;
	float: left;
}

.widescroll .selectedholder{
	width: 300px;
	margin-left: 5px;
	line-height: 28px;
	font-size: 12px;
	color: #666;
}

.widescroll .selectlistbox{
	width: 320px;	
	/*background: url(../i/dropscrollbigbg.png) 0 0 no-repeat;*/
	margin-top: 30px;
	margin-left: -2px;
	z-index: 999;
	position: absolute;
	background-color: #fff;
	border: 1px solid #ddd;
}

.widescroll .thedatas{
	padding: 8px 0 0 16px;
	/*height: 72px;*/
	width: 304px;	
	float: left;
}

.widescroll .listitem{
	line-height: 20px;
	height: 20px;
	border-bottom: 1px solid #cfcac3;
	width: 290px;
	cursor: pointer;
	color: #cfcac3;
	font-size: 12px;
	font-weight: bold;
}

.thedatas .last{
	border-bottom: none;
}

.thedatas .selected{
	color: #b2a99d;
}

#whitewrapper{
	width: 100%;
	height: 100%;	
	z-index: 999;
	position: fixed;
	top: 0px;
	left: 0px;
	opacity:0.6;
	background: #fff url(../img/9.gif) 50% 50% no-repeat;
}


#whitewrapper{
	/*background: #fff url(i/preloader.gif) 50% 50% no-repeat;*/
}

div#kontakt{
	padding-left: 8px;
	padding-top: 34px;	
	background: url('img/bg-kontakt.png') top center no-repeat;
	
}

div.pictures{
	width: 345px;
	float: left;
}

div.pictures-full{
	width: 100%;
	clear: left;	
}

div.textcontent{
	float: left;
	width: 300px;
	
}

div.textcontent h2{
	font-size: 14px;
	font-weight: 100;
	padding-bottom: 18px;
}

div.textcontent ul{
	
}

div.pictures img, div.pictures-full img{
	width: 320px;
	height: 240px;
	float: left;
	display: block;
	padding-right: 5px;
	padding-bottom: 5px;
}