/**********************************************************************
  __      __ _                   _____
  \ \    / /(_)                 / ____|
   \ \  / /  _   ___ __      __| (___    ___   _   _  _ __  ___  ___
    \ \/ /  | | / _ \\ \ /\ / / \___ \  / _ \ | | | || '__|/ __|/ _ \
     \  /   | ||  __/ \ V  V /  ____) || (_) || |_| || |  | (__|  __/
      \/    |_| \___|  \_/\_/  |_____/  \___/  \__,_||_|   \___|\___|
          web: www.viewsource.biz  email: office@viewsource.biz
                    Copyright (c) 2005-2009 ViewSource
                    
***********************************************************************/


/* C O M M O N ********************************************************/

body {margin: 0px; padding: 0px; background: url(../images/bg-body1.png);background-repeat: repeat; font-family: Verdana,Arial,Helvetica,sans-serif;font-size:11px;color: #878787;}

h1 {margin: 0px 0px 10px 0px; font-size: 16px;}
h2 {margin: 0px 0px 10px 0px; font-size: 14px;}
h3 {color: #2B292D;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 0;font-family:"Century Gothic",Arial,Verdana;font-weight:bold;}

ul {margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px;list-style-type:none;}
li {margin: 1px 0 1px 0px; padding: 2px 0px 2px 8px;background:url("../images/arrow_check.png") left center no-repeat;}

hr {border: 0px; border-top: 1px solid #ddd; }

a, a:visited {color: #717171; text-decoration:none;}
a:hover {text-decoration:none;}
a img, a:visited img, a:hover img {border: 0px;}

img {border: 0px; }
form {margin: 0px;	padding: 0px;}


/* W R A P P E R ******************************************************/

#Wrapper            {width: 100%; padding: 0px 0px 0px 0px; }
#WrapperTopLeft     {width: 5px; height: 4px; font-size: 0px; }
#WrapperTop         { }
#WrapperTopRight    {width: 5px; height: 4px; font-size: 0px; }
#WrapperMiddleLeft  {width: 220px;}
#WrapperMiddle      {}
#WrapperMiddleRight { }
#WrapperBottomLeft  {width: 5px; height: 4px; font-size: 0px; }
#WrapperBottom      {height: 4px; font-size: 0px; }
#WrapperBottomRight {width: 5px; height: 4px; font-size: 0px; }

#box { border: 1px solid #ccc; margin: 2px 0 2px 0px; }


/* M A I N   C O N T A I N E R S **************************************/

#MainContainer {width:100%;}

#Header        {height: 231px; font-size: 11px;background: url("../images/bg-header.png");z-index: 300 !important; position: relative;}
#Body          {z-index: 350 !important;position: relative;}
#Footer        {height: 128px;background: url(../images/footer.png) repeat-x scroll 0 0 #212023;}

#LeftCol       {border: 1px solid #d9d9d9;background: #f8f8f8;padding:20px 0 0 0;}
#CenterCol     {}
#RightCol      {background: none repeat scroll 0 0 #F8F8F8;border: 1px solid #D9D9D9;}

/* C O N T A I N E R S   E L E M E N T S ******************************/

#HeaderTop	{}
#HeaderBottom			{}
#HeaderLeft             {}
#HeaderRight            {margin-top: 0px;padding:13px 0px 0 0;}
#HeaderLogo             {padding:0px 0 0 0;margin-top:-4px;}
#HeaderLang             {margin: 0px 0px 5px 0px;}
#HeaderLang a           {color:#000; text-decoration:none;}
#HeaderLang a:visited   {color:#000; text-decoration:none;}
#HeaderLang a:hover     {color:#000; text-decoration:underline;}
#HeaderSearch           {}
#HeaderSearch input     {border: 1px solid #ccc; background: #f9f9f9;}
#HeaderSearchButon      {color:#444; font-size: 10px; height: 20px;}
#HeaderOpcije           {margin: 5px 0 0 0px; }
#HeaderOpcije a 		{color:#000; text-decoration:none;}
#HeaderOpcije a:visited {color:#000; text-decoration:none;}
#HeaderOpcije a:hover 	{color:#000; text-decoration:underline;}

.header-menu {margin-top: 9px;font-size:12px;color:#4c4c4d;padding:0 0 0 25px;}
.header-menu a{ color: #4c4c4d;}
.container{margin:0 auto; width: 1000px;padding-top: 0px;padding-left: 0px;}

#BodyContent			{width:1000px;z-index: 3000;position: relative;}

#LeftColContent         {z-index: 3000;width: 220px;}

#CenterColContent       {background: url(../images/middle.png);width: 1000px;margin-left: auto;margin-right: auto; margin-bottom: -54px;}

#RightColContent        {width:220px;}

#FooterContent          {margin: 0 auto;width: 1000px;}
#Footer a, #Footer a:visited 	{color:#878787;text-decoration:none;}
#Footer a:hover 		{text-decoration:underline;}
#FooterBottom           {width: 790px; height: 4px;}



/* C L A S S   B O X **************************************************/

.box-left-cel {margin: 5px 0 5px 0px; width: 190px;}
.box-header-left-cel {background: url("../images/box-header.gif") repeat-x; height: 25px; }
.box-header-left-left-cel {background: url("../images/box-header-left.gif") no-repeat;	width: 6px;	height: 25px; font-size: 0px;}
.box-header-right-left-cel {background: url("../images/box-header-right.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;}
.box-wrap-left-cel {}
.box-wrap-left-left-cel {background: url("../images/box-wrap-left.gif") repeat-y left;	width: 6px;}
.box-wrap-right-left-cel {background: url("../images/box-wrap-right.gif") repeat-y right; width: 6px;}
.box-footer-left-left-cel {background: url("../images/box-footer-left.gif") no-repeat;	width: 6px;	height: 6px; font-size: 0px;}
.box-footer-left-cel {border-bottom: 2px solid #cccccc; font-size: 0px; padding: 0px; margin: 0px; font-size: 0px;}
.box-footer-right-left-cel {background: url("../images/box-footer-right.gif") no-repeat; width: 6px; height: 6px; font-size: 0px; font-size: 0px;}

.box-right-cel {margin: 5px 0 5px 0px; width: 190px;}
.box-header-right-cel {background: url("../images/box-header.gif") repeat-x; height: 25px; }
.box-header-left-right-cel {background: url("../images/box-header-left.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;}
.box-header-right-right-cel {background: url("../images/box-header-right.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;}
.box-wrap-right-cel {}
.box-wrap-left-right-cel {background: url("../images/box-wrap-left.gif") repeat-y left; width: 6px;}
.box-wrap-right-right-cel {background: url("../images/box-wrap-right.gif") repeat-y right;width: 6px;}
.box-footer-left-right-cel {background: url("../images/box-footer-left.gif") no-repeat; width: 6px; height: 6px;}
.box-footer-right-cel {border-bottom: 2px solid #cccccc; font-size: 0px; padding: 0px; margin: 0px;}
.box-footer-right-right-cel {background: url("../images/box-footer-right.gif") no-repeat; width: 6px; height: 6px; font-size: 0px;}

.box-banner {margin: 5px 0 0 0; width: 190px;}
.box-banner-content {}

.box-content {margin: 3px;}


/* C L A S S   C A T A L O G ******************************************/

.one-item {margin: 0 0 30px 0px;}
.one-item-picture {border: 1px solid #cccccc; margin: 3px;}
.one-item-parameter {width: 230px;}
.one-item-group-filter {width: 395px;}
.one-item-group-items {margin: 0 0 30px 30px;}
.one-item-group-items-parameter {width: 200px;}
.one-item-group-items-picture {border: 1px solid #cccccc;}
.category-items {margin: 0 0 30px 0px;}
.category-items-parameter {width: 230px;}
.category-items-picture {border: 1px solid #cccccc;}
.category-items-group-items-filter {width: 395px;}
.category-items-group-items {margin: 0 0 30px 30px;}
.category-items-group-items-parameter {width: 200px;}
.category-items-group-items-picture {border: 1px solid #cccccc;}


/***************************** C U S T O M ******************************/

.galleryThumbs { margin: 3px;}

.galleryThumbs img {padding:0px;margin:0px;border: 0px;}

.info {background: #f9f9f9; border: 1px solid #eeeeee; padding: 5px; margin: 5px;}

.chat{margin-left: 10px;border-left: 1px solid #DFDFDF;padding-left: 10px;}
.hover a:hover{text-decoration: underline;}

.main-container-top{background: url(../images/top.png);background-repeat: repeat-x;height:10px; }
.main-container-middle{}
.main-container-bottom{background: url(../images/top.png);background-repeat: repeat-x;height:10px;position: relative; }
.main-container-bottom-gray{background: #dedfde;margin-top: -62px;position: relative;}

.banner-left{margin: 20px 0 20px 28px;}
.banner-right{margin: 20px 32px 20px 28px;}
.banner-text{position: absolute;margin-top: 25px;}
.banner-text1{background:url(../images/banner-text.png);margin-left: 2px;}
.banner-text2{color: #191919;font-size: 24px;line-height: 30px;text-transform: uppercase;margin-left:18px;padding-top: 7px;padding-bottom: 7px;padding-right: 40px;}
.banner-text2 a {color: #191919;}

.leftcol-content{margin: 22px 20px 30px 20px;}
.leftcol-content-title{color: #2B292D;font-size: 18px;margin-bottom: 10px;padding: 0 8px 0 0;font-family: "Century Gothic",Arial,Verdana;}
.leftcol-content-text{font-size: 11px;margin-bottom: 20px;}
.leftcol-content-menu{font-size:11px;}
.border-bottom{border-bottom: 1px solid #e9e9e9;padding-left: 15px;padding-bottom: 10px;padding-top: 10px;margin-top: 5px;margin-bottom: 15px;}
.border-bottom1{border-bottom: 1px solid #e9e9e;margin-bottom: 10px;margin-top: 10px;width: 176px;}

#CenterCol1{background: #f8f8f8;border: 1px solid #d9d9d9;width: 100%;}
#CenterColContent1{margin: 22px 22px 0 22px;}

.news_right{margin: 22px 22px 0;font-size:11px;}

.footer-text{margin-top: 70px;}
.gallery-galleries{color: #2B292D;font-family: "Century Gothic",Arial,Verdana;margin-left: 6px;margin-bottom: 30px;width: 887px;}
.gallery-title{font-size: 18px;}
.gallery-pictures{margin: 20px 0 0 0;}
.on-hover-image a:hover{opacity: 0.6;}
.gallery-title {font-size: 18px;}
.gallery-galleries1{color: #2B292D;font-family: "Century Gothic",Arial,Verdana;margin-bottom: 30px;width: 887px;}

.ArticlePaketList{padding:10px 0 10px 0;border-bottom:1px solid #b0b0b0;}
.ArticlePaketList.Last{border:none;padding:10px 0 20px 0;}
.ArticlePaketTitle{font-weight:bold;padding:0 0 10px 0;font-size:13px;}
.ArticlePaketData{width:333px;padding:0 15px 0 0;}
.ArticlePaketReserved{padding:10px 0 0 0;}
.ArticlePaketReserved a{display:table-cell;color:#ffffff;text-transform:uppercase;background:#76322b;padding:5px 20px 5px 20px;}

.contact-left{border-right:1px solid #E9E9E9;width: 566px;margin-bottom: 30px;font-size: 11px;padding-right: 10px;}
.contact-title{color: #2B292D;
    font-family: "Century Gothic",Arial,Verdana;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 0;}
.contact-left input[type="text"]
{
    background-color: #F8F8F8;
    border: 1px solid #E9E9E9;
    font-size: 11px;
    margin-bottom: 6px;
    padding: 8px 5px;
    width: 60%;
    size:25px;
    color: #191919;
}
.contact-left textarea
{background-color: #F8F8F8;
    border: 1px solid #E9E9E9;
    font-size: 11px;
    margin-bottom: 7px;
    padding: 8px 5px;
    width: 80% !important;
    
}

.contact-left select
{background-color: #F8F8F8;
    border: 1px solid #E9E9E9;
    font-size: 11px;
    margin-bottom: 7px;
    padding: 8px 5px;
    width: 64% !important;
    color: #2B292D;
}
.pera{width: 162px;}
 .submit{
   background: -moz-linear-gradient(center top , #2b292d, #2b292d) repeat scroll 0 0 transparent;
    border: 1px solid #E9E9E9;
    color: #ffffff;
    cursor: pointer;
    font-size: 11px;
    width: 170px;
    padding: 8px 15px;
  }

#slider-container
{ 
    float:left;
    width:100%;
    position:absolute;
    overflow:hidden;
    height:420px;
 
    margin-top: -30px;
    padding-bottom:20px;
    
}
#slider{list-style-type:none; margin:0; padding:0;}
#slider li img{height:420px!important;overflow:hidden!important; padding-bottom:20px;}

/* Slideshow Navigation */
.slide-nav-container{	
    width:1000px;
    margin:0px auto;
}
#slide-nav{
    width:1000px;
    position:absolute;
    top:200px;
}
#slideprev{
    background-image:url(../images/slider-nav-left.png);
    background-repeat:no-repeat;
    width:31px;
    height:31px;
    position:absolute;
    cursor:pointer;
    z-index:450;
}
#slidenext{
    background-image:url(../images/slider-nav-right.png);
    background-repeat:no-repeat;
    width:31px;
    height:31px;
    position:absolute;
    cursor:pointer;
    z-index:450;
    right:0px;
}
.clear{
    clear: both;
    float: none !important;
    height: 1px !important;
    line-height: 1px !important;}

.header-container {
    float: left;
    margin-top: -30px;
    overflow: hidden;
    padding-bottom: 20px;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.form-select {
   background-color: #ffffff;
    border: 1px solid #a3a3a3;
    font-size: 11px;
    margin-bottom: 7px;
    padding: 8px 5px;

    color: #2B292D;
    width: 172px;
}
.form-input{ background-color: #ffffff;
    border: 1px solid #a3a3a3;
    font-size: 11px;
   margin-bottom: 7px;
    padding: 8px 5px;

    color: #2B292D;
    width: 162px;}

.proba{margin-left: 20px;margin-top: 20px;}

.form-input-header{ background-color: #ffffff;
    border: 1px solid #a3a3a3;
    font-size: 11px;
    margin-bottom: 1px;
    padding: 4px 5px;

    color: #2B292D;
    width: 112px;}
    
.form-select-header {
   background-color: #ffffff;
    border: 1px solid #a3a3a3;
    font-size: 11px;
    margin-bottom: 1px;
    padding: 3px 5px;

    color: #2B292D;
    width: 50px;
}


.HeaderTopData{height:19px;color:#cbcbcb;}
.HeaderTopData a{color:#cbcbcb;}
.HeaderTopData span{color:#ffffff;}