/****LEFT****/

#leftSide {
	width: 720px;
	float: left;
	overflow: hidden;
	position: relative;
}

#leftSide .row {
	clear: both;
	overflow: hidden;
}

#leftSide .title {
	clear: both;
}

#leftSide .more {
	display: block;
	position: absolute;
	clear: both;
	right: 10px;
	bottom: 15px;
	background-image: url(../img/icon_more.png);
	background-repeat: no-repeat;
	padding: 6px 26px 0px 0px;
	background-position: right;
	width: 60px;
	height: 24px;
	font-weight: bold;
}

#leftSide #boxVideok .more {
	display: block;
	position: absolute;
	clear: both;
	background-image: url(../img/icon_more.png);
	background-repeat: no-repeat;
	padding: 6px 26px 0px 0px;
	right: 5px;
	bottom: 15px;
	background-position: right;
	width: 60px;
	height: 24px;
	font-weight: bold;
}

#leftSide .backto {
	border: 1px dotted #b0955c;
	background-color: #ffffff;
	height: 20px;
	font-weight: bold;
	width: 67px;
	color: #8279a7;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 4px 6px 4px 6px;
	text-decoration: none;
}

#resultNr {
	margin-bottom: 20px;
}



/* HEADER */

#pageHeader {
	background-image: url(../img/headerbg_video.jpg);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	height: 115px;
}

#pageHeaderWebkam {
	background-image: url(../img/headerbg_webkam.jpg);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	height: 147px;
	position: relative;
}

#pageHeaderPanorama {
	background-image: url(../img/headerbg_panorama.jpg);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	height: 120px;	
}

#pageHeader .title,
#pageHeaderWebkam .title {
	margin: 8px 0px 0px 20px;

}

#pageHeaderPanorama .title {
	margin: 44px 0px 0px 30px;

}

h1, h2 {
	clear: both;
	display: block;
	margin: 0px;
}

h1 span, h2 span {
	display: none;
}

#h1Videotar {
	background-image: url(../img/pagetitle_videotar.png);
	background-repeat: no-repeat;
	width: 174px;
	height: 43px;
	margin: 8px 0px 0px 20px;
}

#h1Webkamerak {
	background-image: url(../img/pagetitle_webkamerak.png);
	background-repeat: no-repeat;
	width: 258px;
	height: 43px;
	margin: 8px 0px 0px 20px;
}

#h1Panorama {
	background-image: url(../img/pagetitle_panorama.png);
	background-repeat: no-repeat;
	width: 363px;
	height: 43px;
	margin: 45px 0px 0px 30px;
}

#h2Kedvenc {
	background-image: url(../img/title_kedvencvideok.png);
	background-repeat: no-repeat;
	width: 182px;
	height: 26px;
	margin: 0px;
}

#h2Esemenyek {
	background-image: url(../img/title_esemenyekversenyek.png);
	background-repeat: no-repeat;
	width: 261px;
	height: 26px;
	margin: 0px;
}

#h2Tippek {
	background-image: url(../img/title_tippektechnikaitanacsok.png);
	background-repeat: no-repeat;
	width: 355px;
	height: 26px;
	margin: 0px;
}

#h2Snowboard {
	background-image: url(../img/title_snowboardvideok.png);
	background-repeat: no-repeat;
	width: 219px;
	height: 26px;
}

#h2Oktato {
	background-image: url(../img/title_oktatofilmek.png);
	background-repeat: no-repeat;
	width: 162px;
	height: 26px;
}

#h2Home {
	background-image: url(../img/title_homevideok.png);
	background-repeat: no-repeat;
	width: 146px;
	height: 26px;
}

#h2Siterep {
	background-image: url(../img/title_siterepinfo.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 26px;
}

#h2Egyeb {
	background-image: url(../img/title_egyeb.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 26px;
}

#h2Galeria {
	background-image: url(../img/title_galeria.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 26px;
	margin: 20px 0px 0px 15px;
}






/* FORM */
#searchboxVideo {
	height: 39px;
	width: 300px;
	padding: 9px 0px 0px 50px;
	position: relative;
}

#videoKeyword {
	/*float: left;	*/
	border: 1px solid #b0955c;
	background-color: #ffffff;
	height: 18px;
	padding: 4px 0px 0px 5px;
	width: 149px;
	float: left;
}

#videoSubmit {
	border: 1px dotted #b0955c;
	background-color: #ffffff;
	height: 24px;
	font-weight: bold;
	width: 107px;
	color: #8279a7;
	float: left;
	margin-left: 2px;
	font-size: 12px;
	position: absolute;
	cursor: pointer;
}

#searchboxWebkam {
	height: 70px;
	width: 450px;
	margin: 12px 0px 0px 50px;
}

#searchboxWebkam label {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	padding: 2px 4px 0px 0px;
}

#searchboxWebkam select {
	float: left;
	border: 1px solid #b0955c;
	background-color: #ffffff;
	height: 20px;
	margin-right: 20px;
	margin-bottom: 8px;
}

#webkamSubmit {
	position: absolute;
	border: 1px dotted #b0955c;
	background-color: #ffffff;
	height: 20px;
	font-weight: bold;
	width: 67px;
	color: #8279a7;
	float: left;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	right: 130px;
	bottom: 40px;
}

#ddOrszag {
	width: 110px;	
}

#ddTartomany {
	width: 150px;
}

#ddSiterep {
	width: 200px;
}




/* SUBMENU */
#subMenu {
	padding: 5px 0px 0px 8px;
}

#subMenu ul li {
	height: 28px;
	margin-right: 5px;
	float: left;
}

#subMenu ul li a {
	background-color: #f8f2d1;
	display: block;
	color: #bfa671;
	text-decoration: none;
	font-weight: bold;
	padding: 6px 10px 6px 10px;
}

#subMenu ul li a:hover {
	background-color: #c2ab6e;
	color: #fff;
}

#subMenu ul li a.active {
	background-color: #c2ab6e;
	color: #fff;
}




/* BOXES */

#boxMainVideo {
	background-image: url(../img/boxbg_bigvideo.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 498px;
	margin-top: 10px;
	padding: 0px 0px 0px 30px;
}

#boxKedvencVideok {
	background-image: url(../img/boxbg_szurkehoriz.jpg);
	background-repeat: no-repeat;
	background-position: 10px 26px;
	height: 245px;
	margin: 10px 0px 30px 5px;
	padding: 0px 0px 0px 20px;
	position: relative;
}

#boxTippek,
#boxSnowboard,
#boxEsemenyek,
#boxOktatofilmek,
#boxHomevideok,
#boxSiterep,
#boxEgyeb {
	background-image: url(../img/boxbg_sargahoriz.jpg);
	background-repeat: no-repeat;
	background-position: 20px 26px;
	height: 245px;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 30px;
	position: relative;	
}

#boxKapcsVideok {
	width: 700px;
	margin: 0px 15px 0px 10px;
	position: relative;
}

#boxWebkamera {
	width: 700px;
	margin: 10px 0px 0px 10px;
}

#boxPanorama {
	width: 700px;
	margin-left: 10px;
}




/* BOX ITEMS */

#boxKedvencVideok .item,
#boxEsemenyek .item,
#boxTippek .item,
#boxSnowboard .item,
#boxOktatofilmek .item,
#boxHomevideok .item,
#boxSiterep .item,
#boxEgyeb .item,
#boxKapcsVideok .item {
	width: 118px;
	padding: 0px 20px 5px 20px;
	margin-top: 15px;
	overflow: hidden;
	float: left;
	background-image: url(../img/background_dotvert.png);
	background-repeat: repeat-y;
}

#boxKedvencVideok .first,
#boxEsemenyek .first,
#boxTippek .first,
#boxSnowboard .first,
#boxOktatofilmek .first,
#boxHomevideok .first,
#boxSiterep .first,
#boxEgyeb .first,
#boxWebkamera .first,
#boxKapcsVideok .first {
	background: none;
}




/* BOX ITEMS' CONTENT */

#boxMainVideo h3 {
	text-transform: uppercase;
	font-size: 16px;
	background-image: url(../img/icon_tv.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 4px 0px 4px 25px;
	margin-top: 15px;
	font-weight: bold;
}

#boxMainVideo p {
	margin: 0px 30px 0px 0px;
}

#boxMainVideo .teaser {
	padding-left: 25px;
}

#boxMainVideo .pic {
	margin: 15px 10px 0px 10px;
}

#boxKedvencVideok .item h3,
#boxEsemenyek .item h3,
#boxTippek .item h3,
#boxSnowboard .item h3,
#boxOktatofilmek .item h3,
#boxHomevideok .item h3,
#boxSiterep .item h3,
#boxEgyeb .item h3,
#boxWebkamera .item h3,
#boxTalalatok .item h3,
#boxKapcsVideok .item h3 {
	color: #fe7074;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 0px 2px 0px;
}

#boxKedvencVideok .item h3 a,
#boxEsemenyek .item h3 a,
#boxTippek .item h3 a,
#boxSnowboard .item h3 a,
#boxOktatofilmek .item h3 a,
#boxHomevideok .item h3 a,
#boxSiterep .item h3 a,
#boxEgyeb .item h3 a,
#boxWebkamera .item h3 a,
#boxTalalatok .item h3 a,
#boxKapcsVideok .item h3 a {
	color: #fe7074;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 0px 2px 0px;
}

#boxKedvencVideok .item .text,
#boxEsemenyek .item .text,
#boxTippek .item .text,
#boxSnowboard .item .text,
#boxOktatofilmek .item .text,
#boxHomevideok .item .text,
#boxSiterep .item .text,
#boxEgyeb .item .text,
#boxKapcsVideok .item .text {
	padding: 0px 0px 0px 0px;
}

#boxWebkamera .item h3 {
	color: #fe7074;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
}

#boxWebkamera .item .country {
	display: block;
	text-transform: uppercase;
	font-weight: bold;	
	margin-bottom: 10px;
}




/* BOX */

#boxWebkamera h3 a,
#boxWebkamera h3 {
	text-transform: uppercase;
	font-size: 12px;
	color: #fe7074;
	margin-bottom: 5px;
	text-decoration: none;
}

#boxWebkamera h3 span {
	font-size: 11px;
	color: #686868;
}

#boxWebkamera .item strong {
	font-weight: bold;
	color: #8279a7;
}

#boxWebkamera .country {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #8279a7;	
}

#boxWebkamera .date {
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
}

#boxWebkamera .progcountry {
	display: block;
	font-size: 11px;
	margin-bottom: 5px;	
}

#boxWebkamera .progdate {
	display: block;
	font-size: 11px;
}

#boxWebkamera td.details {
	background-color: #fff;
	border-bottom: 6px solid #f7f3de;
	padding: 10px;
}

#boxWebkamera td.field {
	background-color: #fbb1a9;
	border-bottom: 6px solid #f7f3de;	
	border-right: 20px solid #f7f3de;	
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	color: #ef5b6a;
	font-size: 12px;
	font-weight: bold;
}

#boxWebkamera .text {
	padding: 10px 0px 10px 15px;
}




/* TALALATOK BOXES */

#boxTalalatok {
	background-color: #f7f3de;
	margin: 10px 10px 0px 10px;
	/*padding: 20px 10px 20px 20px;*/
}

#boxTalalatok .item {
	width: 325px;
	height: 80px;
	float: left;
	overflow: hidden;
	padding: 10px 0px 10px 10px;
}

#boxTalalatok .first {
	background-image: none;
	margin: 0px;
	padding: 0px;	
}

#boxTalalatok .row {
	clear: both;
	float: none;
	height: 10px;
	width: 670px;
	background-image: url(../img/background_dotgrey.png);
	background-repeat: repeat-x;
	background-position: 0px 2px;
}

#boxTalalatok .item .pic {
	width: 118px;
	height: 76px;
	display: block;
	float: left;
	background-color: #c5b577;
}

#boxTalalatok .item .right {
	width: 177px;
	float: left;
	height: 76px;
	padding-left: 10px;	
	padding-right: 15px;
}

#boxTalalatok .item .right p {
	line-height: 12px;
}

#boxTalalatok .title {
	padding: 0px 0px 0px 20px;
	margin-top: 20px;
	background-color: #FFF;
}

#boxTalalatok .item strong {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #8279a7;	
}



/* KOMMENTEK */

#boxKommentek {
	background-color: #f7f3de;
	margin: 10px 10px 0px 10px;
	/*padding: 20px 10px 20px 20px;*/
}

#boxKommentek .text {
	padding: 0px 20px 15px 20px;
}

#boxKommentek .title {
	padding: 0px 0px 0px 20px;
	margin-top: 20px;
	background-color: #FFF;
}

div.komment div.userinfo {
	background-color: #d8d7d5;
}

div.komment {
	border-color: #d8d7d5;
}


#boxGaleria {
	margin: 10px 10px 0px 10px;
}

#boxGaleria .text {
	padding: 15px 20px 5px 20px;
}

#boxGaleria ul li {
	float: left;
	width: 110px;
	height: 110px;
}


#boxVideok {
	margin: 10px 10px 0px 10px;
	position: relative;
}

#boxKapcsVideok .text {
	padding: 0px 20px 25px 20px;
}

#boxKapcsVideok .title {
	padding: 0px 0px 0px 20px;
	margin-top: 20px;
	background-color: #FFF;
}




/****RIGHT****/

#rightSide {
	width: 265px;
	float: right;
	padding: 0px 0px 3000px 12px;
	margin-bottom: -3000px;
	margin-top: 20px;
	background-image: url(../img/background_dot.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#rightSide ul li {
	padding-bottom: 8px;
}