html,body {
	background-color:#FFF; 

  background-image:url('../img/bckgrd.jpg');
  background-repeat: repeat-x;
  background-position: top;

	height:100%;
	
	margin: 0px;
	padding: 0px;
	
	font-family: Arial, geneva, sans-serif;
  font-size: 14px;
  color: #333;
}

@media print {
.noprint {display:none !important;}
}

@font-face {
	font-family: 'MyriadProLightCondensed';
	src: url('fonts/myriadpro-lightcond-webfont.eot');
	src: local('?'), url('fonts/myriadpro-lightcond-webfont.otf') format('opentype'), url('fonts/myriadpro-lightcond-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'MyriadProLight';
    src: url('fonts/myriadpro-light.eot');
    src: url('fonts/myriadpro-light.eot') format('embedded-opentype'),
         url('fonts/myriadpro-light.woff') format('woff'),
         url('fonts/myriadpro-light.ttf') format('truetype'),
         url('fonts/myriadpro-light.svg#MyriadProLight') format('svg');
}

*:focus
{
  outline: none;
/*   -webkit-appearance: none; */
}
*
{
	box-sizing: border-box;
}

P, DIV, UL, OL, LI, DL, DD, DT, TD, BLOCKQUOTE {
	font-family: Arial, geneva, sans-serif;
	font-size: 14px;
	color: #333;

}

h1 {
  font-family: 'MyriadProLight',arial, tahoma, sans-serif;
  font-size: 36px;
  font-weight:lighter;
  color: #333;
  margin:0 0 10px 0;
}

h2 {
  font-family: 'MyriadProLight',arial, tahoma, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color:#69a2bf;
  margin: 0px;
}


hr{ background-color: #CCCCCC; height: 1px; border: 0px;}

A:link {color: #2f8ab2;	text-decoration: none;}
A:visited {color: #2f8ab2;	text-decoration: none;}
A:hover {color: #006a98;}


/* 
------------------------------------
MAIN MENU
------------------------------------
*/
ul.mainMenu
{
	margin:0;
	padding:0;
	list-style: none outside none;
}
ul.mainMenu > li
{
	display:inline-block;
	
	margin:0;
	padding:0;
	cursor:pointer;
}


ul.mainMenu > li > div:first-of-type
{
    display:inline-block;
	font-family: 'MyriadProLight',arial;
	font-size:18px;
	font-weight: 900;
	height:100px;
	padding:30px 25px;
	color:#333;
	text-align: center;
	text-transform: uppercase;
	
	cursor:pointer;
	transition: all .2s;
}
ul.mainMenu > li:hover > div:first-of-type { background-color:#6aa2bb; color:#FFF; }

ul.mainMenu > li > div:first-of-type:after
{
	content:'\f0d7';
	display:block;
	
	font-family: 'FontAwesome';
	font-size:10px;
	text-align: center;
	color:#333;
	
	margin: 0 50%;
	margin-left:auto !important; /*this is important for firefox */
	margin-right:auto !important; /*this is important for firefox */
	
	transform: translateX(-50%);
	width:10px;
	height:10px;
	border-radius:50%;
	border:1px solid #333;
	
}


ul.mainMenu > li > div:nth-child(2)
{
	position:absolute;
	visibility:hidden;
	opacity:0;
	
    text-align:left;
    padding:0px;
	margin-top:-30px;
	box-shadow:0 5px 5px rgba(0,0,0,0.12);

    background-color:#6aa2bb;
    
    transition:all .5s;
}

ul.mainMenu > li:hover > div:nth-child(2)
{
	visibility:visible;
	opacity:1;	
	
	
	transform: translateY(30px);
}

li.subsubMenu
{
	font-family: 'MyriadProLight',arial;
	font-size:16px;
	color:#FFF;
	padding:5px 0;
	
	transition:all .3s;
}

li.subsubMenu:hover
{
	color:#90ff00;
}

li.subsubMenu:before
{
	content:'\f0da';
	font-family: 'FontAwesome';
	color:#2c2c2c;
	margin-right:7px;
	margin-top:2px;
}

/*
ul.mainMenu > li div:nth-child(2) ul
{
	margin:0;
	padding:0;
	min-width:150px;
	max-width:250px;
	list-style: none outside none;
}

ul.mainMenu > li div:nth-child(2) ul > li
{
	margin:0;
	padding:10px;
	font-family: 'MyriadProLight';
	font-size:14px; 
	font-weight:bold;
	border-bottom:3px solid #6ca1c0;
	text-transform: uppercase;
	cursor:pointer;
	
}

ul.mainMenu > li div:nth-child(2) ul > li:last-child
{
	border-bottom:none;
}

ul.mainMenu > li div:nth-child(2) ul > li:hover
{
	color:#6ca1c0;
}
*/

/*
ul.mainMenu > li ul
{
	position: absolute;
	visibility:hidden;
	opacity:0;
	
    list-style: none;
    text-align:left;
    padding:0;
    margin:9px 0 0 -10px;

    background-color:#90ff00;

    min-width:100px;
    
    transition:all .2s;
}

ul.mainMenu > li:hover ul 
{
	position: absolute;
	visibility:visible;
	opacity:1;	
}

ul.mainMenu li ul li
{
    color:#353732;
    font-size:10px;
    text-transform:uppercase;
    padding:8px;
    
    cursor:pointer;
    
    transition:all .2s;
}

ul.mainMenu li ul li:hover
{
    color:#000;
    background-color:rgba(255,255,255,.55);
}
*/



/* 
------------------------------------
SUB MENUES
------------------------------------
*/
.sub_navig
{
  color: #277ea4;	
  font-family: 'MyriadProLightCondensed',Arial, Tahoma ;
  font-weight: normal;
  font-size:24px;

  cursor: hand;
  cursor: pointer;

  transition: color .2s;
}
.sub_navig:hover { color: #7bda00;}

.subnavig_div
{
  margin-top:5px;
  width:150px;
}

a.site_path_link:link, a.site_path_link:visited {font-family: Arial,Tahoma; color: #215db1; text-decoration: none; font-size: 10px;}
a.site_path_link:hover {text-decoration: underline; color: #aa8c46;}

.floatClear:after
{
  content:"";
  display:table;
  clear:both;
}


/* 
------------------------------------------------------------
------------------------------------------------------------
-- PAGINATION
------------------------------------------------------------
------------------------------------------------------------
*/

.pagination_container
{
  text-align:center;
  margin:5px;
}

.pagination_arrows
{
  font-size:10px !important;
}

a.pagination_link:link, a.pagination_link:visited 
{
  color: #f18229; 
  text-decoration: none; 
  font-size: 12px;
  margin:5px;

  transition: color .2s;
}
a.pagination_link:hover {color: #ffe3a1;}

a.pagination_link.disabled {color: #ccc;}
a.pagination_link.current {font-weight:bold;color: #000;}




/* 
------------------------------------------------------------
------------------------------------------------------------
-- STANDARD INPUT TAGS DEFINITION 
------------------------------------------------------------
------------------------------------------------------------
*/

input[type=text],input[type=password],input[type=number], textarea
{
    box-sizing:border-box;
    font-family:   Arial, Tahoma, Helvetica, sans-serif;
    border: 1px solid #d8d8d8;
    font-size: 14px;  
    color: #333;
	padding: 10px 15px;
	background-color:#fafafa;
	border-radius:3px;
	margin:1px;
	
	width:100%;
}

input[type=button],
input[type=submit]
{
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;  
    color: #333;
    background-color:#90ff00;
    padding:7px 10px;
    cursor:pointer;

    transition: background-color .2s;
}

input[type=button]:hover,
input[type=submit]:hover{

	background-color:#FFF;

}

input[type=button]:disabled,
input[type=submit]:disabled{

	background:#bebebe;

}

select
{	
	-webkit-appearance: none; 
	-moz-appearance: none;
		
	box-sizing:border-box;
    font-family:   Arial, Tahoma, Helvetica, sans-serif;
    border:none;
/*
    background-color:#fff;
    border: 1px solid #d7d7d7;
*/
    font-size: 14px;  
    color: #333;
	padding: 10px 25px 10px 15px;
	border-radius:0;

	height:34px; /* ovo je zbog firefoxa */
}

.divSelect
{
	display:inline-block;
	border: 1px solid #d8d8d8;
	background-color:#fafafa;
	border-radius:3px;
	margin:1px;
}

.divSelect:after
{
	content:'\f107';
	font-family:'FontAwesome';
	font-size:16px;
	position:absolute;
	margin-left:-20px;
	margin-top:10px;
	pointer-events:none;
}

option
{
    padding:5px 10px;
	color: #333;
}

optgroup
{
    color: #CCC;
}

input.error, textarea.error,select.error {
/*   background-color:#FEFCA9 !important; */
	border: 2px solid #b52a2a !important; 
	margin:0 !important;
}
label.error
{
	color:#b52a2a !important;
	font-size:16px;
	font-weight:bold;
}

fieldset {
  padding: 5px;
  border: 1px solid #bbb;
  border-radius:5px;
  margin-top:5px;
  margin-bottom:10px;
}

fieldset > legend {
  color:#888;
  padding: 0px 7px 0px 7px;
  text-align:left;
}


/* 
------------------------------------------------------------
------------------------------------------------------------
-- LAYOUT BUILDER
------------------------------------------------------------
------------------------------------------------------------
*/


.panelContainer
{
	margin:0;
	padding:0;
	width:100%;
	
/*
	display: table;
	table-layout: fixed;
*/
}

.panelCell
{
	margin:0;
	padding:0;
	padding:10px;
	display:table-cell;
	vertical-align:top;
}