/* MISC */
*
{
    margin: 0;
    padding: 0;
}

body
{
    font-family: Verdana;
    text-align: center;
    color: #284d07;
    background: url("../graphics/bg.jpg") repeat-x #426914;
}

a
{
    color: #284d07;
    text-decoration: underline;
}

a:hover
{
    color: #ba3434;
    text-decoration: underline;
}

a:visited
{
    color: #701515;
    text-decoration: none;
}

img
{
    border: 0;
}

ul
{
    list-style-type: none;
}

table
{
    margin-left: auto;
    margin-right: auto;
}

td
{
    padding-bottom: 5px;
}

textarea
{
    overflow: auto;
}

/* MISC - CLASS */

.category
{
    margin: 15px auto 25px auto;
    display: block;
    width: 400px;
}

.shop
{
    width: 500px;
    margin-bottom: 15px;
}

.pdf
{
    background: url("../graphics/pdf.png") no-repeat;
    background-position: 180px;
    display: block;
}

.pageTitle
{
    font-size: 18px;
    background: url("../graphics/hr.jpg") repeat-x;
    background-position: bottom center;
    height: 33px;
    text-align: left;
    padding-left: 10px;
    line-height: 33px;
    margin-bottom: 25px;
    color: #FFF;
}

.thumb
{
    background: url("../graphics/loading.gif") no-repeat;
    background-position: center center;
    margin: 8px 8px 8px 8px;
    width: 128px;
    height: 96px;
}

.pages
{
    display: block;
    margin-top: 10px;
}

.googleMap
{
    width: 425px;
    height: 350px;
}

.formText
{
    font-size: 16px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.error
{
    font-size: 16px;
    color: #ba3434;
    font-weight: bold;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.success
{
    font-size: 16px;
    color: #00ff00;
    display: block;
    font-weight: bold;
    margin-top: 5px;
}

.loading
{
    background: url("../graphics/loading.gif") no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
}

.noscript
{
    display: none;
}

.margin
{
    margin-bottom: 15px;
}


#sig
{
    color: #b1cc52;
    font-size: 10px;
    display: block;
    clear: both;
}

#sig a
{
    color: #b1cc52;
}

#sig a:hover
{
    color: #ba3434;
    text-decoration: underline;
}

#map
{
    width: 460px;
    height: 658px;
    background: url("../graphics/mapa.jpg") no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
}

#name
{
    display: none;
}

/* BOX */

#box
{
    margin-left: auto;
    margin-right: auto;
    width: 1150px;
    padding-bottom: 20px;
}

/* HEADER */

#header
{
    position: relative;
    background: url("../graphics/loading.gif") no-repeat;
    background-position: center center;
    width: inherit;
    height: 131px;
}

#header .top
{
    display: block;
    background: url("../graphics/header1.jpg") no-repeat;
	background-position: center center;
    width: inherit;
    height: 68px;
}

#header .bottom
{
    display: block;
    background: url("../graphics/header2.jpg") no-repeat;
	background-position: center center;
    width: inherit;
    height: 63px;
}

/* NAVIGATION */

#navi
{
    width: inherit;
    height: 58px;
    position: relative;
    font-size: 14px;
    background: url("../graphics/naviBottom.jpg") repeat-x;
    background-position: bottom center;
}

#navi li
{
    display: inline;
}

#navi #first
{
    color: #FFF;
    display: block;
    float: left;
    height: 39px;
    background: url("../graphics/naviButton.jpg") repeat-x;
    line-height: 39px;
    margin: 0 3px 0 95px;
    padding: 0 40px 0 40px;
    font-weight: bold;
    text-decoration: none;
}

#navi #first:hover
{
    background: url("../graphics/naviButtonHover.jpg") repeat-x;
}

#navi ul
{
    list-style-type: none;
}

#navi a
{
    color: #FFF;
    display: block;
    float: left;
    height: 39px;
    background: url("../graphics/naviButton.jpg") repeat-x;
    line-height: 39px;
    margin: 0 3px 0 3px;
    padding: 0 40px 0 40px;
    font-weight: bold;
    text-decoration: none;
}

#navi a:hover
{
    background: url("../graphics/naviButtonHover.jpg") repeat-x;
}

/* CONTENT */

#content
{
    position: relative;
    width: 827px;
    background: url("../graphics/contentBg.jpg") no-repeat #a3c148;
    background-position: bottom right;
	float: left;
	padding: 20px 20px 60px 20px;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    -ms-border-radius: 1.5em;
    border-radius: 1.5em;
}

#leftBar
{
	width: 273px;
	float: left;
	margin-right: 10px;
}


#leftBar > div
{
	-webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    -ms-border-radius: 1.5em;
    border-radius: 1.5em;
	background-color: #a3c148;
	padding: 20px;
	margin-bottom: 10px;
}

#contentBox
{
	margin-top: 20px;
	overflow: auto;
}

/* FOOTER */

#footer
{
    background: url("../graphics/bottomStripe.jpg") repeat-x;
    position: relative;
    height: 100px;
    clear: both;
    padding-bottom: 50px;
}

#footerBox
{
    position: relative;
    height: 100px;
    width: 867px;
    margin-left: auto;
    margin-right: auto;
}

/* LOGOS & HOVERS */

.cdoc
{
    margin: 4px 35px 0 200px;
    float: left;
    display: block;
    width: 108px;
    height: 94px;
    background: url("../graphics/cdoc.png") no-repeat;
}

.cdoc:hover
{
    background-position: 0 -91px;
}

.kb
{
    margin: 4px 35px 0 0;
    float: left;
    display: block;
    width: 91px;
    height: 92px;
    background: url("../graphics/kb.png") no-repeat;
}

.kb:hover
{
    background-position: 0 -91px;
}

.euro
{
    margin: 4px 35px 0 0;
    float: left;
    display: block;
    width: 116px;
    height: 92px;
    background: url("../graphics/euro.png") no-repeat;
}

.euro:hover
{
    background-position: 0 -91px;
}

.visione
{
    margin: 4px 0 0 0;
    float: left;
    display: block;
    width: 125px;
    height: 94px;
    background: url("../graphics/visione.png");
}

.visione:hover
{
    background-position: 0 -91px;
}

.huby
{
    margin: 9px 35px 0 0px;
    float: left;
    display: block;
    width: 77px;
    height: 81px;
    background: url("../graphics/huby.png") no-repeat #82a1b6;
}

.huby:hover
{
    background-position: 0 -81px;
}

#thumbs
{
    display: block;
    margin-top: 35px;
}

.simple_overlay
{

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    color: #fff;
    background-color:#333;

    width:815px;
    min-height:427px;
    border:1px solid #666;
    padding: 15px;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    box-shadow: 0 0 90px 5px #000;
}

.simple_overlay img
{
    float: left;
}

.simple_overlay a
{
    color: #fff;
    text-decoration: underline;
}

.simple_overlay a:hover
{
    color: #ba3434
}

.simple_overlay a:visited
{
    color: #fff;
}

/* close button positioned on upper right corner */
.simple_overlay .close
{
    background-image:url(../graphics/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.proceed
{
    margin-top: 20px;
}

.phone
{
    display: block;
    margin: 10px auto 10px auto;
}

#mapLegend
{
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

#mainPhoto
{
    float: left;
    background: url("../graphics/gaj.jpg") no-repeat;
    width: 400px;
    height: 300px;
    margin-left: 50px;
}

.clearFix
{
    clear: both;
    display: block;
}

#welcomeText
{
    margin-bottom: 20px;
}

#shortcuts
{
    margin-top: 20px;
    font-weight: bold;
}

#forza
{
    background: url("../graphics/forza.png") no-repeat;
    width: 100px;
    height: 100px;
    display: block;
    margin-left: 340px;
    margin-right: 15px;
    float: left;
}

.details
{
    position:absolute;
    top:15px;
    right:5px;
    font-size:11px;
    color:#fff;
    width:175px;
}

.details h3
{
    color:#aba;
    font-size:15px;
    margin-bottom: 15px;
}

.cards
{
    background: url("../graphics/VisaMastercard.jpg") no-repeat;
    width: 100px;
    height: 32px;
    margin: 10px auto 10px auto;
    display: block;
}

.withOverlay
{
    display: none;
}

#overlayPhoto
{
    background: url("../graphics/loading.gif") no-repeat;
    background-position: center center;
}

#gaj
{
    background: url("../graphics/radaGaj.png") no-repeat;
    width: 86px;
    height: 100px;
    display: block;
    float: left;
}

#news
{
    font-size: 13px;
}

#news a:visited
{
	text-decoration: underline;
}

.singleNews
{
	text-align: left; 
	display: block; 
	margin: 0 20px 5px 20px;
}

.overlayContent
{
    width: 640px;
    height: 480px; 
    font-size: 12px; 
    text-align: center;
}