/*==============================================================
1. Import
==============================================================*/

@import url('materialize.css');


/*==============================================================
5. Links
==============================================================*/
a {
	color: #2196F3;
	text-decoration:underline;
}

a:visited {
}

a:hover,
a:focus,
a:active {
	color:none;
	text-decoration:none;
}

a:focus {
	outline: 0;
	text-decoration:none;
}

a:hover,
a:active {
	outline: 0;
	text-decoration:none;
}
/*--------------------------*/


.caidan a {
	color: #000;
	text-decoration:none;
    font-size:22px;
}

.caidan a:visited {
    color: #FF0000;
	text-decoration:none;
    font-size:22px;
}


.caidan a:active {
	color:#FF0000;
	text-decoration:none;
    font-size:22px;
}

.caidan a:focus {
	color:#FF0000;
	text-decoration:none;
    font-size:22px;
}

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


.shadow{}
.shape {
    border-top:1px solid #F0F0F0;

    width: 100%;
    height: 50px;
    position: fixed !important;
    position: absolute;
    right: 0px;
    bottom: 0px !important;
    bottom: auto;
    top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight));
}

    .shape .btn {
               
        padding-left: 3%;
        padding-right: 3%;
        width: 100%;
        height: 100%;
        background:repeat 0 -100px;
    }

        .shape .btn h1 {
            margin-top: 0px;
        }

/*==============================================================
9. Sidebar
==============================================================*/
/*--------------------------------------------------------------
9.1. Left Sidebar
--------------------------------------------------------------*/
#slide-out-left .side-heading {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	height: 40px;
	position: relative;
}
#slide-out-left .logo {
	position: absolute;
	bottom: -5px;
	left: 0;
	padding: 0 10px 0 20px;
	background-color: #fff;
}
#slide-out-left .logo h1 {
	font-size: 25px;
	color: #000;
}
#slide-out-left .collapsible {
	padding:0;
	margin: 0;
	list-style: none;
}
#slide-out-left .collapsible > li {
	list-style: none;
}
#slide-out-left .collapsible li:hover {
    background-color: transparent;
}
#slide-out-left .collapsible li.active {
    background-color: #eee;
}
#slide-out-left .collapsible > li > .collapsible-header {
	margin:0;
	font-size: 14px;
    color: rgba(0,0,0,.9);
    padding: 12px 0 12px 24px;
	font-weight: 500;
}
#slide-out-left .collapsible li .collapsible-header #icon-menu,
#slide-out-left .collapsible > li > a > #icon-menu {
	width: 40px;
	font-size: 19px;
	float: left;
    color: rgba(0,0,0,0.40);
}
#slide-out-left .collapsible li .collapsible-header #arrow-dropdown {
	float:right;
	margin-right: 15px;
}
#slide-out-left .collapsible .active #arrow-dropdown {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#slide-out-left .collapsible > li > a {
	display: block;
	padding: 12px 25px 12px 24px;
	font-weight: 500;
	text-decoration: none;
	font-size: 18px;
    color: rgba(0,0,0,.9);
}
#slide-out-left .collapsible li .collapsible-body ul {
	padding:0;
	color: #999;
	list-style: none;
	overflow:auto;
}
#slide-out-left .collapsible li.active .collapsible-body {
	background-color: #eee;
}
#slide-out-left .collapsible li .collapsible-body ul li {
	padding: 0 0 0 31px;
	margin:0;
	list-style-type: disc;
}
#slide-out-left .collapsible li .collapsible-body > ul > li > a {
	margin:0;
	font-size: 16px;
	text-decoration: none;
	padding: 6px 0 6px 5px;
	display: inline-block;
	width: calc(100% - 32px);
	color: rgba(0,0,0,0.6);
}

#slide-out-left .collapsible li .collapsible-header {

	font-size: 18px;

}


/*--------------------------------------------------------------
9.2. Right Sidebar
--------------------------------------------------------------*/
#slide-out-right li:hover {
	background-color: transparent;
}

.sidebar-widget {
	padding: 15px;
}


.sidebar-widget img{
    
	width:100%;
}

.sidebar-widget a{
	text-decoration:none;
}

.sidebar-tabs .tabs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  height: auto;
  background-color: transparent;
  margin: 0;
  width: 100%;
  white-space: nowrap;
  box-sizing:border-box;
  padding:0;
  line-height:25px;
}


.sidebar-tabs .tabs .tab {
	text-transform: none;
	border-bottom: 2px solid #eee;
	text-align: left;
}
.sidebar-tabs .tabs .tab a {

    color: #000;
	text-decoration:none;
    font-size:18px;
	text-decoration: none;
	font-family: 'Playfair Display';
	font-size: 18px;
    display: block;
    width: 100%;
    height: 100%;
    text-overflow: none;
    padding:0 5px;
    transition: color .28s ease;
}
.sidebar-tabs .tabs .tab a.active {
	color:#f00;
	text-decoration:none;
    font-size:18px;
	font-weight: 500;
}

.sidebar-tabs .tabs .tab a.hover {
	color:#f00;
	text-decoration:none;
    font-size:18px;
	font-weight: 500;
}

.sidebar-tabs .tabs .tab a.focus {
	color:#f00;
	text-decoration:none;
    font-size:18px;
	font-weight: 500;
}


.sidebar-tabs .tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  z-index: 20;
  background-color: #000;
  will-change: left, right;
}

.tab-content2 ul li{width:98%;margin-left:1%;margin-top:5px;margin-bottom:15px;border:1px solid redŁ»}
.tab-content2 ul li {box-shadow: 0 0 10px 2px rgb(237, 237, 237);border-radius:10px}

.tab-content2 ul li {list-style-type:none;}
.tab-content ul li{padding-top:10px;padding-bottom:15px;padding-left:5%;padding-right:5%;}

.tab-content ul li{width:98%; margin-left:1%;margin-top:10px;margin-bottom:15px;border:1px solid redŁ»}
.tab-content ul li{padding-top:10px;padding-bottom:15px;padding-left:5%;padding-right:5%;}
.tab-content ul li {box-shadow: 0 0 10px 2px rgb(237, 237, 237);border-radius:10px}
.tab-content ul li p{border:1px solid rgb(237, 237, 237);border-radius:10px}
.tab-content ul li {list-style-type:none;}
.tab-content ul li img{width:100%;}
.tab-content ul li a{
   width: 100%; 
   overflow: hidden;  
   color: #444;
   text-decoration:none;
   height:auto;
   font-size:16px;
 }

.tab-content ul li span{

 }
.tab-content ul li a:active {
	text-decoration:none;
 }

.tab-content ul {
   width: 100%; 
   height: auto; 
   overflow: hidden;  
 }

.sidebar-news-list {
	padding:0;
}
.sidebar-news-list li {
	list-style: none;
	position: relative;
	padding: 5px 0;
}
.sidebar-news-list li .titles {
	width: calc(100% - 60px);
	margin-right: 60px;
}
.sidebar-news-list li .titles a {
	font-family: 'Playfair Display';
	color: #000;
	text-decoration: none;
	font-size: 14px;
}
.sidebar-news-list li .titles .meta {
	display: block;
	font-size: 13px;
	color: #999;
}
.sidebar-news-list li .thumb {
	position: absolute;
	right:0;
	top: 5px;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.sidebar-news-list li .thumb img {
	width: 100%;
}



.ContentPane {
	padding:0;
}
.ContentPane li {
	list-style: none;
	position: relative;
	padding: 5px 0;
}
.ContentPane li .titles {
	width: calc(100% - 60px);
	margin-right: 60px;
}
.ContentPane li .titles a {
	font-family: 'Playfair Display';
	color: #000;
	text-decoration: none;
	font-size: 14px;
}
.ContentPane li .titles .meta {
	display: block;
	font-size: 13px;
	color: #999;
}
.ContentPane li .thumb {
	position: absolute;
	right:0;
	top: 5px;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.ContentPane li .thumb img {
	width: 100%;
}


.ContentPane2 {
	padding:0;
}
.ContentPane2 li {
	list-style: none;
	position: relative;
	padding: 5px 0;
}
.ContentPane2 li .titles {
	width: calc(100% - 60px);
	margin-right: 60px;
}
.ContentPane2 li .titles a {
	font-family: 'Playfair Display';
	color: #000;
	text-decoration: none;
	font-size: 14px;
}
.ContentPane2 li .titles .meta {
	display: block;
	font-size: 13px;
	color: #999;
}
.ContentPane2 li .thumb {
	position: absolute;
	right:0;
	top: 5px;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.ContentPane2 li .thumb img {
	width: 100%;
}


.sidebar-widget .tags a {
	display: inline-block;
	padding: 2px 6px;
	color: #fff;
	background-color: #444;
	text-decoration: none;
	margin: 0 2px 3px 0;
}
.sidebar-widget .socials a {
	display: inline-block;
	width: 60px;
	padding: 2px;
	text-align: center;
	color: #222;
	border: 2px solid #eee;
	font-size: 20px;
	margin: 0 2px 3px 0;
}


/*CSS meneame style pagination*/

li.meneame {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #ff6500; PADDING-TOP: 7px; TEXT-ALIGN: center
}
li.meneame A {
	BORDER-RIGHT: #ff9600 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ff9600 1px solid; PADDING-LEFT: 7px;BACKGROUND-COLOR: #ffffff;PADDING-BOTTOM: 5px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none
}
li.meneame A:hover {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
li.meneame A:active {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
li.meneame SPAN.current {
	font-size: 16px;BORDER-RIGHT: #ff9600 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ff9600 1px solid; PADDING-LEFT: 7px; BACKGROUND-COLOR: #ffc794; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none

}
li.meneame SPAN.disabled {
	BORDER-RIGHT: #ffe3c6 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffe3c6 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffe3c6 1px solid; COLOR: #ffe3c6; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffe3c6 1px solid
}