@import url(css/all.css);
@import url(css/mobile.css);
@import url(css/tablet.css);
@import url(css/flexslider.css);
@import url(css/fancybox.css);
@import url(css/kwicks.css);
@import url(css/quovolver.css);
@import url(js/colorpicker/css/colorpicker.css);
/*
 * INSTITUT.hr
 */
/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; background:#ffffff;}
#Body{ background:#ffffff; color:#606060;}
html,body{ margin:0; padding:0; height:100%; font:normal 15px/1.5 Tahoma, Arial, Helvetica, Verdana, sans-serif; color:#606060;}
form#Form{ height:100%;}
TH,TD,DIV{ font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;}
p{ margin:0 0 8px 0;}
ol, ul { list-style: none;}
li,ul li{ list-style:disc;}
a{ outline:0;border:0;}
img{ border:0;}
.ModuleTitle_SubMenu{ z-index:9999!important;}	

A:link { color :#000000; text-decoration : none;}
A:visited { color :#666666; text-decoration : none;}
A:hover { color :#D50000; text-decoration: none;}
A:active { color :#FF7D00; text-decoration : underline;}

h1{ font-size:28px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h2{ font-size:24px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h3{ font-size:20px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h4{ font-size:18px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h5{ font-size:12px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h6{ font-size:10px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}

.Head{ font-weight:bold; font-size:16px;}
.SubHead { font-weight:bold;  font-size:15px;}
.SubSubHead{ font-size:14px;}
.Normal { font-size:14px; line-height:1.5em;}

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block;}
.clearafter{ display:inline-block;}
.clearafter{ display:block;}
.clear{ clear:both;}
.clear_float{ clear:both;line-height:0;font-size:0;}

/*--------- ControlPanel Style ----------*/
.controlpanel_bg { width: 100%; background:#FFFFFF;}
.controlpanel_style { width:900px; margin:0 auto}
.controlpanel_style table { width:100%}

.CommandButton { font-size: 11px; font-weight : normal; color: #0033CC; text-decoration: none;}
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : underline;}
A.CommandButton:hover { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : none;}

.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000; text-decoration: underline;}
.FileManager A:hover{ color:#000; text-decoration:none;}

/*--------- Mobile User Style ----------*/
.User2, A.User2:link, A.User2:visited, A.User:active { padding:0px 5px; color:#333333; font-size:12px; text-decoration:none;}
A.User2:hover { color :#666666; text-decoration:underline;}

/*--------- BottomLinks Style ----------*/
.BottomLinks, A.BottomLinks:link, A.BottomLinks:visited, A.BottomLinks:active { padding:0 3px; font-size:12px; color:#383838!important; text-decoration:none;}
A.BottomLinks:hover { font-size:12px; color :#177CC1; text-decoration:underline;}

/*--------- FooterLinks Style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 5px; color:#666666!important; font-size:12px; text-decoration:none;}
A.Footer:hover { color:#177CC1; text-decoration: underline;}

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { color :#333333; text-decoration : none;}
.footerpane_style a:visited { color :#177CC1; text-decoration : none;}
.footerpane_style a:hover { color :#177CC1; text-decoration : none;}
.footerpane_style a:active { color :#E8E8E8; text-decoration : none;}

/*--------- Social-Links ----------*/
.iconFacebook { width:33px;height:33px;background:url(images/socialicons.png) no-repeat 0 0;}
.iconTwitter { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -33px 0;}
.iconForrst { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -66px 0;}
.iconDribbble { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -99px 0;}
.iconDeviantart { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -132px 0;}
.iconYoutube { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -165px 0;}
.iconTumblr { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -198px 0;}
.iconLast.fm { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -231px 0;}
.iconPicasa { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -264px 0;}
.iconRSS { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -297px 0;}
.iconBehance { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -330px 0;}
.iconSkype { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -363px 0;}
.iconGithub { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -396px 0;}
.iconLinkedIn { width:33px;height:33px;background:url(images/socialicons.png) no-repeat -429px 0;}

/*--------- Main Top Style ----------*/
.main_top h4, .main_top p { line-height:20px;}
.main_top p.readmore { padding-top:10px;}
.main_top p a span { background:#1B8BB3; padding:6px 10px; color:#FFFFFF; font-size:14px;}
.main_top p a:hover { text-decoration:none;}
.main_top p a:hover span { color:#CECECE;}

/*--------- Body Line Style ----------*/
.body_line { background:url(images/body_line.png) repeat-x center; height:2px; padding:30px 0;}

/*--------- Readmore Style ----------*/
a.readmore{ float:left; display:block; background:url(images/more.png) 0 0 no-repeat; width:140px; height:38px; line-height:38px; padding-left:30px; text-decoration:none; color:#FFFFFF!important; margin-top:10px; font-size:14px; text-transform:uppercase; margin-left:-2px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
a.readmore:hover{ background:url(images/more.png) -170px 0 no-repeat; color:#000000!important;}

/*--------- Footer Post Style ----------*/
.footer_post { padding-top:15px;}
.footer_post ul { list-style:none; margin:0; padding:0;}
.footer_post ul li { list-style:none;}
.footer_post ul li a { color:#333333!important; font-size:12px; line-height:20px; text-decoration:none;}
.footer_post ul li a:hover { text-decoration:underline; color:#1B8BB3!important;}

/*--------- Footer List Style ----------*/
.footer_list { padding-top:10px;}
.footer_list ul { list-style:none; margin:0; padding:0;}
.footer_list a { text-decoration:none;}
.footer_list a:hover { text-decoration:none; color:#1B8BB3;}
ul.bottom-nav li { background: url(images/footer_list.png) no-repeat scroll 0 50% transparent; color: #333333!important; cursor: pointer; font-size: 12px; padding: 0 2px 0 12px; list-style:none; line-height:24px; -webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;}
ul.bottom-nav li { background-position: 0 7px;}
ul.bottom-nav li:hover { background-position: 0 -15px; color: #1B8BB3!important;}

/*--------- Fancybox Style ----------*/
.fancybox_style { margin:0; padding:5px 0 0 0;}
.fancybox_style ul { margin:0; padding:0; float:left;list-style:none; width:auto;}
.fancybox_style ul li { list-style:none; margin:2px; float:left; position:relative; opacity:0.8;}
.fancybox_style ul li img { border:1px solid #A7A7A7; padding:2px; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);}
.fancybox_style ul li:hover { opacity:1;-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}

/*--------- Image Shake Style ----------*/
.shake { padding:20px 0 0 0px; height:auto;}
.more_icon { background: url(images/more_icon.png) no-repeat right 0 transparent; display: inline-block; padding: 0 27px 2px 0; font-weight:bold; color:#333333; transition: all 0.5s ease 0s;  -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.more_icon:hover { background-position: left 0; padding: 0 0 2px 30px; color:#666666; text-decoration: none;}

/*--------- table ----------*/
.tr:nth-child(even) { background-color: #E8E8E8; }
#tr:nth-child(even) { background-color: #E8E8E8; }