/*
Theme Name: Grid Portfolio - Sinaldaba
Theme URI: http://www.dessign.net/gridportfolio
Description: Grid Portfolio Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. Updated by Sinaldaba 
Version: 2.0
Author: Marios Lublinski & sinaldaba
Author URI: http://www.dessign.net
Tags: 2 column theme, white, clean
Sinaldaba color: D2D52F;

*/

/* Global */

* { margin: 0; padding: 0; }
body { background-color: #edeeee; font-size: 14px; font-family: Calibri, arial, georgia, verdana; }
#main_container { width: 968px; background-color: #fff; margin: 0 auto; }
.clear { clear: both; }
h1,h2,h3,p { margin: 10px 0; }
h3 { font-size: 13px; color:#525252; }
.left { float: left; }
.right { float: right; }
a { color: #525252; text-decoration: none; }
a:hover { text-decoration:underline; }
img { border: none; }

/* Header */

#menu_container { width: 938px; padding: /*10px*/ 10px 15px; /*border-bottom: 1px solid #eee;*/ }
#menu_container ul { list-style-type: none; v-align:bottom;display:inline;}
#menu_container ul li { float: left; margin: 0 10px; font-size: 12px; }
#menu_container .left_list { float: left; }
#menu_container .right_list { float: right;}
#menu_container .right_list li { margin: 0 5px; }



#header_container .right_list { float: right; margin: 0 30px; padding: 0em 0em 0em 0em;display:inline;vertical-align:text-bottom;padding-top:3em;margin-right:4.4em;}

#header_container .right_list li { margin: 0 2px; display:inline; text-decoration:none;}
#header_container .right_list li:nth-child(1) { /* position:absolute;right:14.5em; */ margin: 0 30px 0 0; }

/*#header_container { width: 953px; padding: 20px 0px 20px 15px; border-bottom: 1px solid #eee;}*/
#header_container { width: 953px; padding: 10px 0px 10px 15px; /*border-bottom: 1px solid #eee;*/ }
.logo { float: left; display:inline; vertical-align:text-bottom;valign:baseline;border:solid;border-color:white;}
#header_container .logo a{text-decoration:none;border:solid;border-color:white;}
#header_container .right_text { float: right; background-color:#afafaf; font-size: 15px; color: #fff; padding: 5px; font-weight: normal; vertical-align:text-bottom;}
#header_container, #header_container a {/*vertical-align:text-bottom;*/}
.top_menu{ display:inline;float:left;margin-left: 0em;/*vertical-align:text-bottom;valign:baseline;*/padding-top:2em; text-transform:lowercase;font-size:1.6em}
.top_menu .left_list ul { display:inline;list-style-type: none; font-size:0.8em;}
.top_menu .left_list li{  display:inline;margin-left:0em;}
.top_menu a,.top_menu a:visited{color:#afafaf;}
.top_menu a:hover{ color:#525252;text-decoration:none;}
.top_menu ul .current-menu-parent a,.top_menu .current-menu-parent a:visited{color:#525252;text-decoration:none; font-weight:bold:}
.top_menu ul .current-menu-item a,.top_menu .current-menu-item a:visited {color:#cfd235;text-decoration:none; font-weight:bold:}


/*tratar de ocultar submenu*/
.top_menu .left_list ul ul  {display:none;}

.top_menu ul .current-menu-item ul,.top_menu ul .current-menu-ancestor ul {display:inline;}
.top_menu ul .current-menu-item ul li {display:inline;padding:0 0.4em;}
.top_menu ul .current-menu-ancestor ul li {display:inline;padding:0 0.4em;}
/*.top_menu ul .current-menu-item ul li:before {content:".";}*/
.top_menu .left-list ul ul li:first-of-type{margin-right:2em;}

.top_menu .left_list ul ul:before {content:"[";}
.top_menu .left_list ul ul:after {content:"]";}

.top_menu .left_list{display:inline;}
.top_menu ul .left_list .menu-menu-principal-container{display:inline;}




#header_category_container { width: 910px/* 910px */ ; background-color: #fff; padding: 1px 29px 1px 29px; color: #fff; margin-top: 5px; margin-bottom: 5px; }
#header_category_container ul { list-style-type: none; }
#header_category_container ul li { float: left; margin-right: 20px; font-size: 15px; font-weight: normal; }
#header_category_container ul li a { color: #F2F2F2; }


#featured_home_top { width: 910px; padding: 1px 29px;}
#featured_home_top .home_top_box { width: 284px; float: left; margin-right: 25px; }
#featured_home_top .home_top_box img { width: 284px; height: 176px; }
#featured_home_top .last { margin-right: 0px; }

/** Footer menu**/
.footer-menu{
	margin-top:4em;
}
#content .footer-menu,  #content .footer-menu h3, .footer-menu h3 a, .footer-menu p, .footer-menu .featured_box h3,.footer-menu .featured_box h3 a {
	color:#cfd235;
}


/** Content **/

#content { width: 968px; float: left; margin-top: 15px; }

#content .featured_box { width: 250px; float: left; margin-right: 50px; color:#afafaf; text-transform:lowercase;}
#content .featured_box img { width:240px; height: 250px; /*width: 240px; height: 200px;*/ background-color:#edeeee; }
#content .featured_box p { font-size: 13px; color:#afafaf; text-transform:lowercase;}
#content .last { margin-right: 0px; }
#content .first { margin-left: 61px; }

#content .single { margin-left:59px;/*padding-left: 59px;*//*29px;*/ width: /*920px*/845px; color:#777777;line-height:1.5em;}
#content .single h1 { font-size: 13px; }


#content .post_divider { width: 100%; height: 2px; /*border-bottom: 1px solid #eee;*/ margin: 15px /*30px*/ 0; }

#content .featured_box_categories .post_divider { width: 100%; height: 2px; /*border-bottom: 1px solid #eee;*/ margin: 4em /*30px*/ 0; }

.nav_container { width: 880px; margin: 15px 0; padding: 0 10px; }
#content .destacado {float:right;padding:1em 1em 1em 1em;margin:1em 1em;/*background-color: #afafaf;*/font-size:1.5em;width:10em; border:solid;-moz-border-radius: 15px;border-radius: 15px;border-color:#F2F2F2;}
#content .destacadoin{color:#cfd235;}
/** Footer **/

#footer { width: 958px; padding: 5px 5px; text-align: right; /*border-top: 1px solid #eee;*/ margin-top: 5px; color:#afafaf; }


/** Gallery**/
.portfolio-slideshow{text-align:center;}

/*Category diseño gráfico*/
.css_filter img {
    filter: url(./images/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
    -o-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}

.css_filter img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}


/*Blog*/
.blog_category_title{font-weight:900;font-size:1.5em;vertical-align:middle;/*text-bottom;valign:baseline;*/padding: 0em;margin:0em;text-transform:uppercase;}
.blog .featured_box {min-width: 830px !important;width: 826px;float:none;clear:both; color:#afafaf; text-transform:lowercase;margin: 0.5em 61px;position:relative;}
.blog .featured_box .label{position:absolute; bottom:0em;display:block;
			    opacity:.90;filter:alpha(opacity=90);filter: ??alpha(opacity=90)??;background-color:white;padding: 0em 2em 0em 1em;}
.blog .featured_box h3, .blog .featured_box h3 a,.blog .featured_box h3 a:visited{display:block;font-size:1.5em;}
.blog .featured_box p {min-width: 800px !important;width: 800px;display:block;font-size: 16px; color:#afafaf; text-transform:lowercase;}
.blog .featured_box img {min-width: 830px !important;width: 830px; display:block; background-color:#edeeee;display:inline;position:relative;}
.blog .last {min-width: 826px !important;width: 826px;}
.blog .first {min-width: 826px !important;width: 826px;}
.blog .img_hover_trans{}

/*e404*/
#content .e404{}
#content .e404 a{text-decoration:underline;}
#content .e404 li{margin-left:2em;}
#content .e404 #searchform{margin:2em 0 3em 2em;}
#content .e404 .posts_relacionados{text-align:center;}
#content .e404 .related_post_title{text-align:left;}
#content .e404 .widget{display:inline; color: #D2D52F ; float:left; margin:2em 5em 0 0;width:33%:}
#content .e404 .widget li{ list-style-type:square; color: #D2D52F; }
#content .e404 .twitter{display:inline; color: #D2D52F ; float:right; margin: 2em 0 0 0;width:300px:}

 /*Comments*/
/* =Comments
----------------------------------------------- */

#comments{width:100%;}
#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*margin: 0 auto 1.625em;*/

	padding: 1.625em;
	position: relative;
	width: 93%; /*68.9%;*/
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}

//Related posts plugin
/*
.posts_relacionados {font-size:2em;border:solid blue;display:block;clear:both;background-color:silver;min-width: 830px !important;width: 826px;display:block;}
.related_post ul,.wp_rp ul{display:block;}
.related_post li, .wp_rp li{display:inline; text-decoration:none;list-style-type:none;position:relative;}
.related_post a{background-color:silver;border:solid black;position:absolute;}
.related_post a img {background-color:silver;display:block;border:solid green 10px;display:block;}
*/

//Portfolio slideshow
//https://wordpress.org/support/topic/plugin-does-not-work-anymore-empty-space/
.showloader .portfolio-slideshow, .showloader .slideshow-nav, .showloader .pager {
visibility: visible !important;
}