/* main design piec
es */


body
{		
	color : #380808;
	
	font-family : verdana, helvetica, arial,  sans-serif;

	font-size : 12px;
	
	line-height: 16px;
	
	padding : 0px;
	
	margin : auto auto;
	
	height : 100%;
	
	width: 100%;
	
	background-image : url('../pictures/body_bg.png');
	background-repeat: repeat-y;
	background-position:center top;
	
	background-color: #E4DCDA;
}

div.clearSpace
{

//	background-color:#F4EBCF;
	clear : both;
	font-size : 0px;
	margin : 0px;
	padding : 0px;
}

h1, h2, h4, img, ul, li, p {
    margin:0px;
	padding:0px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.italic
{
	font-style: italic;
}



/* head design */

div#header_box
{
	
	clear : both; 

	width : 100%;
	
	margin: auto;
	
	height: 45px;
	
	padding-top: 18px;
	
	background-image : url('../pictures/head_menu_bg_2.png');
	background-repeat: repeat-x;
	
	background-color: #E4DCDA;
	
	border-bottom: #E8E3CF solid 4px ;

}

ul#top_head_menu
{	
	background-color:transparent;
	
	height : 28px;
	
	color: #FFFFFF;
	
	text-align: center;
	
	margin:auto auto;
	
	width: 1125px;
}

ul#top_head_menu li
{
	list-style-type: none;
	text-align:center;
	
	float: left;
	
	color: #FFFFFF;
	
	vertical-align:middle;
	
	height: 28px;
	
	background-image : url('../pictures/head_menu_separator.png');
	background-repeat: no-repeat;
	background-position : center left;

}

ul#top_head_menu li.head_menu_1
{
	background-image :none;
	
}

ul#top_head_menu li a
{
	display: block;
	
	font-size:13px;
	
	letter-spacing: -1px;
	
	margin:0px;
	
	text-decoration: none;
	
	color: #FFFFFF;

	padding-left: 8px;
	padding-right: 8px;
	
	padding-top:5px;
	
}

ul#top_head_menu li:hover
{
	background-image : url('../pictures/menu_hover.png');
	background-repeat: repeat-x;
}




/* body design */

div#body_box
{	
	clear : both; 

	padding : 0px;
	
	margin: auto;
	
	width : 930px;
	
	position:relative;
}

div.braun_top
{
	width: 930px;
	height: 165px;

	background-image : url('../pictures/barna_hatter.png');
	background-repeat: repeat-x;
}

#lang
{
	background : transparent url('../pictures/gb.png') no-repeat center top;
	display : block;
	
	text-indent : -8000px;
	
	width:30px;
	height:18px;
	
	margin: 0px;
	margin-top : 8px;
	margin-right : 8px;
	
	float: right;
}

div#keres
{
	background-image : url('../pictures/kereses_hatter.png');
	background-repeat: no-repeat;
	background-position: center top;
	
	width:225px;
	height:38px;
	
	margin-top: -4px;
	
	float: right;
	
	margin-right: 3px;

}

div#keres input.submit
{

	background-image : url('../pictures/keres_gomb.png');
	background-repeat: no-repeat;
	background-position : center center;
	
	background-color:transparent;
	border:none;
	
	width: 22px;
	height: 21px;
	
	margin-left: 10px;
	margin-top:5px;
	
	float:left;
}

div#keres input.text
{

	background-image : url('../pictures/input_hatter.png');
	background-repeat: no-repeat;
	background-position : center center;
	
	background-color:transparent;
	border:none;
	
	width: 155px;
	height: 16px;
	
	margin-left: 18px;
	margin-top:5px;
	
	float:left;
	
	padding: 2px 0 0 5px;
	
	font-size: 9px;
}

ul#head_menu
{	
	background-image : url('../pictures/head_submenu_bg.png');
	background-repeat: repeat-x;
	
	height : 37px;
	width: 710px;
	
	color: #FFFFFF;
	
	text-align: center;
	
	padding-left: 220px

}

ul#head_menu li
{
	list-style-type: none;
	text-align:center;
	
	float: left;

	color: #FFFFFF;
	
	vertical-align:middle;
	
	height: 28px;
	
	padding-top:9px;
}

ul#head_menu li a
{
	display: block;
	
	font-size:11px;
	
	margin:0px;
	
	text-decoration: none;
	
	color: #FFFFFF;
	font-weight:bold;
	letter-spacing: -1px;

	padding-left: 7px;
	padding-right: 7px;
	
	white-space: nowrap;
	
}

ul#head_menu li:hover
{
	background-image : url('../pictures/menu2_hover.png');
	background-repeat: repeat-x;
}

div#content
{
	background-color:#E8E3CF;
	padding:25px 20px 0 240px;
	
	color: #342112;
	
	margin-bottom: 1px;
	
	width:670px;
}

h1, .header1
{
	color: #342112;
	
	font-size: 20px;
	font-weight:normal;
	margin-bottom: 20px;
	padding-left: 30px;
	
	background-image : url('../pictures/tappancs_nagy.png');
	background-repeat: no-repeat;
	background-position : left center;
}

h2
{
	color: #342112;
	
	font-size: 18px;
	font-weight:normal;
	margin-bottom: 20px;
	padding-left: 30px;
	
	background-image : url('../pictures/tappancs.png');
	background-repeat: no-repeat;
	background-position : left center;
}

div#content p
{
	padding-bottom: 20px;
	text-align: justify;

	display : block;
	
	clear : both;
}

div#content_bottom
{
	background-color:#F7F6E4;

	color: #342112;
	height: 145px;

	padding-top: 10px;
	padding-left: 30px;

	position:relative;
}


div.doboz_hirek
{
	font-size: 9px;
	
	color: #342112;
	
	width : 90px;
	height: 110px;
	
	padding : 0px 20px;
	
	line-height: 10px;
	
	float:left;
	
	text-align : center;
}

div.doboz_hirek span
{
	padding-top: 1px;
	display:block;
	height: 40px;
}

div.doboz_hirek a
{
	background-image : url('../pictures/nyilacska.png');
	background-repeat: no-repeat;
	background-position : center left;
	color: #A25637;
	
	padding-left: 15px;
}

.hirek_kep
{
	width: 80px;
	height: 100px;
	
	background : transparent url('') no-repeat center center; 
	
	border: #DCD6C6 solid 3px;
	
	display : block;
	
	margin-bottom : 5px;
}

/* foot design */

div#foot_bottom_box
{
	background-image : url('../pictures/bg_footer.png');
	background-repeat: repeat-x;
	
	background-color: transparent;
	
	color: #FFFFFF;
	
	width: 100%;
	height: 88px;
	
	font-size: 11px;
	
	margin-top: -4px;
	
	text-align : center;
}

div#foot
{
	background-image : url('../pictures/footer.png');
	background-repeat: no-repeat;
	background-position : center top;
	
	background-color:transparent;
	
	width : 100%;
	
	height : 45px;
	
	width : 930px;
	
	margin:auto;
}

div#foot_bottom_box span
{
	
}

/*egyéb*/

img#kituzo_kicsi
{
	width:350px;
	height:226px;
	
	position : absolute;
	left : 470px;
	top : 10px;
	border-width: 0px;
	
}

img#kituzo_nagy
{	
	width:217px;
	height:442px;
	
	position : absolute;
	left : 15px;
	top : 20px;
	
	border-width: 0px;
}

div#hatterkep
{
	background-repeat: no-repeat;
	
	width:890px;
	height:150px;
	
	position : absolute;
	left : 0px;
	top : 15px;
	
}

.kep_hirek
{
	background-image : url('../pictures/menu_hirek.png');
}

.kep_kisallat
{
	background-image : url('../pictures/menu_kisallat.png');
}

.kep_nagyallat
{
	background-image : url('../pictures/menu_nagyallat.png');
}

.kep_panzio
{
	background-image : url('../pictures/menu_panzio.png');
}

.kep_kozmetika
{
	background-image : url('../pictures/menu_kozmetika.png');
}

.kep_agility
{
	background-image : url('../pictures/menu_agility.png');
}

.kep_rolunk
{
	background-image : url('../pictures/menu_rolunk.png');
}

.kep_tereles
{
	background-image : url('../pictures/menu_tereles.png');
}

.kep_magyar
{
	background-image : url('../pictures/menu_magyar.png');
}

.kep_tabor
{
	background-image : url('../pictures/menu_tabor.png');
}

.kep_lovaglas
{
	background-image : url('../pictures/menu_lovaglas.png');
}

.kep_gazda
{
	background-image : url('../pictures/menu_gazda.png');
}

.kep_kutyakikepzes
{
	background-image : url('../pictures/menu_kutyakikepzes.png');
}

.kep_allatmenhely
{
	background-image : url('../pictures/menu_allatmenhely.png');
}

.kep_alap
{
	background-image : url('../pictures/menu_allatfarm.png');
}


.kep_kereses
{
	background-image : url('../pictures/menu_kereses.png');
}

/*tartalom*/

div#content_left
{
	float: left;
	
}

div#content_right
{
	float: left;

}


.w250
{
	width: 250px;
}

.w330
{
	width: 330px;
}

.w140
{
	width: 140px;
}

.w450
{
	width: 450px;
}

div#content ul
{
	padding-bottom: 20px;
}

div#content li
{
	margin-left: 20px;
}

div#content ul.blokk
{
	list-style-type:none;
	width: 450px;
}

div#content li.szele
{
	margin-left: 0px;
}

div#content ol
{
	margin:0px;
	padding: 0px;
	
	padding-bottom: 20px;
}

div#content_right img.fenykep
{
	margin-top: 35px;

}

div#content form
{
	margin:0px;
	padding: 0px;
	
	width: 300px;
	
	line-height:30px;
	
	padding-bottom: 20px;
	
}

div#content input
{
	margin:0px;
	padding: 0px;
	
	padding-top: 2px;
	
	width: 198px;
	height: 16px;
	
	font-size: 11px;
	
	border: #380808 solid 1px ;

}


div#content input.button_field
{
	width: 119px;
	height: 35px;
	
	background-image : url('../pictures/gomb_kereses.png');
	background-repeat: no-repeat;
	
	background-color:transparent;
	
	border:none;
	
	
	
}

div#content select
{
	margin:0px;
	padding: 0px;
	
	height: 20px;
	
	width: 200px;
	
	font-size: 11px;
	
	border: #380808 solid 1px ;
	
	padding-top: 1px;
	
	line-height: 17px;
	
}

div#content label
{
	margin:0px;
	padding: 0px;
	
	height: 18px;
	line-height: 18px;
	
}

div.allat_adat
{
	width:160px;

	background : transparent url('../pictures/hatter_kicsi_barna.png') no-repeat center 10px;

	margin-right: 5px;
	
	height : 230px;
	
	color: #A85938;
	
	line-height: 19px;
	
	float: left;
	
	text-align : center;
}

div.allat_adat a
{
	text-decoration:none;
	font-weight:bold;
	color: #A85938;
}

table#gazdikereso td
{
	width:160px;

	background : transparent url('../pictures/hatter_kicsi_barna.png') no-repeat center 10px;

	height : 230px;
	
	color: #A85938;
	
	line-height: 19px;
	
	text-align : center;
}

table#gazdikereso td a
{
	text-decoration:none;
	font-weight:bold;
	color: #000000;
}

#controls
{
	padding : 5px 0px;
	
	height : 25px;
	
	clear : both;
}

#navigation
{
	display : block;
	
	float : left;
	
	margin-left : 298px;
}

#text
{
	float : right;
	
	display : block;
}

div.allat_adat span.allat_tul
{
	color: #380808;
	font-weight: bold;
	
	width: 65px;
	
	display: block;
	float: left;
}

span.allat_tul
{
	color: #380808;
	font-weight: bold;
	
	width: 130px;
	
	display: block;
	float: left;
	
	white-space: nowrap;
	
	line-height: 19px;
}

span.rendezveny_tul
{
	color: #380808;
	font-weight: bold;
	
	width: 170px;
	
	display: block;
	float: left;
	
	white-space: nowrap;
	
	line-height: 19px;
}

span.data_animal
{
	color:#A85938;
		
	white-space: nowrap;
	
	line-height: 22px;
}

/*keresés*/

.rec_cat
{
	margin-left: 20px;
	list-style-type: none;
	margin-top: 10px;
}

.rec_cat a
{
	text-decoration:none;
	color: #342112;
}

li a
{
	color: #342112;
	text-decoration:none;
}

li a:hover
{
	text-decoration:underline;
}

.img_right_back
{
	background-image : url('../pictures/logo_600x600.png');
	background-repeat: no-repeat;
	background-position : center center;
	
	width: 160px;
	height: 200px;
}

h4
{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}

.editor
{
	border:1px solid #380808;
	font-size:11px;
	margin:0px;
	padding:2px 0px 0px;
	margin-bottom: 20px;

}

div#content a
{
	text-decoration: none;
	color: #342112
}

div#content a:hover
{
	text-decoration:underline;
}

.c_pict
{
	margin-bottom: 10px;
}

div#side_menu_bar
{
	width:217px;
	
	position : absolute;

	left : 15px;
	top : 480px;
	
	border: none;
}

div#side_menu_bar li
{
	line-height : 18px;
}

div#side_menu_bar a:link
{
color : #342112;
}
div#side_menu_bar a:visited
{
color : #342112;
}
div#side_menu_bar a:hover
{
color : #342112;
}

div#side_menu_bar a:active
{
	color : #ED1C24;
}

.img_right
{
	border : #342112 groove 2px;
}

.img_small
{
	border : 1px solid #342112;
}

.g_trigger
{	
	display : block;
	
	width : 150px;
	
	height : 200px;
	
	position : relative;
}

.g_trigger_img
{
	position : absolute;
	
	bottom : 2px;
	
	right : 2px;
}

.inside_image_left
{
	border : #380808 solid 1px;

	display : block;
	
	float : left;

	margin : 3px;
}

.inside_image_right
{
	border : #380808 solid 1px;

	display : block;
	
	float : right;
	clear : right;

	margin : 3px;
}
