/*
Theme Name: Gustavo López Mañas
Theme URI: http://glm-studio.com/
Description: 
Version: 1.0
Author: Gominola Creative Media
Author URI: http://gominola.com/
Tags: 

*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia;
	background-color: #fff;
	color: #333333;
	text-align: center;
}
	
body {
	margin: 0;
	padding: 0;
}

#header-wrap {
	width: 100%;
	height: 103px;
	position: fixed;
	top: 30px;
	z-index: 101;
	background-color: #ffffff;
	/*background-color: #F000F0;*/
}

#header {
	width: 905px;
	height: 84px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #fff;
	margin-top: 10px;
}

a {
	color: #333333;
}
a.hover {
	color: #333333;
}

#logo {
	width: 905px;
	height: 58px;
}

#logo a img {
	margin: 0;
	padding: 0;
	border: none;
}

#logo img {
	margin: 0;
	padding: 0;
}

#menu {
	height: 34px;
	text-align: center;
	/*margin-left: 89px;*/
}

#page-wrap {
	width: 905px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 167px;
	/*background-color: #cccccc;*/
}

hr {
	display: none;
}

h3.project-next,
h3.project-back {
	display: block !important;
	margin: 0;
	padding: 0;	
	float: left;
}

h3.project-back a {
	display: block;
	width: 132px;
	height: 31px;
	background: url(images/back.png) no-repeat left top;
}

h3.project-back a:hover {
	background-position: 0 -31px !important;
}

h3.project-next a {
	display: block;
	width: 85px;
	height: 31px;
	background: url(images/next.png) no-repeat left top;
}

h3.project-next a:hover,
h3.project-back a:hover {
	background-position: 0 -31px !important;
}

.back2 {
	margin-left: 54px !important;
}



/* @group Menu */

.current_page_item {
	color: #00ff67 !important;	
	padding-bottom: 1px;
	border-bottom: 1px solid #00ff67;
}

#menu a:hover {
	color: #00ff67;
	padding-bottom: 1px;
	border-bottom: 1px solid #00ff67;
}

#menu a {
	font-size: 15px;
	line-height: 31px;
	text-decoration: none;
	padding-bottom: 1px;
	margin: 0 0 0 10px;
}

a.page {
	color: #c4c4c4;
}

a.work {
	color: #000000;
}


.categoria a {
	color: #333333 !important;
	font-size: 19px;
}



/* @end */

/* @group Front Page */

#content .categoria {
	background-color: #fff;
}

#content .categoria h2 {
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	/* border-bottom: 1px solid #000; */
	font-weight: normal;
	font-size: 22px;
	margin: 0;
	background: url(images/fondo-c.png) repeat-x 0 bottom;
	padding-bottom: 6px;
}

#content .categoria h2 a {
	font-weight: normal;
	font-size: 22px;
	text-decoration: none;
}

#content .categoria h2 a:hover {
	color: #333333 !important;
	text-decoration: none !important;
	border: none !important;
}

#content .custom {
	margin-top: 15px;
	font-size: 12px;
}

#content .custom em {
	font-size: 14px;
	font-style: normal;
}

#content .gallery {
	margin-top: 10px;
}

#content .gallery img {
	margin-bottom: 15px;
	margin-top: 15px ;
	border: none;
}

#content .gallery dl {
	margin: 0;
}

#content .navegador {
	width: 290px;
	background: url(images/fondo-c.png) repeat-x 0 top;
	margin: 5px auto 25px;
	text-align: center;
	padding-top: 9px;
}

#content .navegador h3 {
	font-size: 16px;
	font-weight: normal;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}

#content .navegador h3 a {
	font-size: 16px;
	text-decoration: none;
	color: #333333;
}

#content .navegador h3 a:hover {
	text-decoration: none;
	color: #00ff67;
}

#content .categoria .destacado {
	position: relative;
	margin-top: 13px;
	margin-bottom: 64px;
	width: 904px;
	height: 304px;
	background-color: #000;
}

#content .categoria .destacado a img {
	margin: 0;
	padding: 0;
	margin-top: 4px;
	border: none;
	width:  896px;
	height: 296px;
}

#content .categoria .destacado .hover {
	position: absolute;	
	z-index: 100;
	top: 4px;
	left: 4px;
	width:  896px;
	height: 296px;
	overflow: hidden;
	
}

#content .categoria .destacado .hover a {
	display: block;
	width:  896px;
	height: 296px;
	background: url(images/work-hover.png) repeat left top;
}

#content .categoria .destacado .hover a:hover {
	text-decoration: none;
	border-bottom: none;

}

.front-footer {
	width:  180px;
	font-size: 11px;
	color: #BBBBBB;
	margin-bottom: 30px;
	padding-top: 14px;
	border-top: 1px solid #BBBBBB;
	margin-right: auto;
	margin-left: auto;
	line-height: 12px;
}

.front-footer a {
	color: #BBBBBB;
	text-decoration: none;
}

.front-footer a:hover {
	color: #00AFC8;
	text-decoration: none;
}


.post h2 {
	background: url(images/fondo-c.png) repeat-x 0 bottom;
	font-weight: normal;
	font-size: 22px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.post h3 {
	font-weight: normal;
	font-size: 15px;
}

.post {
	width: 230px;
	font-size: 14px;
	line-height: 18px;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
}

.page-id-23 .post p:first-child  {
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;

	padding-right: 30px;
	padding-left: 30px;
}

.page-id-23 .post .wpcf7 {
	margin-top: 0px !important;
}

.wpcf7 {
	margin-top: 50px !important;
	font-size: 11px;
}

.wpcf7 input {
	width: 230px;
	border: none;
	background-color: #eaeaea;
}

.wpcf7 textarea {
	width: 230px;
	border: none;
	background-color: #eaeaea;
}

/* @end */

/* @group Blog */

body.blog {
	background-color: #262626;
	color: #737373;
	text-align: left;
	font-family: "Courier New", Courier, mono;
	font-size: 12px !important;
	letter-spacing: 1px;
}

.blog #logo {
	width: 905px;
	height: 84px;
}

.blog #header-wrap {
	height: 84px;
	background-color: #262626;
}

.blog #page-wrap {
	margin-top: 136px;
}

.blog #header {
	width: 905px;
	height: 84px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #262626;
}

.blog #content {
	width: 500px;
	float: left;
	margin-left: 175px;
}

.blog .post {
	margin-top: 30px;
	width: 500px;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	text-align: center;
}

.blog .post .entry img {
	background-color: #ffffff;
	padding: 4px;
	float: none;
	margin-top: 15px;
}

.blog .post .entry a {
	color: #ffffff;
}


.blog .post:first-child {
	margin-top: 0px;
}


.blog .post .postmetadata {
	color: #4A4A4A;
	font-size: 10px;
	letter-spacing: normal;
}

.blog .post h2 {
	display: inline;
	background-image: none;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	color: #fefffc;
	border-bottom: 1px solid #fefffc;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 1px;
}

.blog .post p {
	text-align: left;
}

a.sendbutton {
	
	font-size: 15px !important;	
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #000000;
	margin-right: auto;
	margin-left: auto;
	line-height: 31px;
}

a.sendbutton:hover {
	color: #00ff67;
	border-bottom: 1px solid #00ff67;
}



img.ajax-loader {
	clear: both;
}


/* @end */

/* @group Sidebar */

#sidebar {
	width: 210px;
	margin-left: 695px;
	overflow: hidden;
	font-size: 12px;
	color: #4A4A4A;
}

#searchform input {
	background-color: #262626;
	border: 1px solid #575757;
	color: #4a4a4a;
	margin-bottom: 5px;
}

#searchform input[type=submit] {
	text-transform: uppercase;

}

#sidebar a {
	text-decoration: none;
	color: #4a4a4a;
}

#sidebar a:hover {
	text-decoration: none;
	color: #00afc8;
}


#sidebar .current-cat {
	text-decoration: none;
	color: #00afc8;
}

#sidebar .current-cat a,
#sidebar .current-year a {
	text-decoration: none;
	color: #00afc8;
}

#sidebar > ul {
	margin-top: 35px !important;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}


#sidebar  ul li {
	margin-top: 2px;
}

#sidebar > ul > li {
	list-style-type: none;
	margin-bottom: 25px;
}

#sidebar h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

li.enlaces a {
	text-decoration: underline !important;
}

.blogtitle {
	display: block;
	background-image: none;
	font-weight: lighter;
	font-size: 20px;
	padding-bottom: 0px;
	color: #fefffc;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 1px;
	text-align: center;
}

/* @end */