/* ------------------------------------------------------ */

/* -------->>> EPH DISPLAY STYLE SHEETS<<<-------------- */

/* ---------------------------------------------------- */



/* ---------------------------------- */

/* ------>>> GLOBAL STYLE <<<-------- */

/* ---------------------------------- */

* {margin: 0px; padding: 0px;}

body {background-color: #fff; color: #4d4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;}

img {border: 0px;}

h2 {font-size: 3.4em; color:#344e9e; padding: 40px 0 8px 183px;}

h3 {font-size: 2em; color: #999999; padding: 10px 5px 10px 10px;}

h4 {font-size: 1.6em; color: #344e9e; padding-left: 13px; padding-top: 10px;}

h5 {font-size: 1.3em; color: #505050; padding-left: 10px; padding-top: 10px;}

h6 {font-size: 1.3em; color: #344e9e; padding-left: 13px; padding-top: 10px;}

p {padding: 5px 10px 0 10px; font-size: 1.2em; line-height: 19px;}

/* ----------------------------------- */



/* ---------------------------------- */

/* ------>>> PAGE STRUCTURE <<<------ */

/* ---------------------------------- */

#wraper {position: relative; margin-left: auto; margin-right: auto; width: 754px;}

#header {position: relative; width: 754px; float: left; border-top: 5px solid #1e439b;}

#content {position: relative; width: 754px; float: left; border-top: 1px solid #eeeded;}

#contentHome {position: relative; clear: both;width: 754px; float: left;}

#columnLeft {position: relative; width: 174px; float: left;}

#columnRight {position: relative; width: 580px; float: left;}

#right1 {position: relative; width: 190px; float: left;}

#right2 {position: relative; width: 390px; float: left; }

#footer {position: relative; clear: both; width: 754px; height: 13px; padding-top: 20px; margin-bottom: 20px;border-top: 1px solid #eeeded; border-bottom: 1px solid #eeeded;}

/* ----------------------------------- */



/* ------------------------------------------- */

/* ------>>> HEADER <<<---------------------- */

/* ----------------------------------------- */

#header h1 a {float:left; width: 120px; height: 35px; background-image: url(../images/logo/eph.gif); background-repeat: no-repeat; position: relative; left: 20px; top: 24px; display: block; text-indent: -999em;}

#header h1 a:hover {background-color: transparent !important;}

#animation {position: relative; margin-top: 13px; margin-left: 0px; float: left; }

#brands {position: relative; margin-top: 0px; margin-left: 0px; float: left;}

/* ----------------------------------- */



/* ------------------------------------------- */

/* ------>>> NAVIGATION / LINKS <<<---------- */

/* ----------------------------------------- */

.language a {text-decoration: none; color: #999999;}

.language a:hover {text-decoration: underline; color: #999999;}



#mainNavigationHome {position: relative; margin-top:15px; margin-left: 0px; width: 754px;}

#mainNavigationHome ul {position: relative; margin-left: 20px; list-style-type: none; top: 15px;}

#mainNavigationHome li {display: inline; padding-right: 30px;}

#mainNavigationHome a {font-size: 1.2em; font-weight: bold; text-decoration: none;}

#mainNavigationHome a:hover {color: #1e439b; background-image: url(../images/bg/tab1.gif);background-repeat: no-repeat;height: 40px; top:50px;}



#mainNavigation {position: relative; margin-top:15px; margin-left: 0px; width: 754px; border-bottom: 1px solid #344e9e; padding-bottom: 10px;}

#mainNavigation ul {position: relative; margin-left: 20px; list-style-type: none; top: 15px;}

#mainNavigation li {display: inline; padding-right: 30px;}

#mainNavigation a {font-size: 1.2em; font-weight: bold; text-decoration: none;color: #999999;}



#subNavigation {position: relative; margin-top: 0px; margin-left: 0px; width: 174px;}

#subNavigation ul {position: relative; margin-left: 0px; margin-top: 0px; list-style-type: none;}

#subNavigation li {border-bottom: 1px solid #eeeded;}

.noborder {border-bottom: 1px solid #fff !important;}

#subNavigation li:hover {background-color: #f5f6f6;}

#subNavigation a { font-size: 1.1em; text-decoration: none; color: #344e9e; line-height: 2.7em; padding-left: 10px; display:block; }

#subNavigation a:hover {color: #999999;background-color: #f5f6f6;}

.selected {background-color: #f5f6f6;}



#footer a {font-size: 1.1em; text-decoration: none; padding-left: 10px; margin-top: -10px;  color: #344e9e; float: left;}

#footer a:hover {font-size: 1.1em; color: #000;}

.padRight {padding-right: 500px;}

.arr {padding-right: 7px;}

.top a {width: 50px; text-decoration:none; font-size:1.1em; color:#344e9e; }

.top a:hover {color: #000;}



#columnRight a {text-decoration:underline; font-size:1.1em; color:#505050;}

#columnRight a:hover {color: #000; }



.box1 a, .box3 a {padding-left: 10px; text-decoration:underline; font-size:1em; color:#505050;}

.box1 a:hover, .box3 a:hover {color: #000; }

/* ----------------------------------- */



/* ------------------------------------------- */

/* ------>>> CONTENT <<<--------------------- */

/* ----------------------------------------- */

.box1 {position: relative; float: left; margin-left: 0px; margin-top: 10px; width: 180px; height: 120px; background-image: url(../images/bg/box.gif); background-repeat: no-repeat;}

.box2 {position: relative; float: left; margin-left: 8px; margin-top: 10px; width: 180px; height: 120px; background-image: url(../images/bg/box.gif); background-repeat: no-repeat;}

.box3 {position: relative; float: left; margin-left: 8px; margin-top: 10px; width: 376px; height: 120px; background-image: url(../images/bg/box_large.gif); background-repeat: no-repeat;}

.box1Img {position: absolute; bottom: 4px; left:3px;}

.box2Img {position: absolute; bottom: 4px; right: 4px; background-image: url(../images/hej.jpg); background-repeat: no-repeat; width: 125px; height:88px;}

.boxTxt {font-size: 1.1em; padding-left: 13px; padding-top: 5px;}

.blueTxt {color: #344e9e;}

.blackTxt {color: #000;}

.boxRss {position: absolute; right: 10px; top: 10px;}

.top {position: relative; float:right; margin-right: 10px; width: 100px; background-image: url(../images/bg/top.gif); background-repeat: no-repeat; background-position: left -5px;}

.imgPos {padding: 5px 0 0 15px;}

.imgPos2 {padding: 5px 0 0 5px;}

.tableProizvodi {margin: 5px 0 5px 5px; width: 185px; background-color: #f5f6f6;padding: 2px 2px 0 2px; font-size: 1.2em; line-height: 1.8em;}

.tablePortali {margin: 5px 0 5px 10px; width: 500px; background-color: #fff;padding: 2px 2px 0 2px; font-size: 1.2em; line-height: 1.8em;}

.language {position: relative; margin-top: 30px; margin-left: 650px; font-size: 1.1em;}

.predsjednik {font-size: 2em; font-weight: bold; padding-top: 15px;}

/* ----------------------------------- */



/* ------------------------------------------- */

/* ------>>> WEB FORM <<<-------------------- */

/* ----------------------------------------- */

.form {padding-left: 0px;}

.input{background:#e4e1e1; width:250px; border:1px #CACACA solid; color:#000000; font-size:12px; padding:2px}

.textarea{font-size:12px; color:#000000; height:100px; width:250px; background:#e4e1e1; border:1px #CACACA solid; text-align:left; padding:0 0 0 0px}

.button{margin-left: 15px; background:#e4e1e1; color:#000000; border:1px solid #aabfcf; font-size:11px; padding:1px; margin-top:20px}

/* ----------------------------------- */