/* 
    Document   : style
    Created on : 4.5.2009, 23:58:32
    Author     : David Gyurasz
    Description: Main style
*/

html {
    /*background: #fff url(../images/bg_top_x.jpg) repeat-x fixed top;*/
    background: #fff url(../images/bg_top_x.jpg) repeat-x top left;
}

body {
    font-family: "Arial CE", Arial, Helvetica, Verdana;
    font-size: 12px;
	color: #3f4a4e;
    margin: 0;
    padding: 0;
}

h1 {
    color: #204c6f;
    text-transform: uppercase;
}

h2 {
    color: #81a360;
    text-transform: uppercase;
}

a {
    color: #427b96;
    text-decoration: underline;
    font-weight: bolder;
}

p {
    /*width: 500px;*/
}

div {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

/* hlavne pre vyzor zoznamu: ked sa ukazuje sitemap */
ul, li {
	margin: 6px 0; padding: 0;
}
li {
    list-style-type: none;
	margin: 0;
	position: relative;
	background: url(../images/li_arrow_green.gif) no-repeat left 4px;
	padding: 2px 0 2px 12px;
	color: #db7703;
	font-weight: bold;
}

.clear {
    clear: both;
    border: none;
    height: 0;
}

.TXC {
    text-align: center;
}

.SP {
    color: #fff;
    text-decoration: none;
}

/*==============================================================================
    PAGE WRAPPERS
==============================================================================*/
#page {
    position: relative;
    width: 900px;
    margin-left: auto;
	margin-right: auto;
}

#container-shade {
    position: relative;
    top: 0;
    left: 0;
    width: 874px;
    height: 100%;
    margin: 0 auto;
    /*border: 1px solid black;*/
    
    background: url(../images/shade.png) repeat-y center;
    
}

#site-wrapper {
    position: relative;
    width: 790px;
    margin-left: auto;
	margin-right: auto;
    background: #fff;
}

/*==============================================================================
    HEADER
==============================================================================*/
#header-wrapper {
	width: 790px;
	height: 228px;
}

#header-logo {
	float: left;
    margin-top: 20px;
    margin-left: 20px;
    /*border: 1px solid black;*/
}

#header-animals {
	float: right;
    /*border: 1px solid black;*/
}

#search-wrapper {
    position: absolute;
    top: 150px;
    right: 0px;
}

#search-wrapper a {
    text-decoration: none;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

#search-wrapper a:hover {
    text-decoration: underline;
}

#search-wrapper #above-search {
    position: relative;
    top: 45px;
    right: 20px;
}

.form-search {
    margin-top: 5px;
}

.form-search input {
    border: 1px solid #4377a0;
}

.form-search input.input-search {
    width: 160px;
}

.form-search .submit-img {
    width: 78px;
    height: 60px;
    outline: none;
    border: none;
    position: relative;
    top: 15px;
}

/*==============================================================================
    SIDEBAR and CONTENT WRAPPERS
==============================================================================*/
#sidebar-wrapper {
    float: left;
    width: 220px;
    /*border: 1px solid black;*/
}

#content-wrapper {
    float: right;
    width: 560px;
    /*border: 1px solid black;*/
}

/*==============================================================================
    SITE MENU
==============================================================================*/
#site-menu {
	float: left;
    margin-top: 20px;
	/* The width of the menu */
	width: 215px;
    /*border: 1px solid black;*/
}

#site-menu ul,
#site-menu li {
	margin: 0;
    padding: 0;
	list-style: none;
    background: none;
}

#site-menu a {
	text-decoration: none;
	color: #3f4a4e;
    display: block;
    text-align: center;
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
    font-weight: bolder;

    background: url(../images/menu_item_idle.gif);
	background-repeat: no-repeat;
	background-position: center left;
    margin-left: 15px;
    width: 198px;
    height: 26px;
    margin-bottom: -1px; /* aby sa odstranil dvojity border, tam kde sa dotykaju obrazky */
}
#site-menu a:hover,
#site-menu a.active {
    background: url(../images/menu_hover_selected.gif);
	background-repeat: no-repeat;
	background-position: center left;
    color: #fff;
}

/* podla body id (+ kazde li musi mat unikatne id pripadne class) sa zvyrazni prvok v menu */
/*
#home #site-menu ul li.home {
	background: url(../images/menu_hover_selected.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
#home #site-menu ul li.home a {
    color: #fff;
}
*/
/*==============================================================================
    SIDEBAR - CONTACT / RABBIT
==============================================================================*/
#contact {
    float: left;
    margin-top: 50px;
    margin-bottom: 40px;
}

#contact-rabbit {
    width: 232px;
    height: 303px;
    position: relative;
    right: 20px;
}

#contact-data {
    position: absolute;
    bottom: 20px;
    left: 27px;
    font-weight: bold;
    font-family: Arial;
    color: #fff;
}

#contact-data h1 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

#contact-data div {
    text-align: left;
}

#contact-data span {
    color: #b7fd22;
}

/*==============================================================================
    MAIN CONTENT AREA
==============================================================================*/
#dog-bottom-legs {
    float: right;
    width: 560px;
    height: 50px;
}

.fancy-text-1 {
    background-color: #427b96;
    color: #fff;
    padding: 1px;
    font-weight: bolder;
}

ul.list-items {
    list-style: none;
    margin: 10px 0;
    padding: 0 0px 0 0px;
}

ul.list-items li {
    /*list-style-image: url(../images/li_arrow_green.gif);*/
    margin: 2px 0 2px 0; /* vertikalna vzdialenost medzi prvkami */
    padding: 0;
    
    color: #789c55;
    font-weight: bolder;
}
ul.list-items li span {
    /* obrazok davame tu a nie na li, lepsie zarovnanie, nie su od seba posunute vertikalne */
    background: url(../images/li_arrow_green.gif) left no-repeat;
    padding: 0 0 0 15px; /* vzdialenost textu od obrazka, skutocna vzdialenost: treba odpocitat sirku obrazka */
}

table.tab1 {
    border: 0px solid #204c6f;
    border-collapse: collapse; /* nastavuje sa na table, nie na td */
    width: 480px;
    margin: 0px;
    padding: 0;
    line-height: 14px;
}

table.tab1 tr td {
    border: 1px solid #204c6f;
    empty-cells: show;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 2px 6px;
    height: 24px;
    line-height: 20px;
}

table.tab1 tr.first {
    background: #204c6f;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
table.tab1 tr.first td {
    text-align: left;
    padding-left: 20px;
}

table.tab1 tr.second {
    background: #caf6a0;
    font-weight: bolder;
    color: #000;
}

/*==============================================================================
    FOOTER
==============================================================================*/
#footer {
    clear: both;
    height: 16px;
	background: #063a57;
    color: #fff;
    text-align: center;

    padding: 1px;
    margin: 4px 0px;
}