@import url("reset.css");
@import url("menu.css");
@import url("buttons.css");

p { padding: 0; margin: 0 0 20px 0; }
br { margin: 0; padding: 0; }

a { outline: none; color: #7a1244; text-decoration: underline; }
a:hover { outline: none; color: #000; text-decoration: underline; }
a:focus { outline:none; }

.clearfix {
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}
/***************** Lists *********************/
.list {
	list-style-type: none;
	margin:  0 0 10px 0;
	padding: 0 0 0 0;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	color: #555d6c;
}

.list li {
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
}

.list a {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #555d6c;
}
.list a:hover {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #333;
}
/***********************************************/
/* Basic                                       */
/***********************************************/
body {
	font-family: "Trebuchet Ms", Arial, Tahoma;
	font-size: 11px;
	line-height: 16px;
	color: #444;
	background: url(../images/bg.gif) left top repeat-x #73ade8;
}

#container {
	width: 100%;
	height: 1544px;
	background: url(../images/filtoo.jpg) center top no-repeat;
}

#main {
	width: 860px;
	height: 1544px;
	margin: 0 auto;
	position: relative;
}

#main h1 {
	width: 562px;
	height: 59px;
	display: block;
	position: absolute;
	top: 99px;
	left: 142px;
	text-indent: -9999px;
	background: url(../images/title_filtoo.gif) left top no-repeat;
}

#main h3 {
	width: 257px;
	height: 85px;
	display: block;
	position: absolute;
	top: 943px;
	left: 1px;
	text-indent: -9999px;
	background: url(../images/title_kapcsolat.gif) left top no-repeat;
}

#vimeo {
	width: 515px;
	height: 290px;
	position: absolute;
	top: 798px;
	left: 302px;
}

#contact {
	width: auto;
	position: absolute;
	top: 1142px;
	left: 40px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	color: #fff;
	line-height: 15px;
}

#contact a {
	color: #fff;
	text-decoration: none;
}

#contact a:hover {
	color: #fff;
	text-decoration: underline;
}

#details {
	width: 61px;
	height: 13px;
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 378px;
	right: 120px;
}

.name {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 1085px;
	left: 310px;
	width: 70px;
	text-align: right;
	display: block;
}

.telefon {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 1124px;
	left: 310px;
	width: 70px;
	text-align: right;
	display: block;
}

.cim {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 1161px;
	left: 310px;
	width: 70px;
	text-align: right;
	display: block;
}

.email {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 1198px;
	left: 310px;
	width: 70px;
	text-align: right;
	display: block;
}

.megjegyzes {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 1235px;
	left: 280px;
	width: 100px;
	text-align: right;
	display: block;
}

.btn_elkuldes {
	background: url(../images/btn_elkuldes.gif) 0 0 no-repeat;
	display: block;
	width: 105px;
	height: 23px;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
	top: 1309px;
	left: 390px;
}
.btn_elkuldes:hover {
	display: block;
	background: url(../images/btn_elkuldes.gif) left bottom no-repeat;
	cursor: pointer;
}

.input_name {
	width: 315px;
	padding: 1px 0;
	position: absolute;
	top: 1082px;
	left: 398px;
	border: 0;
	font-size: 11px;
	line-height: inherit;
	color: #666;
	font-family: "Trebuchet Ms", Arial, Tahoma;
	background: none;
}

.input_cim {
	width: 315px;
	padding: 1px 0;
	position: absolute;
	top: 1120px;
	left: 398px;
	border: 0;
	font-size: 11px;
	line-height: inherit;
	color: #666;
	font-family: "Trebuchet Ms", Arial, Tahoma;
	background: none;
}

.input_telefon {
	width: 315px;
	padding: 1px 0;
	position: absolute;
	top: 1158px;
	left: 398px;
	border: 0;
	font-size: 11px;
	line-height: inherit;
	color: #666;
	font-family: "Trebuchet Ms", Arial, Tahoma;
	background: none;
}

.input_email {
	width: 315px;
	padding: 1px 0;
	position: absolute;
	top: 1196px;
	left: 398px;
	border: 0;
	font-size: 11px;
	line-height: inherit;
	color: #666;
	font-family: "Trebuchet Ms", Arial, Tahoma;
	background: none;
}

.input_megjegyzes {
	width: 315px;
	height: 55px;
	padding: 1px 0;
	overflow: hidden;
	position: absolute;
	top: 1237px;
	left: 398px;
	border: 0;
	font-size: 11px;
	line-height: inherit;
	color: #666;
	font-family: "Trebuchet Ms", Arial, Tahoma;
	background: none;
}

