/*

*/

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
a.button{cursor: pointer;color: #57A8C1;line-height: 14px;}
a.button {display: inline-block;	text-decoration: none;}
a.button:hover{color: #29747F;}
a.button {font-size: 100%;border-radius: 18px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);background: none;margin: 15px 0 ;padding: 10px;border: 1px solid;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------Navigation - Menu---------------------------- */
/* ---------------------------------------------------------------------------- */
 

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Search--------------------------------- */
/* ---------------------------------------------------------------------------- */
#search {margin: 7px 0;}

#search input[type="text"] {
    background: url(../images/search-dark.png) no-repeat 10px 6px #E9E9E9;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #867B6E;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 18px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

/*#search input[type="text"]:focus {width: 200px;}*/

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Title-------------------------------- */
/* ---------------------------------------------------------------------------- */
.title{font-size: 25px;color:#18428F; line-height: 3em; text-transform:uppercase}
.title{background: url("../images/Untitled-2.jpg") repeat-x left;}
.title{margin: 20px 20px -15px 20px;}
.title a   {padding: 0 15px 0 15px;background-color: #fff;}
.title a:hover{opacity: 3;}.title p{margin:0px; padding:0px;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Article-------------------------------- */
/* ---------------------------------------------------------------------------- */
article{
	background: #ffffff;
	margin-bottom: 20px;
	padding-bottom: 0px;
}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
article .line{background: #4D4D4D; height: 5px; width: 100px; margin: 10px auto;}
article span {color: #64A2B4;}
article.m2 img{
	margin-bottom: -4px;
}
article img.full{width:100%;}
article p{
	color: #444;
	margin: 0;
	padding: 0;
}

article .art-header{
	text-align: center;
	margin-bottom: 15px;
}

article .art-content{}
article .art-content   {
	line-height: 1.4em;
	font-size: 14px;
	text-align: justify;
	padding: 10px 22px;
	margin: 0 auto;
}
article .art-content blockquote p{border-left: 3px solid #1c7791;font-size: 120%; font-style: italic;color: #777;margin: 0px;
	padding: 0px;}
article .art-content h2 {font-size: 1.7em;line-height: 2em;padding: 0px 20px;}
article .art-content ol {float: left;text-align: justify;margin: 10px 50px;font-size: 16px;list-style-type: circle;}
article .art-content .content-social{
	margin: 5px 0 0;
	text-align: center;
}
article .art-content a.button {border: 1px solid #57A8C1;}
article .art-content .info{font-style:italic;}

article .art-footer {margin: 0 -5px -20px -5px;}
article .art-footer .meta {border-bottom: 1px solid #e0e1dc;background-image: url("https://lh3.googleusercontent.com/-1QB3XFmdlYY/UcPyBWfyb4I/AAAAAAAAB74/ITrfhAVjwNI/s67/pattern.png"); padding: 0px 20px;line-height: 2;margin-top: 20px;}
article .art-footer .meta a {color: #999999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 12px;font-style: italic;}
article .art-footer .meta .comment { background-image: url("../images/meta_comment.png"); padding-left: 20px;background-repeat: no-repeat;background-position: 0px;float: left;}
article .art-footer .meta .user { background-image: url("../images/meta_user.png"); padding-left: 20px;background-repeat: no-repeat;background-position: 0px;float: right;}

article.blue {
	background-color: #18428F;
}
article.blue .art-content a.button {border: 1px solid #fff;}
article.blue .art-content a.button {color: #fff;}
article.blue .title a{
	background-color: #18428F;
	color: #fff;
	text-transform: uppercase;
}
article.blue p{color: #fff;margin: 0px;
	padding: 0px;}
article.blue span {color: #fff;margin: 0px;
	padding: 0px;}
article.blue .art-footer .meta a {color: #ddd4d4;}

article.black {background-color: #3A3A3A;}
article.black .title a{color: #CC8828;background-color: #3A3A3A;}
article.black  p{color: #fff;}
article.black  span {color: #CC8828;}
article.black .art-content a.button {border: 1px solid #CC8828;}
article.black .art-content a.button {color: #CC8828;}
article.black .title {background: url("../images/Untitled-1.jpg") repeat-x left;}
article.black .art-footer .meta a {color: #aea2a2;}

article.single{}
article.single .wrap-art {padding: 20px;}

article .wrap-art-related{background-color: #fff;padding: 20px;}
article .art-related{margin-top: 30px;text-align: center;}
article .art-related img{display: inline-block; margin: 10px 0;}
article .art-related h4{font-size: 16px; text-transform: capitalize;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Widget--------------------------------- */
/* ---------------------------------------------------------------------------- */
.widget {margin-bottom: 35px; text-align: center;}
.widtget:after, .widget:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.widget .wid-header {background: url("../images/Untitled-2.jpg") repeat-x left;}
.widget .wid-header h4{font-size: 23px;color:#9B4800;float: left;margin: 10px 0;display: inline-block;line-height: 2em;padding: 0 27px 0 5px;background-color: #fff;}

.widget .wid-content{padding:5px;}
.widget .wid-content a {font-size:17px;color:#867B6E;float: left;}
.widget .wid-content a:hover { color: #1c7791;}


#sidebar .widget .wid-about {margin: -20px;}
#sidebar .widget .wid-about{background: url("../images/about.jpg") no-repeat center; background-size: 100%;height: 120px; padding-top: 80px;}
#sidebar .widget .wid-about a{font-size:35px;text-transform: uppercase; font-weight: bold ;color: #fff;}

#sidebar .widget.wid-posts{}
#sidebar .widget.wid-posts .post{}
#sidebar .widget.wid-posts .post:after, .widget.wid-posts .post:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
#sidebar .widget.wid-posts h6{font-size: 15px;color: #867B6E;font-weight:normal;}
#sidebar .widget.wid-posts img{float: left; margin: 15px 10px; width: 100px;}
#sidebar .widget.wid-posts p{color:#A3A3A3; font-style:italic;}
#sidebar .widget.wid-posts .resent {vertical-align: middle;text-align: left;line-height: 1.4em;padding-bottom: 7px;margin-top: 22px;display: inline-block;}

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

#sidebar .wid-archives {margin-top: 5px;}
#sidebar .wid-archives select {margin: 5px 0;height: 40px;width: 100%;padding-left: 10px;font-family: "Noto Serif",serif;font-size: 16px; background-color: #e9e9e9;color: #777777;border: none;}



/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */

#contact_form {background:#ffffff;padding:25px;}

#ff label {cursor:pointer;margin:4px 0;display:block;font-weight:800;}

input {	display:block;width:90%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4; color:#000;	border:1px solid #5f5f5f;padding:10px;	margin-bottom:25px;}

textarea {display:block;width:90%;height:200px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4; color:#000;	border:1px solid #5f5f5f;padding:10px;	margin-bottom:25px;}

.sendButton {cursor:pointer;background-color:#222222;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;	color:#ffffff;width:25%;	font-weight:bold;}
.sendButton:hover {	opacity: 0.8;}