/*   
Theme Name: Littera nova
Theme URI: http://poslovnoucilistetalentum.hr/
Description: Sluzbena stranica Poslovnog ucilista Talentum
Author URI: 
Version: 1
*/

/* CLEARING METHODS
----------------------------------------------------------------------------*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
.clear {clear: both;}
.clear_2 {background: transparent none repeat scroll 0%;border: medium none;clear: both;font-size: 0px;	eight: 0.1px;margin-top:-1px;padding: 0pt;visibility: hidden;overflow: hidden;}

/* HTML & BODY
----------------------------------------------------------------------------*/
body {
margin: 0;
padding: 0;
color: #000;
font: 12px/18px Verdana, Geneva, sans-serif;
line-height:1.6em;
background: #f6f6f6 url(images/bg.jpg) repeat-x;
}

/* HEADINGS
----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {	margin: 0;font-weight: normal;}

/*PI SLIKE */
h1 {font-size: 1.7em; line-height: 1em; text-align: center; color: #000;margin: 15px  0 0 0;}
h1 a:link {text-decoration: none;color: #000;clear: both;}
h1 a:visited{text-decoration: none;color: #000;clear: both;}
h1 a:hover {text-decoration: none;color: #397e2d;clear: both;}
h1 a:active {text-decoration: none;color: #000;clear: both;}


h2 {font-size: 1.6em; line-height: 1em; text-align: left; color: #000;margin: 0 0 10px 0;}
h2 a:link {text-decoration: none;color: #000;clear: both;}
h2 a:visited{text-decoration: none;color: #000;clear: both;}
h2 a:hover {text-decoration: none;color: #397e2d;clear: both;}
h2 a:active {text-decoration: none;color: #000;clear: both;}

h3 {font-size: 1.5em; line-height: 1em; text-align: left; color: #fe8206;margin: 0 0 10px 0;}
h3 a:link {text-decoration: none;color: #fe8206;clear: both;}
h3 a:visited{text-decoration: none;color: #fe8206;clear: both;}
h3 a:hover {text-decoration: none;color: #000;clear: both;}
h3 a:active {text-decoration: none;color: #fe8206;clear: both;}

h4 {font-size: 1.4em; line-height: 1em; text-align: left; color: #6a6a6a;margin: 0 0 10px 0;}
h4 a:link {text-decoration: none;color: #6a6a6a;clear: both;}
h4 a:visited{text-decoration: none;color: #6a6a6a;clear: both;}
h4 a:hover {text-decoration: none;color: #000;clear: both;}
h4 a:active {text-decoration: none;color: #6a6a6a;clear: both;}

h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em;}
h6 { font-size: 1em; font-weight: bold;}

/* TEXT ELEMNTS
----------------------------------------------------------------------------*/

a:link {color: #3c8fb9;text-decoration: none;}
a:visited {color: #3c8fb9;text-decoration: none;}
a:hover {color: #e23922;text-decoration: none;}
a:active {color: #3c8fb9;text-decoration: none;}

p {margin-bottom:1.1em;}
strong, b{font-weight: bold;}
em, i{font-style:italic;}

#topl p {text-align: right;color: #397e2d;margin: 24px 0;}
#headerl  p {color: #fff;}

#main b, #main strong {color:#397e2d;}

a.vise-g:link, a.vise-g:visited, a.vise-g:active {color:#fff; text-decoration:none;  text-indent:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding:10px; width: 100px;background:#cd0403; float:left; margin:0 4px 4px 0}
a.vise-g:hover {background:#b65522; color:#fff}

a.sideb-g:link, a.sideb-g:visited, a.sideb-g:active {color:#fff; text-decoration:none;  text-indent:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding:10px; width: 100px;background:#fe8206; float:left; margin:0 4px 4px 0}
a.sideb-g:hover {background:#cd0403; color:#fff}

a.tvrh-g:link, a.tvrh-g:visited, a.tvrh-g:active {color:#fff; text-decoration:none;  text-indent:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding:10px; width: 100px;background:#fe8206; float:right; margin:0 4px 4px 0}
a.tvrh-g:hover {background:#fff; color:#000}

#bigger ul {padding:0 0 0 30px; list-style-type:disc; line-height:18px;}
#bigger li {margin:0 10px 5px 0;}

table.izgled_1 {
color:#333333;
border: 1px solid #ccc;
border-collapse: collapse;
}
table.izgled_1 th {
padding: 5px;
color: #fff;
font-weight: bold;
border: 1px solid #ccc;
background-color:#397e2d;
text-align: left;
}
table.izgled_1 td {
padding: 8px;
border: 1px solid #ccc;
}
/* IMAGES
----------------------------------------------------------------------------*/

img {border:0;}

.pic_border {padding: 2px; border: 1px solid #cfcfcf; margin: 0 0 8px 9px; display: inline;}
.left_pic_border{border: 1px solid #ccc; padding: 2px; margin: 5px 10px 0 0; float: left;}
.left_pic_no_border {margin: 5px 10px 0 0; float: left;}
.right_pic_border{border: 1px solid #ccc; padding: 2px; margin: 5px 0 0 10px; float: right;}
.right_pic_no_border {margin: 5px 0 0 10px; float: right;}

img.alignright {margin: 5px 0 0 10px; float: right;}
img.alignleft {margin: 5px 10px 0 0; float: left;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.logo_ln {border:0;margin: 35px 0;}
.pi_box  img {display: block; margin: 0 auto;border: 0;}
.lokacijak {margin: 5px 40px 0 0; float: left;}
/* WRAPPER
----------------------------------------------------------------------------*/
#wrapper {
margin: 0 auto;
padding: 0;
width: 960px;
}

/* HEADER
----------------------------------------------------------------------------*/
#top {
margin: 0;
padding: 0;
float: left;
width: 960px;
height: 67px;
}

#topl {
margin: 0 20px 0 0;
padding: 0;
float: left;
width: 310px;
height: 67px;
}

#topr{
margin: 0;
padding: 0;
float: right;
width: 630px;
height: 67px;
}

#header {
margin: 2px 0 10px 0;
padding: 0;
float: left;
width: 960px;
height: 338px;
background: url(images/headerbg.png) no-repeat;
}

#headerl {
margin: 0 20px 0 0;
padding: 0;
float: left;
width: 490px;
}

#headerr {
margin: 0;
padding: 0;
float: right;
width: 450px;
height: 320px;
background: url(images/bghr.png) no-repeat;
}


/* MAIN CONTENT
----------------------------------------------------------------------------*/
#main {
margin: 0;
padding: 0;
float: left;
width: 960px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#bigger {
margin: 0 20px 0 0;
padding: 10px;
float: left;
width: 640px;
}

#smaller {
margin: 0;
padding: 10px 10px 10px 30px;
float: right;
width: 240px;
background: url(images/smallerbg.jpg) no-repeat left center;
}
/* SUB CONTENT
----------------------------------------------------------------------------*/
.f_social_ic  li {
float: left;
margin: 22px 8px 0 0;
width: 25px;
height: 25px;
overflow: hidden;
}

.f_social_ic a {
display: block;
width: 25px;
height: 25px;
background: #397e2d url(images/social_2.png) repeat-y;
border-radius: 99px;
-webkit-border-radius: 99px;
-moz-border-radius: 99px;
behavior: url(ie-css3.htc);
}

.f_social_ic a:hover {
border: none;
}

.f_social_ic a.twitter { background-position: 0 0; }
.f_social_ic a.twitter.hover { background-color: #3DC7F4 ; }

.f_social_ic a.facebook { background-position: -26px 0; }
.f_social_ic a.facebook.hover { background-color: #3B5998 ; } 

#pi_menu {
margin: 20px 0;
padding: 0;
float: left;
width: 960px;
}

.pi_box {
margin: 0 10px;
padding: 0;
float: left;
width: 300px;
}

.oklop_l {
margin: 0 10px 0 0;
padding: 0;
float: left;
}

.oklop_d {
margin: 0;
padding: 0;
float: right;
width: 320px;
}

.wpcf7-form{
width : 275px;
overflow: hidden;
float: right;
}

.wpcf7-form input, .wpcf7-form textarea {
border-color: #808080 #C0C0C0 #C0C0C0 #D4D4D4;
border-style: solid;
border-width: 1px;
padding: 4px;
line-height: 16px;
font-size: 14px;
width: 262px;
float: none;
margin: 0;
background:#fff;	
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.wpcf7-form textarea {
line-height: 16px;
font-size: 14px;
height: 60px;
}

.wpcf7-form p{
width: 275px;
color: #000;
}

.wpcf7-form input[type="submit"]{
padding: 0px;
height: 30px;
width: 275px !important;
border: none !important;
cursor: pointer;
color: #fff;
font-weight: bold;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
background: #397e2d;
}

/* FOOTER
----------------------------------------------------------------------------*/
#footer {
margin: 15px 0 0 0;
padding: 0;
float: left;
width: 960px;
height: 300px;
}

#footerl{
margin: 0 20px 0 0;
padding: 0;
float: left;
width: 660px;
height: 220px;
background: url(images/footerbg.png) no-repeat;
}

#footerr{
margin: 0;
padding: 0;
float: right;
width: 280px;
}

/* NAVIGATION
----------------------------------------------------------------------------*/
ul.mega-container{width:630px; padding:23px 0 0px 10px; margin:0; }
li.mega{height: 46px;list-style-type:none; float:left; padding:0; margin:0 1px; position:relative; z-index:10px}
li.mega.mega-active {}
li.mega:hover{}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}

/* Basic menu item styles */
li.mega a.mega-tab{color:#fff; text-decoration:none;  display:inline-block; padding:0px 25px; outline:none; position:relative; z-index:20px}
li.mega a.mega-tab:hover {color:#397e2d; text-decoration:none; display:inline-block; padding:0px 25px; outline:none; position:relative; z-index:20px}

/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:url(images/down.png) no-repeat right center; padding-right:30px !important}
li.mega.mega-sub:hover{z-index:10000}

/* Content container */
.mega-content{width:240px; display:none; padding:0; position:absolute; top:96%; left:0px; border:none; text-align:left; color:#222; z-index:6; display:none; background:#010101}
li:hover .mega-content{display:block}
.mega-content h3{font-size:13px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em}
.mega-content ul{list-style-type:disc; margin-left:18px}
.mega-content p{margin-bottom:1em}

/* Drop Menu Styling */
.mega-menu{padding:7px 7px 3px !important; z-index:10000 !important; min-width:210px}
.mega-menu ul{list-style-type:none; margin:0; min-width:210px}
.mega-menu li a{background-color:#F9F9F9; display:block; padding:3px 10px; color:#333; text-decoration:none; font-weight:normal; text-shadow:none; margin-bottom:.5em}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu li a.mega-sub{background-color:#fff; background-image:url(images/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{background-color:#397e2d;color:#fff}
.mega-menu li{position:relative}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#636363; width:280px; padding:7px 7px 3px 7px; z-index:1000; position:absolute; left:100%; top:0; display:none}

/* Grid Layout Styling */
.mega-grid{background:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EAEAEA)); background:-moz-linear-gradient(top, #FFF, #EAEAEA); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAEAEA'); padding:15px 0; margin:10px 5px 5px;}
.mega-grid-1{width:110px !important}
.mega-grid-2{width:210px !important}
.mega-grid-3{width:310px !important}
.mega-grid-4{width:410px !important}
.mega-grid-5{width:510px !important}
.mega-grid-6{width:610px !important}
.mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6{margin:0 10px 1.25em; float:left}
.mega-col-1{width:80px}
.mega-col-2{width:180px}
.mega-col-3{width:280px}
.mega-col-4{width:380px}
.mega-col-5{width:480px}
.mega-col-6{width:580px}

/* Utility classes */
.mega-open-right .mega-content{left:auto; right:0}

/* Clearfix 'hack' for mega-container */
.mega-container:after, 
.mega-grid:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.mega-container, .mega-grid{display:inline-block}
html[xmlns] .mega-container, 
html[xmlns] .mega-grid{display:block}
* html .mega-container, 
* html .mega-grid{height:1%}