/*
 
Theme Name: Tehacesver
 
Description: Portafolio del estudio de diseño Tehacesver.
 
Author: Tehacesver
 
Author URI: www.tehacesver.com
 
*/

html {
	margin: 0;
	padding: 0; }
 
body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	background-image: url(img/body_bg.gif);
	background-repeat: repeat; }
 
h1 {
	float: left;
	text-shadow: #fff 0 1px 0;
	color: #666;
	font-size: 30px;
	padding-top: 54px;
	padding-left: 10px;
	font-weight: bold;
	padding-bottom: 50px;
	letter-spacing: -2px; }
 
	h1 a {
		text-shadow: #fff 0 1px 0;
		color: #666;
		text-decoration: none;
		font-weight: bold; }
 
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #FFF;
	padding-left: 60px;
	padding-top: 13px; }
 
h3 {
	text-shadow: #444 0 1px 0;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 8px;
	padding-bottom: 20px; }
 
#ie {
	height: 20px;
	width: 960px;
	padding-top: 7px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px; }
 
	#ie a {
		color: #fff;
		text-decoration: none; }
 
		#ie a:hover {
			color: #ccc;
			text-decoration: none; }
 
	#ie p {
		height: 20px;
		width: 100%;
		font-size: 12px;
		color: #CCC; }
 
.align-left {
	float: left;
	margin-top: 45px;
	height: 60px;
	display: inline;
	width: 60px; }
 
	.align-left img { display: inline; }
 
.align-right {
	float: right;
	display: inline;
	height: 60px;
	margin-top: 45px; }
 
	.align-right img {
		margin-left: 20px;
		display: inline; }
 
#tooltip {
	position: absolute;
	color: #fff;
	display: none;
	background-color: #333;
	font-size: 11px;
	padding: 5px;
	margin-top: -30px;
	margin-left: -60px;
	background-image: url(img/tooltip.gif); }
 
#container { width: 100%; }
 
#header {
	background-image: url(img/header.gif);
	height: 98px;
	width: 100%; }
 
	#header img { float: left; }
 
.frame-header {
	height: 98px;
	width: 960px;
	margin-right: auto;
	margin-left: auto; }
 
#nav {
	float: right;
	margin-top: 33px;
	height: 40px;
	margin-right: 10px;
	display: inline; }
 
	#nav ul {
		list-style: none;
		line-height: 30px; }
 
	#nav li {
		display: block;
		float: left;
		background-image: url(img/nav01.gif);
		background-repeat: repeat; }
 
		#nav li a {
			display: block;
			text-decoration: none;
			padding-right: 20px;
			padding-left: 20px;
			float: left;
			height: 35px;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			letter-spacing: -1px;
			padding-top: 5px;
			background-image: url(img/sep01.gif);
			background-repeat: no-repeat;
			background-position: right; }
 
			#nav li a:hover {  }
 
#content {
	background-image: url(img/content_bg.gif);
	width: 100%;
	float: left; }
 
.content-bg {
	background-image: url(img/sub_header.png);
	width: 100%;
	background-repeat: no-repeat;
	float: left; }
 
#contentslideie6 {
	float: left;
	margin-top: 30px;
	margin-left: 10px;
	display: inline; }
 
#contentslide {
	float: left;
	margin-top: 50px;
	margin-left: 10px;
	display: inline; }
 
	#contentslide ul, #contentslide li {
		margin: 0px;
		padding: 0px;
		list-style: none; }
 
	#contentslide li {
		width: 480px;
		height: 300px;
		overflow: hidden; }
 
.content-post {
	width: 100%;
	background-image: url(img/post_bg.gif);
	background-repeat: repeat-x;
	float: left; }
 
.frame-post {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/light.png);
	background-repeat: no-repeat; }
 
.page {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	float: left;
	display: inline;
	background-image: url(img/page.jpg); }
 
.page-left {
	float: left;
	width: 630px;
	margin-left: 10px;
	padding-top: 28px;
	display: inline;
	padding-bottom: 30px; }
 
	.page-left p {
		font-size: 14px;
		font-style: normal;
		line-height: 20px;
		font-weight: normal;
		font-variant: normal;
		color: #444;
		letter-spacing: normal;
		word-spacing: normal; }
 
	.page-left a {
		font-weight: bold;
		color: #444;
		text-decoration: none; }
 
		.page-left a:hover { color: #555; }
 
	.page-left h2 {
		padding: 15px 0 10px 0;
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
		color: #444;
		margin: 0px; }
 
.page-right {
	float: right;
	width: 250px; }
 
	.page-right img {
		padding-left: 10px;
		padding-top: 20px; }
 
	.page-right ul {
		padding-left: 20px;
		margin: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px; }
 
	.page-right li {
		font-weight: normal;
		font-variant: normal;
		letter-spacing: normal;
		word-spacing: normal;
		padding-bottom: 10px; }
 
		.page-right li a {
			font-size: 12px;
			line-height: normal;
			text-decoration: none;
			color: #666; }
 
			.page-right li a:hover { color: #444; }
 
.titlepost {
	background-image: url(img/tilte_sidebar.png);
	height: 51px;
	width: 240px;
	margin-top: 28px; }
 
	.titlepost h2 {
		font-size: 18px;
		color: #FFF;
		padding-left: 20px;
		padding-top: 8px;
		letter-spacing: normal;
		word-spacing: normal;
		line-height: normal; }
 
.single {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/single.jpg);
	background-repeat: repeat-y;
	float: left;
	display: inline;
	background-position: left; }
 
.single-right {
	float: right;
	width: 408px;
	display: inline; }
 
	.single-right img {
		margin: 0px;
		padding: 0px; }
 
	.single-right p {
		font-size: 14px;
		color: #444;
		line-height: 20px;
		clear: both;
		word-spacing: 2px;
		font-weight: normal;
		margin-right: 18px;
		padding-left: 18px; }
 
	.single-right a {
		font-weight: bold;
		text-decoration: none;
		color: #444; }
 
		.single-right a:hover {
			font-weight: bold;
			text-decoration: none;
			color: #555; }
 
	.single-right h2 {
		font-size: 16px;
		color: #555;
		font-weight: bold;
		clear: both;
		font-style: normal;
		line-height: normal;
		margin: 0px;
		font-variant: normal;
		text-decoration: none;
		letter-spacing: -1px;
		word-spacing: normal;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 18px; }
 
	.single-right h6 {
		padding-left: 18px;
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
		letter-spacing: -1px; }
 
		.single-right h6 a {
			font-weight: bold;
			text-decoration: none;
			color: #396987; }
 
.singledate {
	background-image: url(img/date.gif);
	float: right;
	height: 51px;
	width: 171px;
	display: inline;
	margin-top: 10px; }
 
	.singledate p {
		font-size: 12px;
		color: #FFF;
		padding-top: 11px;
		padding-left: 20px;
		font-style: normal;
		line-height: normal;
		font-variant: normal;
		text-transform: none;
		letter-spacing: 0.5px;
		word-spacing: normal;
		margin: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		font-weight: normal; }
 
		.singledate p a {
			font-size: 14px;
			color: #FFF;
			font-weight: bold;
			letter-spacing: -1px;
			text-decoration: none; }
 
			.singledate p a:hover {
				color: #ccc;
				font-weight: bold; }
 
.similar-post {
	background-image: url(img/similar_post.gif);
	float: right;
	height: 51px;
	width: 171px;
	display: inline;
	margin-top: 10px;
	clear: both; }
 
	.similar-post p {
		font-size: 12px;
		color: #FFF;
		font-weight: bold;
		padding-top: 25px;
		padding-left: 20px;
		font-style: normal;
		line-height: normal;
		font-variant: normal;
		text-transform: none;
		letter-spacing: 0.5px;
		word-spacing: normal;
		margin: 0px;
		padding-right: 0px;
		padding-bottom: 0px; }
 
		.similar-post p a {
			font-size: 14px;
			color: #FFF;
			font-weight: bold;
			letter-spacing: -1px; }
 
			.similar-post p a:hover {
				color: #ccc;
				font-weight: bold; }
 
#similar {
	width: 100%;
	display: none;
	clear: both;
	float: right;
	background-image: url(img/similar_bg.gif);
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-bottom: 5px; }
 
	#similar ul {
		margin: 0px;
		padding: 0px; }
 
	#similar li {
		list-style-type: none;
		padding-bottom: 5px;
		padding-top: 5px; }
 
		#similar li a {
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			color: #666;
			text-decoration: none;
			padding-left: 18px;
			font-weight: normal; }
 
			#similar li a:hover { color: #333; }
 
.single-left {
	width: 420px;
	float: left;
	padding-top: 65px;
	padding-left: 70px; }
 
.singleimg {
	float: left;
	background: url(img/single_left.png);
	background-repeat: no-repeat;
	background-position: bottom; }
 
.single-left img { margin-bottom: 30px; }
 
.category-left {
	width: 420px;
	float: left;
	padding-top: 65px;
	padding-left: 35px;
	padding-bottom: 65px; }
 
.frame-content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/light.png);
	background-repeat: no-repeat;
	height: 360px; }
 
.box {
	background-image: url(img/box.png);
	height: 270px;
	width: 420px;
	margin-top: 47px;
	margin-right: 10px;
	display: inline;
	float: right; }
 
	.box h2 {
		font-size: 30px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		color: #396987;
		letter-spacing: -3px;
		padding: 0px;
		margin-top: 60px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 40px; }
 
	.box p {
		text-shadow: #fff 0 1px 0;
		font-size: 18px;
		line-height: normal;
		font-weight: normal;
		font-variant: normal;
		color: #666;
		padding: 0px;
		margin-right: 10px;
		margin-left: 40px;
		margin-top: 5px; }
 
#servicebutton {
	background-image: url(img/service_bg.png);
	height: 42px;
	width: 139px;
	margin-left: 11px;
	margin-top: 15px; }
 
	#servicebutton p {
		padding-top: 4px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 30px;
		margin: 0px; }
 
		#servicebutton p a {
			text-shadow: #fff 0 0 0;
			font-size: 18px;
			line-height: normal;
			font-weight: bold;
			color: #FFF;
			text-decoration: none;
			letter-spacing: -1px; }
 
#latest {
	background-image: url(img/latest.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 440px;
	width: 100%;
	clear: both; }
 
.frame-latest {
	height: 440px;
	width: 960px;
	margin-right: auto;
	margin-left: auto; }
 
.right {
	float: right;
	height: 440px;
	width: 380px;
	margin-right: 10px;
	display: inline; }
 
	.right p {
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		letter-spacing: normal;
		color: #FFF;
		line-height: 15px; }
 
		.right p a {
			font-weight: bold;
			color: #FFF;
			text-decoration: none;
			padding-left: 5px; }
 
	.right a:hover { color: #ccc; }
 
.left {
	float: left;
	height: 440px;
	width: 480px;
	margin-left: 10px;
	display: inline; }
 
.work {
	background-image: url(img/work_bg.gif);
	clear: both;
	height: 55px;
	width: 480px;
	margin-top: 30px;
	margin-bottom: 29px; }
 
.articles {
	background-image: url(img/articles_bg.gif);
	height: 57px;
	width: 380px;
	margin-top: 30px;
	margin-bottom: 29px; }
 
.boxgrid {
	width: 480px;
	height: 130px;
	overflow: hidden;
	position: relative;
	margin-bottom: 31px;
	display: inline;
	float: left; }
 
	.boxgrid img {
		position: absolute;
		top: 0;
		left: 0;
		border: 0; }
 
.info {
	width: 480px;
	height: 130px;
	background-image: url(img/box.gif);
	background-repeat: no-repeat; }
 
	.info p.title {
		font-size: 18px;
		color: #FFF;
		padding-right: 5px;
		padding-bottom: 3px;
		padding-left: 20px;
		font-weight: bold;
		text-transform: capitalize;
		padding-top: 10px;
		background-image: none; }
 
	.info p.content {
		font-size: 14px;
		color: #FFF;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 3px;
		padding-left: 20px;
		background-image: none; }
 
		.info p.content a {
			color: #FFF;
			text-decoration: none; }
 
			.info p.content a:hover { color: #CCC; }
 
	.info p.date {
		font-size: 10px;
		color: #FFF;
		padding-top: 5px;
		float: right;
		padding-right: 10px; }
 
#footer {
	height: 170px;
	width: 100%;
	background-image: url(img/footer_bg.gif);
	background-repeat: repeat-x;
	clear: both; }
 
#frame-footer {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px; }
 
.navigation {
	float: left;
	height: 170px;
	width: 140px;
	background-image: url(img/bar_footer.gif);
	background-repeat: no-repeat;
	background-position: right; }
 
	.navigation ul {
		margin: 0px;
		padding: 0px; }
 
	.navigation li {
		list-style: none;
		padding-bottom: 10px; }
 
		.navigation li a {
			text-shadow: #555 0 1px 0;
			color: #0b0b0b;
			list-style: none;
			font-size: 14px;
			text-decoration: none;
			font-weight: bold; }
 
			.navigation li a:hover {
				text-shadow: #666 0 1px 0;
				color: #000;
				list-style: none; }
 
.services {
	background-image: url(img/bar_footer.gif);
	background-position: right;
	height: 170px;
	width: 210px;
	background-repeat: no-repeat;
	float: left;
	padding-left: 20px;
	padding-right: 10px; }
 
	.services p {
		text-shadow: #555 0 1px 0;
		color: #0b0b0b;
		font-size: 14px;
		font-style: normal;
		line-height: 18px;
		font-weight: bold;
		letter-spacing: -1px; }
 
	.services a {
		text-decoration: none;
		font-weight: bold;
		text-shadow: #555 0 1px 0;
		color: #000; }
 
	.services  a:hover {
		text-shadow: #666 0 1px 0;
		color: #111010; }
 
.social {
	background-image: url(img/bar_footer.gif);
	background-position: right;
	height: 170px;
	width: 140px;
	float: left;
	background-repeat: no-repeat;
	padding-left: 20px; }
 
.interesting {
	background-image: url(img/bar_footer.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 125px;
	padding-right: 5px;
	padding-left: 20px;
	height: 170px;
	float: left; }
 
	.interesting p {
		text-shadow: #555 0 1px 0;
		color: #0b0b0b;
		font-size: 14px;
		font-style: normal;
		line-height: 18px;
		font-weight: bold;
		font-variant: normal;
		letter-spacing: -1px;
		padding-right: 10px; }
 
	.interesting a {
		text-decoration: none;
		font-weight: bold;
		text-shadow: #555 0 1px 0;
		color: #000; }
 
		.interesting a:hover {
			text-shadow: #666 0 1px 0;
			color: #111010; }
 
.credits {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 210px;
	padding-left: 20px;
	font-size: 12px;
	text-shadow: #555 0 1px 0;
	color: #000;
	font-weight: bold; }
 
	.credits a {
		text-decoration: none;
		font-weight: bold;
		text-shadow: #555 0 1px 0;
		color: #000;
		font-size: 12px;
		clear: none; }
 
		.credits a:hover {
			text-decoration: none;
			font-weight: bold;
			text-shadow: #555 0 1px 0;
			color: #111010;
			font-size: 12px;
			clear: none; }
 
	.credits p {
		text-shadow: #555 0 1px 0;
		color: #000;
		font-size: 12px;
		font-style: normal;
		line-height: 15px;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		letter-spacing: 0.5px;
		font-weight: bold;
		padding-bottom: 7px; }
		
.services_we_are {
	clear: both;
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;}
	
               .avatar{
	                float: left;
	                margin-right: 20px;}
	
                       .services_we_are h2{
	                          line-height: 15px;
	                          padding-bottom: 10px;
                              font-size: 16px;
	                          margin: 0px;
	                          padding-top: 0px;
	                          padding-right: 0px;
	                          padding-left: 0px;}
							 
.servicesicons{
	padding:15px 0 0 0;
	}