﻿/*------- GENERAL -----------*/
body {
	margin:0;
	padding:0;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background: #FFF;
}
div, p, img, a, ul, h1, h2 {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
img {
	border:none;
}
a {
	outline:none;
	color:#1694d4;
	text-decoration:none;
}
a:hover {
	color:#103f58;
	text-decoration:none;
}
.spacer {
	line-height:0;
	font-size:0;
	clear:both;
}
.wrap {
	width:780px;
	margin:0 auto;
	background:#FFF url(../../img/topmenu-topbg.jpg) 39px 0 no-repeat;

}

/*--------- TOP MENU -----------*/
.topMenu {
	width:780px;
	margin:0 auto;
	color:#103f58;
}
.topM {
	width:600px;
	color:#103f58;
	float:left;
}
/*topMenu ul {
	font-size:12px;
	font-weight:bold;
	line-height:65px;
}
.topMenu ul li, #footer ul li {
	float:left;
	padding:0 0 0 10px;
}
.topMenu ul li a, #footer ul li a {
	color:#103f58;
	background-color:#FFF;
}
.topMenu ul li a:hover, #topMenu ul li span, #footer ul li a:hover, #footer ul li span {
	color:#1694d4;
	background-color:#FFF;
}
.header1 {
	position: absolute;
	left: 650px;
	top: 12px;
}
.header1 ul {
	list-style: none;
}
.header1 ul.link li {
	float: right;
	padding: 0 15px 0 0;
}
.header1 ul.link li a {
	display: block;
}
.header1 ul.link li a.map {
	background: url(img/map.gif) no-repeat 0 0;
	width: 11px;
	height: 10px;
}
.header1 ul.link li a.cont {
	background: url(img/contact.gif) no-repeat 0 0;
	width: 12px;
	height: 10px;
}
.topMenu p.botBg {
	height:3px;
	background:url(img/topmenu-botbg.gif) 39px 100% no-repeat;
}
/*--------- HEADER ----------*/
.header {
	width:780px;
	margin:0 auto;
	height:253px;
	/*background:url(../../img/header-bg.jpg) 0 0 no-repeat;*/
	float:left;
	position:relative;
}
.header h1 {
	width:230px;
	height:27px;
	padding:10px 0 0 6px;
	text-align:center;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
}
.headeren {
	width:780px;
	margin:0 auto;
	height:253px;
	background:url(../../img/header-bg_en.jpg) 0 0 no-repeat;
	float:left;
	position:relative;
}
.headeren h1 {
	width:230px;
	height:27px;
	padding:10px 0 0 6px;
	text-align:center;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
}
/*--------- BODY ----------*/
.body {
	width:780px;
	margin:0 auto;
	padding:0 0 1px 0;
	font-size:12px;
	line-height:16px;
}
.body h2 {
	font:bold 14px "Arial", sans-serif;
	height:18px;
	margin:0 0 15px;
	color: #FFFFFF;
	background-color:#103f58;
	text-indent: 10px;
	padding: 2px 0 0 0;
}
.body p {
	padding:0 0 15px;
}
.body p span {
	color:#1694d4;
	/*background-color:#FFF;*/
	font-weight:bold;
}

/*------ vnatresna -------*/
.vnatresna {
	width:490px;
	float:left;
	padding:22px 16px 5px 0;
	
}
/*- HEADERS -*/
.vnatresna h2.welcome {
}
.vnatresna h2.services {
}
.vnatresna h2.mag {
	height:19px;
}
.vnatresna p.readmore {
	font-weight:bold;
	height:33px;
	line-height:33px;
	width:336px;
	margin:0 0 0 0;
	text-align:right;
}
.vnatresna p.readmore a {
	color:#9D180A;
}
.vnatresna p.readmore a:hover {
	color:#C92E1D;
}


/*------ LEFT PANEL -------*/
.leftPanel {
	width:490px;
	float:left;
	padding:22px 16px 5px 0;
	
}
/*- HEADERS -*/
.leftPanel h2.welcome {
}
.leftPanel h2.services {
}
.leftPanel h2.mag {
	height:19px;
}
.leftPanel p.readmore {
	font-weight:bold;
	height:33px;
	line-height:33px;
	width:336px;
	margin:0 0 0 0;
	text-align:right;
}
.leftPanel p.readmore a {
	color:#9D180A;
}
.leftPanel p.readmore a:hover {
	color:#C92E1D;
}
.header1 {
	position:absolute;
	width: 165px;
	float:right;
	padding: 10px 0 0 0;
	left: 623px;
	top: -61px;
}
.header1 ul {
	list-style: none;
}
.header1 ul.link li {
	float: right;
	padding: 0 15px 0 0;
}
.header1 ul.link li a {
	display: block;
	text-indent: -2000px;
}
.header1 ul.link li a.en {
	text-indent: 0px;
	color:#103f58;
	font-size:11px;
}
.header1 ul.link li a.map {
	background: url(../../img/map.gif) no-repeat 0 0;
	width: 11px;
	height: 10px;
}
.header1 ul.link li a.cont {
	background: url(../../img/contact.gif) no-repeat 0 0;
	width: 12px;
	height: 10px;
}
/*--- Services List ----*/
.leftPanel ul.services {
	line-height:18px;
	font-weight:bold;
	width:140px;
	float:left;
	padding-bottom:18px;
}
.leftPanel ul.services li {
	padding:0 0 0 16px;
	background:url(../../img/bul-body.gif) 0 50% no-repeat;
}
/*--- Mag ---*/
.leftPanel div.mag img {
	float:left;
	margin:0 13px 0 0;
}
.leftPanel div.mag p.date {
	padding:0 0 15px;
	margin:0 0 0 175px;
	height:20px;
}
.leftPanel div.news p {
	padding:0 31px 12px 0;
}
.leftPanel div.news a.more {
	display:block;
	width:52px;
	height:16px;
	padding:0 20px 0 0;
	background:#f7ea68 url(../../img/model-gal-btn.gif) 100% 0 no-repeat;
	text-align:center;
	font-size:12px;
	color:#103f58;
	margin:0 0 16px 1px;
}
.leftPanel div.news a.more:hover {
	background-color:#f7ea68;
	background-position:100% 100%;
	color:#103f58;
}
/*------------- RIGHT PANEL ------------*/
.rightPanel {
	margin: 2px 0 10px 0;
	padding:10px 0 0 15px;
	width:242px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#f4f4f4;
	border:solid 1px;
	border-color: #CCCCCC;
}
.rightPanel h2.model {
	height:20px;
	margin-bottom:15px;
}
.rightPanel h2.news 
{
	font:bold 14px "Arial", sans-serif;
	margin-top:18px;
}
.rightPanel p.click {
	font-size:10px;
	line-height:11px;
	color:#9D180A;
	padding-bottom:22px;
}
/*---- GALLERY ----*/
.rightPanel ul.modelGallery li {
	height:65px;
	float:left;
	font-weight:bold;
	line-height:16px;
	padding:0 14px 17px 0;
}
.rightPanel ul.modelGallery li img {
	margin-bottom:4px;
	display:block;
}
.rightPanel ul.modelGallery li a.enlarge {
	background-color: #f7ea68;
	display:block;
	height:16px;
	padding: 0 10px 0 5px;
	color:#103f58;
	background:#f7ea68 url(../../img/model-gal-btn.gif) 100% 0 no-repeat;
	width:215px;
}
.rightPanel ul.modelGallery li.noPad {
	padding-right:0;
}
.rightPanel ul.modelGallery li a.enlarge:hover {
	background-color: #103f58;
	background-position:100% 100%;
	color: #FFFFFF;
}
/*--- NEWS & EVENTS --*/

.rightPanel div.news {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	}

.rightPanel div.news p {
	padding:0 31px 12px 0;
		color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
.rightPanel div.news a.more {
	display:block;
	width:52px;
	height:16px;
	padding:0 20px 0 0;
	background:#f7ea68 url(../../img/model-gal-btn.gif) 100% 0 no-repeat;
	text-align:center;
	font-size:12px;
	color:#103f58;
	margin:0 0 16px 1px;
}
.rightPanel div.news a.more:hover {
	background-color:#f7ea68;
	background-position:100% 100%;
	color:#103f58;
}
/*-------------- FO0TER --------------*/
.footer {
	background:url(../../img/fotter-topbg.gif) 50% 0 no-repeat;
	width:780px;
	margin:0 auto;
	padding:20px 0 0;
	text-align:center;

}
.footer ul {

	width:780px;	
	padding:0 0 12px 0 ;
	margin:0 auto;
	text-align:center;
}
.footer ul li {
	font-size:12px;
	font-weight:bold;
	display:inline;

}
.footer ul li a{
	display:inline;
	padding:0 0 0 15px;
	text-align:center;
}
.footer p {

	font-size:10px;
	padding-bottom:22px;
	line-height:22px;
}
.footer p a {
	color:#DBDBDB;
	background-color:#000;
	text-decoration:none;
}
.footer p a:hover {
	text-decoration:none;
}
/*-------------- Drop --------------*/
.chromestyle {
	font-weight: bold;
	width:779px;
	font:bold 15px "Arial Narrow", sans-serif;
}
.chromestyle ul li a:hover {
	text-decoration:none;
	color:#e36906;
}
.chromestyle ul li a:visited {
	text-decoration:none;
	color:#616972;
}
.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.chromestyle ul {
	width: 100%;
	padding: 40px 0 8px;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li {
	display: inline;
}
.chromestyle ul li a {
	color: #494949;
	padding: 10px 10px;
	margin: 0;
	text-decoration: none;
}
.chromestyle ul li a:hover {
	background: url(../../img/button.jpg) center center repeat-x; /*THEME CHANGE HERE*/
	color: #3399FF;
}
.active {
	color:#e36906 !important;
	background: url(../../img/button.jpg) center center repeat-x;
}
.dropmenudiv {
	position:absolute;
	top: 0;
	border: 1px solid #12355f; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
}
.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #12355f; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: #494949;
}
* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
}
.dropmenudiv a:hover { /*THEME CHANGE HERE*/
	background-color: #F0F0F0;
	text-decoration:none;
	color:#12355f;
}


/*-------------- NOVO STIL --------------*/



/*margin: 0;
	padding: 0 10px;
	list-style: none;*/
.vnatresna ul {
	padding: 0 0 0 10px;
}


.vnatresna ul li 
{
	padding: 0 0 0 10px;
background-image:url(../../img/bull0.gif);
background-repeat:no-repeat;
line-height: 20px;
color:#1694d4;
text-decoration:none;
}
.vnatresna ul li a {
color:#1694d4;
text-decoration:none;
}
.vnatresna ul li a:hover {
color:#103f58;
text-decoration:underline;
}
.vnatresna ul li a:visited {
color:#1694d4;
text-decoration:none;
}
h3 {
color:#103f58;
font-size:12px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
padding: 10px 0 0 0;
margin:0px 0;

}
h4 
{
	font-size:12px;
	font-weight:bold;
	color:#1694d4;
	font:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0px 0;
}

#main-gallery
{
    width:455px;
    border:2px;
    float: left;
   /* width: 569px;*/
    padding: 20px 0 0 45px;
    font-size: 12px;
    line-height: 1.5em;
    text-align:center;
}

#main-gallery li
{
    width: 152px;
    border: solid #CCC;
    border-width: 0 1px 1px 0; /* uncomment and adjust this if you want a rounded frame in Mozilla browsers 	-moz-border-radius:20px;  */
    background: #FFF;
    padding: 10px;
    text-align: center;
    position:relative;
    float:left;
    display: inline;
    margin: 5px;
}

.next {
	margin:0 auto;
	padding:10px;
	text-align:center;
}
.archive a {
	float:right;
	display:block;
	width:52px;
	height:16px;
	padding:0 20px 0 0;
	background:#f7ea68 url(../../img/model-gal-btn.gif) 100% 0 no-repeat;
	text-align:center;
	font-size:12px;
	color:#103f58;
	margin:0 0 16px 1px;
}
.archive a:hover {
	background-color:#f7ea68;
	background-position:100% 100%;
	color:#103f58;
}

.archive1 a {
	float:left;
	display:block;
	width:52px;
	height:16px;
	padding:0 20px 0 0;
	background:#f7ea68 url(../../img/model-gal-btn.gif) 100% 0 no-repeat;
	text-align:center;
	font-size:12px;
	color:#103f58;
	margin: 10px 0 16px 1px;
}
.archive1 a:hover {
	background-color:#f7ea68;
	background-position:100% 100%;
	color:#103f58;
}

.vesti {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}
.vnatresna div.mag p.date {
	padding:0 0 15px;
	margin:0 0 0 175px;
	height:20px;
}
.vnatresna ul li.date {
	background:none;
	color: #103f58;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px 0 5px 10px;
}


.vnatresna ul {
	padding: 0 0 0 10px;
}

.vnatresna ul li.current {
	background:none;
	color:#000000;
	padding: 0 0 0 10px;
}
.img-left {
	float: left;
	padding: 5px;
	margin: 5px 10px 5px 0;
	background-color:#ffffff;
 border: 1px solid #bac1a3;
}

.label{
	color: #103f58;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0 0 0 5px;
	line-height:20px;

}
.vnatresna input{
	color: #103f58;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px ;
	/*width:250px;*/
	height:16px;
}
.vnatresna input.che{
	color: #103f58;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0 20px 0 0;
	width:16px;
	height:16px;
}
/*.che{
	color: #103f58;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding: 0 0 0 0;
	width:16px;
	height:16px;
}*/
.gore {
width:490px;
float:left;
padding:8px 0 5px 0;
text-align:right;
}
.sponzor {
	width:780px;
	margin:0 auto;
	text-align:center;
}

.body h2 a{
	font:normal 14px "Arial", sans-serif;
	height:18px;
	margin:0 0 15px 0;
	color: #f7ea68;
}
.body h2 a:hover{
	font:normal 14px "Arial", sans-serif;
	height:18px;
	margin:0 0 15px 0;
	color: #FFF;
}