/*-----------reset------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body {line-height:1}
ol, ul {list-style:none}
/*-----------reset-end------------*/

/*-BASIC-------------------------------------------------------*/
html {width:100%; height:100%;}
body {margin:0px; padding:0px; width:100%; font-family:Tahoma,Geneva,FreeSans,sans-serif; font-size:12px;  line-height:14px; color:#444; background:#d6d6d6;}
#wrap {width:100%; height:100%;}
.float_Left { float:left;}
.float_Right { float:right;}
.image_RightFloat { float:right; margin:0px 0px 5px 10px;}
.image_LeftFloat { float:left; margin:0px 10px 5px 0px;}
.thumb_RightFloat { float:right; margin:0px 0px 10px 10px;}


/*-HEADER-start------------------------------------------------*/
#header_Wrap {width:960px; height:341px; margin:0 auto; background:url(../images/head_bkgd.gif) 0 14px repeat-x; clear:both; padding:14px 0 20px;}
#header {width:960px; height:341px; margin:0 auto; background:url(../images/senk.jpg) 131px 85px no-repeat; position:relative;}
#header h2 { width:131px; height:170px; position:relative; font-size:9px;}
#header h2 a span { cursor:pointer;}
#header h2 span { background:url(../images/logo_beolingua.gif) no-repeat; position:absolute; width:100%; height:100%;}

.headRight { width:770px; height:341px; float:right;}
.headRight h3 { width:337px; height:30px; position:relative; font-size:9px; margin:18px 0 0 18px;}
.headRight h3 span { background:url(../images/n_catch_the_world.gif) no-repeat; position:absolute; width:100%; height:100%;}
.headFlash { width:730px; height:226px; background:#fff; display:block; padding:14px 20px 14px; z-index:1;}
.userBox { width:200px; height:18px; float:right; margin:14px 20px 0 0; padding-top:8px; text-align:right;}
.userBox li {float:right; border-right:1px #444 solid;}
.userBox li.lastLink { border:none;}
.userBox a { color:#444; text-decoration:none; padding:2px 6px 0 6px;}
.userBox a:hover { color:#687da4;}
.userBox a.facebook  { width:26px; height:26px; display:block; margin:-8px 0 0 10px;}
.userBox a.facebook img { border:none;}
.login_place { z-index:1000000;}

/*------------menu-start-------------*/
#menu_Wrap { width:170px; margin-top:17px; text-align:left;}
#menu { margin:auto; }
#menu ul {list-style:none outside;}
#menu li {}
#menu li h3 {font-size:12px; font-weight:normal; text-transform:uppercase;}
#menu li a { width:170px; height:26px; padding:0; margin-bottom:6px; display:block; color:#fff; font-family: Impact, Charcoal, sans-serif; font-size:15px; position:relative; text-decoration:none;}
#menu li a span { cursor:pointer; position:absolute; width:100%; height:100%;  top:0px; left:0px;}
#menu li a:hover {text-decoration:none;}
#menu li a.onama span { background:#201642 url(../images/btn_onama.gif) no-repeat;}
#menu li a:hover.onama span { background:#da8d00 url(../images/btn_onama.gif) bottom no-repeat;}
#menu li a.metod span { background:#34246c url(../images/btn_metod.gif) no-repeat;}
#menu li a:hover.metod span { background:#da8d00 url(../images/btn_metod.gif) bottom no-repeat;}
#menu li a.saveti span { background:#4c349b url(../images/btn_saveti.gif) no-repeat;}
#menu li a:hover.saveti span { background:#da8d00 url(../images/btn_saveti.gif) bottom no-repeat;}
#menu li a.test span { background:#6143c7 url(../images/btn_test.gif) no-repeat;}
#menu li a:hover.test span { background:#da8d00 url(../images/btn_test.gif) bottom no-repeat;}
#menu li a.tecaj span { background:#7c55ff url(../images/btn_tecaj.gif) no-repeat;}
#menu li a:hover.tecaj span { background:#da8d00 url(../images/btn_tecaj.gif) bottom no-repeat;}

  /*------------menu-end-------------*/
/*-HEADER-end--------------------------------------------------*/


/*-CONTENT-start-------------------------------------------------*/
.content_Wrap {width:960px; margin:auto; clear:both;}
.content {width:960px; margin:auto; background:transparent;}
.content h1 { font:normal 40px "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; color:#fff; padding:0 0 0 21px; margin:0 0 20px 0;}
.content.yellow h1 { background:#fff12d;}
#wrap .content.yellow { background: none;}
.content.orange h1 {background:#f18e00;}
#wrap .content.darkorange { background: none;}
.content.darkorange h1 {background:#f05b29;}
#wrap .content.blu { background: none;}
.content.blu h1 {background:#00abeb;}
#wrap .content.darkblu { background: none;}
.content.darkblu h1 {background:#333b8b;}
#wrap .content.teget { background: none;}
.content.teget h1 {background:#201642;}

#wrap .content.blu1 { background: none;}
.content.blu1 h1 {background:#1e0e41;}
#wrap .content.blu2 { background: none;}
.content.blu2 h1 {background:#361f6e;}
#wrap .content.blu3 { background: none;}
.content.blu3 h1 {background:#53319f;}
#wrap .content.blu4 { background: none;}
.content.blu4 h1 {background:#6b41cc;}
#wrap .content.blu5 { background: none;}
.content.blu5 h1 {background:#8954ff;}





.content.yellow a { text-decoration:underline; font-weight:bold; color:#fff12d;}
.content.orange a { text-decoration:underline; font-weight:bold; color:#f18e00;}
.content.darkorange a { text-decoration:underline; font-weight:bold; color:#f05b29;}
.content.blu a { text-decoration:underline; font-weight:bold; color:#00abeb;}
.content.darkblu a { text-decoration:underline; font-weight:bold; color:#333b8b;}
.content.teget a { text-decoration:underline; font-weight:bold; color:#201642;}
.content.blu1 a { text-decoration:underline; font-weight:bold; color:#1e0e41;}
.content.blu2 a { text-decoration:underline; font-weight:bold; color:#361f6e;}
.content.blu3 a { text-decoration:underline; font-weight:bold; color:#53319f;}
.content.blu4 a { text-decoration:underline; font-weight:bold; color:#6b41cc;}
.content.blu5 a { text-decoration:underline; font-weight:bold; color:#8954ff;}

.page_content { background:#fff; padding:20px; margin-bottom:20px;}
.page_content h3 { font-size:20px; font-weight:normal; margin:5px 5px 5px 0px;}
.page_content p { text-align:justify; margin-bottom:15px;}

#breadcrumbs { color:#444; font-weight:bold; background:#fff; padding:13px 0 13px 21px;}
#breadcrumbs a { color:#444; text-decoration:underline; font-weight:normal;}
#breadcrumbs a:hover { color:#687da4;}
.indexCont { width:601px; height:162px; background:#FFF; padding:20px 17px 22px 17px; margin-bottom:20px;}
.indexCont h1 { font:normal 28px "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; color:#201642; padding:0; margin:0;} 
.content h2 {font:normal 20px "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; color:#fff; padding:3px 0 6px 22px;}
.box03 h2 span {position:absolute; width:100%; height:100%;  top:0px; left:0px;}
.box03.yellow h2 { background:#fff12d;}
.box03 h2.predskolski { padding:0px; width:310px; height:36px; position:relative;}
.box03 h2.predskolski span { background:url(../images/n_predskolski.gif) no-repeat; }
.box03.orange h2 {background:#f18e00;}
.box03 h2.skolski { padding:0px; width:310px; height:36px; position:relative; font-size:9px;}
.box03 h2.skolski span { background:url(../images/n_skolski.gif) no-repeat; }
.box03.darkorange h2 {background:#f05b29;}
.box03 h2.omladinski { padding:0px; width:310px; height:36px; position:relative;}
.box03 h2.omladinski span { background:url(../images/n_omladinski.gif) no-repeat; }
.box03.blu h2 {background:#00abeb;}
.box03 h2.odrasli { padding:0px; width:310px; height:36px; position:relative;}
.box03 h2.odrasli span { background:url(../images/n_odrasli.gif) no-repeat; }
.box03.darkblu h2 {background:#333b8b;}
.box03 h2.poslovni { padding:0px; width:310px; height:36px; position:relative;}
.box03 h2.poslovni span { background:url(../images/n_poslovni.gif) no-repeat; }
.box03.teget h3 { color:#fff; background:#201642; font:normal 20px "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; color:#fff; padding:3px 0 6px 22px;}


.box03 h2.sertifikati { padding:0px; width:310px; height:36px; position:relative;}
.box03 h2.sertifikati span { background:url(../images/n_sertifikati.gif) no-repeat; }
.box03.yellow h3, .box03.yellow a { color:#fff12d;}
.box03.orange h3 { color:#fff; background:#f18e00; font:normal 20px "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; color:#fff; padding:3px 0 6px 22px;}
.box03.orange h4{ color:#f18e00; }
.box03.orange a { color:#f18e00; font-weight:normal;}
.box03.darkorange h3, .box03.darkorange a { color:#f05b29;}
.box03.blu h3, .box03.blu a { color:#00abeb;}
.box03.darkblu h3, .box03.darkblu a { color:#333b8b;}
.box03.teget h4, .box03.teget a { color:#201642;}
.gk_npro_mainwrap { border:none; padding:20px; height:128px; display:block;}
#gk_npro-newspro2 {border:none;}
#gk_npro-newspro1 {border:none;}
.gk_npro_table {border-spacing:0px; border:none;}
div.gk_npro_short_ulwrap ul { margin:0px; color:#f18e00; }
div.gk_npro_short_ulwrap ul li {color:#f18e00; border-bottom:1px #000 solid; background:transparent;  padding:0 0 5px 0; margin:0 0 5px 0; line-height:12px; display:block; float:none;}
div.gk_npro_short_ulwrap ul li:hover h4 a {color:#f18e00;}
div.gk_npro_short_ulwrap ul li.even{color:#f18e00;  background:transparent; display:block;}
div.gk_npro_short_ulwrap ul li.odd{color:#f18e00;  background:transparent; display:block;}
.orange div.gk_npro_short_ulwrap a {color:#f18e00; }
.orange div.gk_npro_short_ulwrap a:hover {color:#f18e00; }

.list3x li .box03Cont li { float:none; border-bottom:1px #444 solid; padding:0 0 7px 0; margin:0 0 7px 0;}
.list3x li .box03Cont li.lastLink { border:none;}
.box03 a.readmore { color:#687da4; float:right; font-weight:bold;}
.margT20 { margin-top:20px;}

.content.orange .box03.orange a { font-weight:normal;}

.box03 {width:310px;}
.box03Cont {width:310px; height:168px; background:#FFF; display:block;}
.box03Cont.pad20 {width:270px; height:128px; padding:20px;}
.list3x li { margin:0 15px 20px 0; background:#fff; float:left;}
.list3x li.lastLink { margin:0 0 20px 0;}

a.readon {color:#687da4; font-weight:bold;}

.box03 img { border:none;}


/*-CONTENT-end-------------------------------------------------*/

/*-SUPERFOOTER-start------------------------------------------------*/
.superFoot { width:960px; height:135px; margin:20px auto; clear:both;}
/*-SUPERFOOTER-end--------------------------------------------------*/

/*-FOOTER-start--------------------------------------------------*/
#footer_Wrap {width:960px; height:80px; margin:0 auto; clear:both; }
.subfoot { color:#444; font-size:10px; padding-top:7px;}
#footer {width:960px; height:40px; margin:auto;}
#wrap .footer.yellow { background:#fff12d;}
#wrap .footer.orange {background:#f18e00;}
#wrap .footer.darkorange {background:#f05b29;}
#wrap .footer.blu {background:#00abeb;}
#wrap .footer.darkblu {background:#333b8b;}
#wrap .footer.teget {background:#201642;}

#wrap .footer.blu1 { background:#1e0e41;}
#wrap .footer.blu2 { background:#361f6e;}
#wrap .footer.blu3 { background:#53319f;}
#wrap .footer.blu4 { background:#6b41cc;}
#wrap .footer.blu5 { background:#8954ff;}


  /*------------menu_foot-start-------------*/
.menu_FootWrap { height:10px; padding:13px 15px;}
.menu_Foot {float:left;}
.menu_Foot ul {list-style:none outside;}
.menu_Foot li { float:left; border-right:1px #fff solid;}
.menu_Foot li.lastLink { float:left; border:none;}
.menu_Foot li h3 {font-size:10px; font-weight:normal;}
.menu_Foot li a { padding:1px 7px; display:block; color:#fff; text-decoration:none;}
.menu_Foot li a:hover { text-decoration:underline;}
.menu_Foot ul ul li { display:none;}/*------------menu_foot-end-------------*/
  /*------------copy-start------------*/  
.signature {float:right; color:#FFF; text-align:right; font-size:10px;}
.signature a {color:#fff; font-size:10px; font-weight:bold; text-decoration:underline;}
.signature a:hover {text-decoration:none;}


.subfoot a.facebook span { width:22px; height:21px; background:url(../images/ico_facebook.gif) no-repeat; display:block;}
   /*------------copy-end-------------*/ 

/*-FOOTER-end--------------------------------------------------*/


/*-SPACERI-----------------------------------------------------*/
.spacer {margin:0px; padding:0px; clear:both; font-size:1px; line-height:1px;}
.spacer.px1 {height:1px;}
.spacer.px2 {height:2px;}
.spacer.px5 {height:5px;}
.spacer.px10 {height:10px;}
.spacer.px15 {height:15px;}
.spacer.px20 {height:20px;}
.spacer.px30 {height:30px;}