@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
/* CSS Document */
/** * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/) * http://cssreset.com * Copyright 2012 Yahoo! Inc. All rights reserved. * http://yuilibrary.com/license/ *//*	TODO will need to remove settings on HTML since we can't namespace it.	TODO with the prefix, should I group by selector or property for weight savings?*/html{	color:#000;	background:#FFF;}/*	TODO remove settings on BODY since we can't namespace it.*//*	TODO test putting a class on HEAD.		- Fails on FF. */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {	margin:0;	padding:0;}table {	border-collapse:collapse;	border-spacing:0;}fieldset,img {	border:0;}/*	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...*/address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;	font-weight:normal;} ol,ul {	list-style:none;} caption,th {	text-align:left;}h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';}abbr,acronym {	border:0;	font-variant:normal;}/* to preserve line-height and selector appearance */sup {	vertical-align:text-top;}sub {	vertical-align:text-bottom;}input,textarea,select {	font-family:inherit;	font-size:inherit;	font-weight:inherit;}/*to enable resizing for IE*/input,textarea,select {	*font-size:100%;}/*because legend doesn't inherit in IE */legend {	color:#000;}/* YUI CSS Detection Stamp */#yui3-css-stamp.cssreset { display: none; }



html{  background: #c2c2c2; font:85%/1.5 'Roboto', Arial, Verdana, Helvetica, sans-serif; color:#222;font-family: 'Roboto', sans-serif;}
body{margin:0px 0; padding:0px 0; 
/* IE9 SVG, needs conditional override of 'filter' to 'none' *//* IE9 SVG, needs conditional override of 'filter' to 'none' */

background-attachment:fixed;
}
div{position:relative}
h1,h2,h3,h4,h5,h6{color:#f7941d; font-weight:normal; line-height:1}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#f7941d!important; font-weight:normal; line-height:1}
a,a:link,a:visited{text-decoration:none; color:#333}
a:hover{color:#111}
div{position:relative}

img{display:block}


.left{float:left}
.right{float:right}
.clear{clear:both}
.clearfix:after{content:"";display:block;height:0;width:0;clear:both}
.clearfix:after{content:"";display:block;height:0;width:0;clear:both}
.pd-10{padding:10px;}
.pd-20{padding:20px}

#wrapper{width:1000px; margin: 00px auto; min-height:600px; background:#fff; }

.block-title{padding-bottom:5px; border-bottom:solid 1px #0071BC}


#header{background: #002366;}
.logo {padding:0px 10px 0px 30px; margin:15px 0;}
.logo a{display:block; width:240px; height:80px; background:url(../images/logo-selma-2016.png) top left no-repeat; text-indent:-9999px; background-size:auto 100%}
#header .description{}

.ub-link{font-size:13px; margin: 40px 35px 0 0}
.ub-link li{float:left}
.ub-link a{color:#fff; display:block; line-height:25px; padding: 0 8px; background:none}
.ub-link a:hover{background:#004385;
transition: background .5s;
-moz-transition: background .5s; /* Firefox 4 */
-webkit-transition: background .5s; /* Safari and Chrome */
-o-transition: background .5s; /* Opera */ }

#main{padding:10px;min-height:500px}

/*
.col-01{width:250px;}
.col-02{width:750px; }
.col-03{width:500px; }
.block{background:#f2f2f2; min-height:50px;margin: 0 10px 10px}
*/

/* DEFAULT COLUMNAR */
.col-01{width:960px}
.col-02{width:720px}
.col-03{width:640px}
.col-04{width:480px}
.col-05{width:320px}
.col-06{width:240px}
.col-07{width:160px}

.w-75{width:75%}
.w-25{width:25%}
.w-67{width:66.67%}
.w-33{width:33.33%}
.w-70{width:70%}
.w-30{width:30%}

.block{margin:0px 10px 20px 10px; display:block}
.left{float:left}
.right{float:right}
.clear{clear:both}

.col-title{ position:relative}
.col-title{}
.col-title h3{color:#fff; font-size:16px; line-height:18px; display:block; color:#fff; background:#0054a6; padding:10px 16px; font-family:'Lato',Arial, Helvetica, sans-serif}

ul.dinamik{font-size:100%}
ul.dinamik li{display:block; margin:8px 0px;background:none; border-left:solid 4px #690; padding: 5px 10px}
ul.dinamik li span.date{ display:block; margin-bottom:5px}
ul.dinamik li a{display:block;}
ul.dinamik .date em{display:block; text-align:left}

.sdw{

}

.sdw-2{
	-moz-box-shadow: 0px 0px 5px #aaa;
-webkit-box-shadow: 0px 0px 5px #aaa;
box-shadow: 0px 0px 5px #aaa;
}

.post{min-height:560px}
.post .post-title{margin:10px 0 20px; font-size:200%}



#footer{background:#999; min-height:20px; padding: 30px 20px; color:#555; font-size:.8em; }
#footer a,#footer a:link,#footer a:visited{color:#555}
#footer a:hover{color:#333}
.copyright{height:36px; padding-left:44px; background:url(../images/ub-footer.png) center left no-repeat}
.btt{padding-right:16px; line-height: 16px; display:block; background:url(../images/stock_data_next.png) right center no-repeat}

/*
.entry {}
.entry p{margin:15px 0;}
.entry table{border-collapse:collapse; border:0;}
.entry table td, .entry table th{border:solid 1px #ddd; padding: 5px 10px}
.entry table h1,.entry table h2,.entry table h3,.entry table h4,.entry table h5,.entry table h6{margin:0; padding:0; color:#f80}
.entry a, .entry a:link, .entry a:visited{color:#06F}
.entry a:hover{color:#03F; border-bottom:dotted 1px #03f}

.entry li{list-style-image:none; background:none; display:list-item;margin-left:20px}
.entry ol, 
.entry ul{margin:0; padding:0;  }
*/

.breadcrumb{color:#fff; background:#002366; padding:10px 15px; font-size:10px; line-height:18px;}
.breadcrumb a{color:#fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); text-transform:uppercase; font-size:10px; line-height:10px;}
.breadcrumb a:hover{color:#f80}


.searchframe{ background:#ddd; margin: 0px 10px 10px 10px; padding:5px; height:36px}
.searchframe #searchform{background:#fff; padding:2px;}
.searchframe #searchform input{font-size:1em; font-family:Arial, Helvetica, sans-serif;  padding:0; margin:0;}
.searchframe #searchform input[type=text]{border:0; background:none; height:30px; width:160px; padding: 0 5px;}
.searchframe #searchform input[type=submit]{border:0 ; background-color:#fff ; background-image : url(../images/24_search.png); text-indent:-9999px; height:32px; width:32px; display:block; float:right; clear:right; cursor:pointer;
background-position: center center;
background-repeat: no-repeat;
transition: background-color .5s;
-moz-transition: background-color .5s; /* Firefox 4 */
-webkit-transition: background-color .5s; /* Safari and Chrome */
-o-transition: background-color .5s; /* Opera */ 
}
.searchframe #searchform input[type=submit]:hover{background-color:#f2f2f2; 
transition: background-color .5s;
-moz-transition: background-color .5s; /* Firefox 4 */
-webkit-transition: background-color .5s; /* Safari and Chrome */
-o-transition: background-color .5s; /* Opera */ 

}
.searchframe #searchform input[type=text]:focus{background:#fff; border:none!important}
.searchframe #searchform:hover{background:#f2f2f2}

i.ico{height:30px; width:30px; display:inline-block;}

.ico-link{background:#fff;vertical-align:top; margin: 10px; vertical-align: middle; position:relative; background:#002366}
.ico-link a{ display:block; opacity:1; color:#ffaf00}

.ico-link a:hover{opacity:1; background:inherit}



.ico-link img{vertical-align:middle; position:absolute; top:0; left:0; margin-top:5px}
.ico-link span{color: #fff; font-size:large; line-height:1.15; display:block; padding:20px; text-align:center; }

.divcenter111{
	text-align: right;
	position: absolute;
	right: 10px;
	left:20%;
	top:50%;
	transform:translateY(-50%);
	-ms-transform: translateY (-50%);
-webkit-transform: translateY (-50%);
-moz-transform: translateY (-50%);
-o-transform: translateY (-50%);
transform: translateY(-50%);
}



.single .block{min-height:600px}

/* 
	LEVEL ONE
*/


#menu{min-height:36px; background:#ffaf00; margin: 0 0 10px; z-index:10; padding: 0 20px}

.selma-dropdown {z-index:10; display:block}
.selma-dropdown ul                         { position: relative;visibility:inherit }
.selma-dropdown ul:after{content:"";clear:both}
.selma-dropdown ul li                      { font-weight: normal; float: left; zoom: 1; padding: 8px 0;
}
.selma-dropdown ul a:hover		            { color: #002366; }
.selma-dropdown ul a:active                { color: #e80; }
.selma-dropdown ul li a                    { display: block; padding: 0px 20px; color: #002366; display:block; line-height:20px; border-right:solid 1px #002366}
.selma-dropdown ul li:first-child a         { border-left:solid 1px #002366 } /* Doesn't work in IE */
.selma-dropdown ul li.hover,
.selma-dropdown ul li:hover                { background: #001847	; color: #fff; position: relative;
}
.selma-dropdown ul li:hover  a,
.selma-dropdown ul li.hover a              { color: #fff; }


/* 
	LEVEL TWO
*/
.selma-dropdown ul ul 						{ width: 300px; visibility: hidden; position: absolute; top: 100%; left: 0;  background:#001847; padding:5px;
}
.selma-dropdown ul ul li 					{ font-weight: normal; background: none; color: #fff; 
									 			float: none; border-right:none;
												display:block;
												}

.selma-dropdown ul li li:first-child a         { border-left:none } /* Doesn't work in IE */
												
.selma-dropdown ul ul li:hover{}
									  
                                    /* IE 6 & 7 Needs Inline Block */
.selma-dropdown ul ul li a					{ border-right: none;  display: block ; margin-left:0px; padding: 0 15px; line-height:16px;
color:#fff}

.selma-dropdown ul ul li a:hover{color:#ffaf00;text-decoration:underline}

/* 
	LEVEL THREE
*/
.selma-dropdown ul ul ul 					{ left: 100%; top: 0; }
.selma-dropdown ul li:hover > ul 			{ visibility: visible; }


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {}
.flexslider .slides {zoom: 1;}
.flexslider .slides img{width:100%}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:  0px; text-align: left; margin: 15px 15px}
.flex-control-nav li {margin: 0 5px 0 0; display: inline-block; zoom: 1; *display: inline; background:none}
.flex-control-paging li a {width: 10px; height: 10px; display: block; background: #aaa;  cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background: #888; }
.flex-control-paging li a.flex-active { background: #f7941d;  cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

.homeslider{ background:#fff; border:solid 1px #DDD}
.homeslider h1.big-title{margin: 20px 20px 0px 20px; font-size: 200%}
.slider .ub-logo{background:url(../images/logo-ub-home.png) center center no-repeat ;  }

.flexslider .slides {display:block;}
.flexslider .slides .big{font-size:18px; color:#000}
.flexslider .slides li{clear:none; background:none; display:block;}
.flexslider .slides li{}
.flexslider .slides .big{padding:15px;}
.flexslider .slides li .ub-logo{}


.banner-unduh{width:220px; height:110px; background:#a00}


.rss-block{background:#f80!important}
.rss-block:hover{background:#fa0!important}

a.feed{display:block; position:absolute; width:24px; height:24px; background :url(../images/feed-ico.png) no-repeat; top:0; right:0; text-indent:-9999px; margin: 5px;}

.midbanner{font-size:110%;}
.midbanner a:first-child{margin-left:0;}
.midbanner li{float:left; width:33.3333333333333333%; text-align:center; background:#002366;}
.midbanner li:nth-child(2n){background:#f7941d}
.midbanner li:hover{background:#232323}
.midbanner a{color:#fff; display:block;line-height:4}
.midbanner a:hover{color:#fff}
.wp-paginate{
	margin:20px 0;
	text-align:center;
}
.wp-paginate span, .wp-paginate a{
	margin:5px;
	padding:5px 10px;
	background:#dddddd;
	col
}
.wp-paginate a{
	color:#aaa !important;
}
/* =Entry Content
----------------------------------------------- */
/* Styles for actual content */
.entry-header {
  zoom: 1;
}
.entry-header:before {
  content: '';
  display: block;
}
.entry-header:after {
  content: '';
  display: table;
  clear: both;
}
.entry {
  zoom: 1;
  line-height: 1.6em;
  /* WordPress Images */
}

.entry strong, .entry bold{font-weight:700}
.entry italic, .entry em{font-style:italic}

.entry:before {
  content: '';
  display: block;
}
.entry:after {
  content: '';
  display: table;
  clear: both;
}
.entry p,
.entry > ul,
.entry > li,
.entry > dl {
  margin: 25px 0;
  margin: 1em 0;
}
.entry > *:last-child {
  margin-bottom: 0;
}
.entry > *:first-child {
  margin-top: 0;
}
.entry blockquote {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin-left: 1.5em;
}
.entry blockquote cite {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.entry pre {
  background: white;
  font-family: "Courier New", Courier, mono;
  border: 1px solid #E0E0E0;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
  overflow-x: auto;
}
.entry code {
  font-family: "Courier New", Courier, mono;
}
.entry sup,
.entry sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.entry sup {
  bottom: 1ex;
}
.entry sub {
  top: .5ex;
}
.entry .gallery {
  margin: 25px 0 !important;
}
.entry .gallery .gallery-item {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.entry .gallery .gallery-icon {
  line-height: 0;
  margin-bottom: 0 !important;
}
.entry .gallery img {
  border: none !important;
}
.entry .gallery .gallery-caption {
  margin: 10px !important;
  padding-left: 0 !important;
}
.entry table {
  border-bottom: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%;
}
.entry table th,
.entry table td {
  font-weight: normal;
  text-align: left;
}
.entry table th {
  font-weight: bold;
  text-transform: uppercase;
}
.entry table td {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0;
}
.entry img {
  max-width: 100%;
  height: auto;
}
.entry .wp-caption {
  max-width: 100%;
  margin: 5px 0 30px 0;
  border: 1px solid #E0E0E0;
  padding: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.entry .wp-caption img {
  display: block;
}
.entry .wp-caption .wp-caption-text {
  margin: 8px 0 0 0;
  font-size: 0.85em;
  line-height: 1.4em;
}
.entry .wp-caption:first-child {
  margin-top: 25px;
}
.entry .alignleft {
  /* This is also styled on a global level */
  margin: 0 1.5em 1.5em 0;
}
.entry .alignright {
  /* This is also styled on a global level */
  margin: 0 0 1.5em 1.5em;
}
.entry img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.entry ul {
  list-style-type: square;
}
.entry ol {
  list-style-type: decimal;
}
.entry ul.circle {list-style-type: circle;}
.entry ul.square {list-style-type: square;}
.entry ul.decimal {list-style-type: decimal;}
.entry ol.upper-roman {list-style-type: upper-roman;}
.entry ol.lower-roman {list-style-type: lower-roman;}
.entry ol.lower-alpha {list-style-type: lower-alpha;}
.entry ol.upper-alpha {list-style-type: upper-alpha;}

ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
ul.c {list-style-type: square;}

ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.i {list-style-type: hebrew;}
ol.j {list-style-type: hiragana;}
ol.k {list-style-type: hiragana-iroha;}
ol.l {list-style-type: katakana;}
ol.m {list-style-type: katakana-iroha;}
ol.n {list-style-type: lower-alpha;}
ol.o {list-style-type: lower-greek;}
ol.p {list-style-type: lower-latin;}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.s {list-style-type: upper-latin;}
ol.t {list-style-type: upper-roman;}

ol.u {list-style-type: none;}
ol.v {list-style-type: inherit;}

.entry ul li,
.entry ol li {
  margin-left: 1.5em;
}
.entry dl dt {
  margin-bottom: 5px;
  font-weight: bold;
}
.entry dl dd {
  margin-bottom: 10px;
  padding-left: 20px;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  margin: 1em 0;
}
.entry h1 {
  font-size: 1.8em;
}
.entry h2 {
  font-size: 1.65em;
}
.entry h3 {
  font-size: 1.5em;
}
.entry h4 {
  font-size: 1.35em;
}
.entry h5 {
  font-size: 1.2em;
}
.entry h6 {
  font-size: 0.9em;
}
.entry embed,
.entry iframe,
.entry object {
  max-width: 100%;
}

.entry table{border-collapse:collapse}
.entry table td{border:solid 1px #bababa; padding:6px 10px; line-height:1.5}

.entry a{color:#EF4836}
.entry a:hover{text-decoration:underline}
.entry  div a{color:#F5AB35}

.slicknav_menu {
	display:none;}

	/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_brand { float:left }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
    box-sizing:border-box;
}
.slicknav_menu * {
  box-sizing:border-box;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background:#4c4c4c;
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
    margin-left:15px;   
}
.slicknav_brand {
	color:#fff;
	font-size: 18px;
	line-height:30px;
	padding:7px 12px;
	height:44px;
}
	
@media only screen and (min-width: 768px) {
    /* tablets and desktop */
}

@media only screen and (max-width: 767px) {
    /* phones */
	#wrapper{width:100%; margin:0;}
	.w-70, .w-30{width:100%}
	
	.js #selma-dropdown {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	.ub-link{margin:0; border-bottom:solid 1px #036; float:none}
	.ub-link a{padding:0 5px}
	.logo{border:none; width:100%; padding:0; margin:10px 0}
	.logo  a{display:block;width:90%; margin:0 auto; text-indent:-9999px;background-position:center center}
	.desktop-only{display:none}
	.homeslider{display:none}
	.block{margin:10px}
	#footer .left,  #footer .right{float:none}
	#main{padding:0}
	#menu{display:none}
	
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
}


a.link{display:inline-block; background:#048; color:#fff; font-size:90%;line-height:30px; padding:0 10px 0 24px; border-radius; font-size:16px; border-radius:2px}
a.link:before{
	
  display: block;
  font: normal normal normal 24px/30px FontAwesome;
  font-weight:700;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\21D2";
  position:absolute;
  top:0; left:0; color:#fff;
  margin-left:8px
	}
	
	/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
  display:none;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

#profil-prodi td{vertical-align:top}
#profil-prodi h5{margin:0; display:block; line-height:1.43; position:relative; border-top: dotted 1px #aaa; padding-right:20px; font-size:inherit;cursor:pointer}
#profil-prodi h5 em{font-style:italic;color:#03A678}
#profil-prodi h5:first-child{border-top:none}
#profil-prodi h5.ui-accordion-header-active{padding-top:5px; padding-bottom:5px}

#profil-prodi h5:after{
content:"";
position:absolute; top:50%;right:0; transform:translateY(-50%); margin-right:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #D64541;
	opacity:1;
	cursor:pointer
	}

#profil-prodi h5:hover:after{
}

#profil-prodi h5.ui-accordion-header-active:after{
content:"";
position:absolute; top:50%;right:0; transform:translateY(-50%); margin-right:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #03A678 transparent transparent transparent;
	opacity:1
	}

#profil-prodi td p{margin:0px 0 10px}
#profil-prodi .nama-fakultas{width:33.33%}
#profil-prodi .nama-fakultas h4{margin:0; line-height:1.43; font-weight:700; font-size:110%}
#profil-prodi  i{font-weight:300; margin: 0 4px 0 0}
#profil-prodi td small{font-size:90%; line-height:1.25; display:block}
#profil-prodi td small a{color:#03A678;display:block; margin:5px 0 0}

#profil-prodi thead th{background:#002366; color:#fff; padding: 5px 10px}

.menu-home-sidebar-container{margin:10px}
.menu-home-sidebar-container ul li{display:block;margin-bottom:10px;}
.menu-home-sidebar-container ul li a{display:block; font-size:133%; line-height:1.15; padding:15px 20px; background:#193875;text-align:center; color:#fff; color:#fff}
.menu-home-sidebar-container ul li:nth-child(n) a{background:#002366}
.menu-home-sidebar-container ul li:nth-child(1) a{background:#D91E18}
.menu-home-sidebar-container ul li:nth-child(2n) a{background:#F39C12}
.menu-home-sidebar-container ul li:nth-child(3n) a{background:#03A678}