@charset "utf-8";

/**
 * CSS
 *
 * @copyright Copyright (c) 2009
 * @package   ECTO Framework
 * $Id: page.css 215 2009-11-27 07:43:59Z $
 */

/** Clear & Defaults */
html, body, div, dl, dt, dd, h1, h2, h3, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0;padding:0 }
table { border-collapse:collapse;border-spacing:0 }
ol, ul { margin:0; }
fieldset, img { border:0 }
:active, :focus { outline: 0; }
acronym { cursor:help; }
button { cursor:pointer; }
p { padding-bottom:10px; }


/** Global */
html, body, table, input, select, textarea, button
{
    font:11px Arial;
}
html, body, table
{
    color:#000;
}
body
{
    overflow-x:hidden;
}
table
{
    border:0; /** Sita paliekam? */
}
input, select, textarea
{
    color:#000;
    padding:3px 4px;
}
input.checkbox, input[type="checkbox"]
{
    border:0;
    background:transparent;
    cursor:pointer;
    vertical-align:middle;
}
a, a:link, a:active, a:visited, a:hover
{
    text-decoration:underline;
    color:#3081DD;
}
a:hover
{
    text-decoration:none;
}
.star { color:#bc0000; }
.fl { float:left; }
.fr { float:right; }
.hand { cursor:pointer; }


/** Project */
#loading
{
    display:none;
    position:absolute;
    background:#000;
    padding:35px;
}
#body
{
    overflow:hidden;
}
.content
{
    width:2222px;
    /*height:2222px;*/
    float:left;
}
.on1
{
    background:#299800;
}
.on2
{
    background:#299800;
}
.on3
{
    background:#040e10;
}
.on4
{
    background:#fff;
}
.on5
{
    background:#df124a;
}
.on6
{
    background:#f0f;
}

div.mainMenu
{
    float:left;
    width:207px;
    padding:35px 22px;
}
ul.mainMenu
{
    padding:0;
    margin:0;
    list-style:none;
}
ul.mainMenu img
{
    background-image:url(/design/sprite_menu.png);
    background-repeat:no-repeat;
    height:29px;
}

.menu2 img { width:111px; }
.menu3 img { width:163px; }
.menu4 img { width:83px; }
.menu5 img { width:185px; }

.menu3 img { background-position:0 -87px; }
.menu4 img { background-position:0 -174px; }
.menu5 img { background-position:0 -261px; }

.on2 .menu2 img { background-position:0 -29px; }
.on3 .menu3 img { background-position:0 -116px; }

.on4 .menu2 img { background-position:0 -58px; }
.on4 .menu3 img { background-position:0 -145px; }
.on4 .menu4 img { background-position:0 -203px; }
.on4 .menu5 img { background-position:0 -319px; }

.on5 .menu5 img { background-position:0 -290px; }

ul.mainMenu a
{
    color:#fff;
    font-size:38px;
    line-height:28px;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:-1px;
}
.on4 .mainMenu ul a
{
    color:#111111 !important;
}
.on1 .active .strike,
.on2 .active .strike
{
    border-top:3px solid #df124a;
}
h1
{
    font-size:32px;
}
.on3 h1
{
    color:#fff;
}
.container
{
    padding:37px 40px 50px 270px;

}

.bigText
{
    color:#fff;
    font-size:32px;
    line-height:32px;
    margin-bottom:30px;
    width:600px;
}

.mainImages table td
{
    min-width:30px;
}
.mainImages table td p
{
    padding:10px 15px;
    color:#8e8e8e;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
}
.mainImages table td p b,
.mainImages table td p strong
{
    color:#61cdf5;
    font-size:12px;
}

.galleryCategories
{
    padding:0;
    margin:35px 0 0 4px;
    line-height:20px;
    list-style:none;
}
.galleryCategories a
{
    color:#aaa;
    font-size:11px;
    text-transform:uppercase;
    text-decoration:none;
	font-weight:bold;
}
.galleryCategories .active a
{
    color:#434343 !important;
    background:url(/design/sub_arrow.gif) no-repeat right center;
    padding-right:35px;
}

.galleryMain
{
    width:752px;
}
.galleryMain ul
{
    list-style:none;
    padding:0;
    margin:0;
}
.galleryMain li
{
    line-height:20px;
    float:left;
    width:356px;
    height:140px;
    margin:0 20px 20px 0;
    overflow:hidden;
    position:relative;
}
.galleryMain li a
{
    width:332px;
    height:116px;
    text-decoration:none;
    display:block;
    color:#fff;
    background:#299800;
    font-weight:bold;
    font-size:12px;
    padding:12px;
}
.galleryMain li a em
{
    font-size:11px !important;
}
.galleryMain li img
{
    position:absolute;
    top:0;
    left:0;
}

.galleryInner
{
    margin:10px 0 0;
}
.galleryInner ul
{
    list-style:none;
    padding:0;
    margin:0;
}
.galleryInner li
{
    float:left;
}
.galleryInner a
{
    display:block;
    padding:5px 10px;
    color:#fff;
    background:#299800;
    font-weight:bold;
    text-decoration:none;
}
.galleryInner .active a
{
    background:transparent !important;
}
.galleryDescription
{
	margin:50px 0 0 4px;
    line-height:18px;
    color:#898989;
    font-weight:normal;
	font-size:12px;
}
.galleryDescription p
{
    padding-bottom:15px;
}

.contactsForm
{
    padding:0;
    list-style:none;
    margin-top:25px;
}
.contactsForm li
{
    padding-bottom:9px;
}
.contactsForm input,
.contactsForm textarea
{
    padding:4px 8px;
    border:0;
    color:#111;
    font-size:21px;
    width:440px;
}
.contactsForm textarea
{
    height:155px;
}
.contactsForm button
{
    border:0;
    color:#fff;
    background:#000;
    padding:4px 15px;
    font-size:21px;
}
#msgOutput
{
    margin-top:15px;
    font-weight:bold;
    color:#000;
}

.text,
.text a,
.text a span
{
    color:#fff !important;
}

.newBlock
{
    width:511px;
}
.news_date
{
    color:#999;
    padding-bottom:15px;
}
.news_img
{
    padding-bottom:15px;
}
.news_header
{
    padding-bottom:45px;
    line-height:18px;
}

.more a,
.back a
{
    color:#999;
    font-size:10px;
    text-transform:uppercase;
    text-decoration:none;
}
.more
{
    padding-top:10px;
}
.more a
{
    padding-right:84px;
    background:url(/design/more.gif) no-repeat right center;
}
.back a
{
    padding-left:84px;
    background:url(/design/back.gif) no-repeat left center;
}

.sep
{
    overflow:hidden;
}

.logo
{
    padding:0px;
    margin:30px 0 10px 27px;
}
.logo a
{
    background:url(/design/2t_logo2.png) no-repeat 0 0;
    width:81px;
    height:100px;
    display:block;
}
.on4 .logo a
{
    background-position:top right !important;
}

.peko {
	position:absolute;
	display:block;
	width:71px;
	height:19px;
	bottom: 20px;
	right: 20px;
	text-indent:-9999;
}

.peko2 {
	position:absolute;
	display:block;
	width:71px;
	height:18px;
	bottom: 20px;
	right: 20px;

}