/*

Title:		Master styles for screen media

Author:		justine@gentlecode.net

*/





body {
	font: normal 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #797979;
	background-color:#e5e5e5;

}



p {

	margin-bottom: 13px;

}



/* Links */



a:link, a:visited {

	color: #0B8ECE;

	outline: none;

	text-decoration: none;

	text-decoration: underline;

}



a:hover {

	

}





/* PAGE STRUCTURE

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



#container {

	width: 960px;
	background-color:#FFFFFF;

	margin: 0 auto;

}



/* HEADER

------------------------------------------------------------- */
.top_full		{
				width:100%;
				background-color:#333333;
				background-position: top center;
				background-repeat: no-repeat;
				}




.header_full		{
				width:100%;
				background-color:#333333;
				background-position: top center;
				background-repeat: no-repeat;
				}

.header h1 {

	float: left;
	padding-left:13em;

}



.header ul.social {

	float: right;

	width: 432px;
	padding-right:12em;

	height: 95px;



}



.header ul.social li {

	float: left;

	width: 50%;

}



.header ul.social li a {

	display: block;

	line-height: 96px;

	color: #999;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);

	text-transform: uppercase;

	font-size: 10px;

}



.header ul.social li a.fb {

	padding: 0 0 0 40px;

	background: url(../img/icon-social-fb.png) 14px 10px no-repeat;

}



.header ul.social li a.twitter {

	padding: 0 0 0 35px;

	background: url(../img/icon-social-twitter.png) 6px 10px no-repeat;

}





/* NAVIGATION

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



.nav {

	background: url(../img/bg-nav.png) repeat-x;

	border-bottom: 4px solid #0B8ECE;



	position: relative;

	z-index: 10;

}
.main_nav_full	{
				width:100%;
				background-color:#333333;
				background-position: top center;
				background-repeat: no-repeat;
				}


/* First level */



.nav ul {

	float: left;

}



.nav ul li {

	float: left;

	position: relative;

}



.nav ul li a {

	display: block;

	line-height: 47px;

	color: #303030;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);

	padding: 0 20px;

	border-right: 1px solid #333333;

	text-decoration:none;

}



.nav ul li a:hover, .nav ul li.current a, .nav ul li.hover a {

	background-color: #0B8ECE;

	text-decoration: none;

	color: #ffffff;



}



.nav ul li a:hover, .nav ul li.hover a {

	color: #ffffff;



}



/* Second level */



.nav ul li ul {

	width: 145px;

	position: absolute;

	top: 47px; left: 0px;

	z-index: 50;

	box-shadow: 3px 3px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);

	-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);



	display: none;

}



.nav ul li ul li {

	float: none;

	padding: 0;

	border: none;

	border-bottom: 1px solid #aaa;

	border-top: 1px solid #fff;

}



.nav ul li ul li:first-child {

	border-top: none!important;

}



.nav ul li ul li:last-child {

	border-bottom: none!important;

}



.nav ul li ul li a {

	display: block;

	line-height: 29px;

	padding: 0 22px;

	border: none!important;

	background: none;

	color: #ffffff!important;

	background-color: #ddd;

}



.nav ul li ul li a:hover {

	color: #ffffff !important;



	font-style: italic;

	background-color: #0B8ECE;	

}



/* Login area */



.nav div.login {

	float: right;

	margin: 4px 5px 0 0;

	position: relative;

	z-index: 10;

}



.nav .login a.button {

	display: block;

	width: 142px;

	height: 38px;

	padding: 0 0 0 15px;

	background: url(../img/btn-login.png) no-repeat;

	color: #303030;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);

	font: bold 13px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.nav .login a.button:hover {

	text-decoration: none;

}



.nav .login a.button.hover {

	background: url(../img/btn1-login-active.png) no-repeat;

}



.nav .login .login-form {

	position: absolute;

	top: 36px; right: 0;

	width: 221px;

	padding: 5px 12px;

	background-color: #fcfcfc;

	box-shadow: 3px 3px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);

	-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);

	z-index: 100;

	display: none;

}



.nav .login .login-form form label {

	display: block;

	color: #303030;

	

}



.nav .login .login-form form input[type=text], .nav .login .login-form form input[type=password] {

	width: 205px;

	background: #646b73;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#eee));

	background: -moz-linear-gradient(0% 0% 90deg, #fafafa, #eee);

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-right: 1px solid #eee;

	border-bottom: 1px solid #eee;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #333;

	padding: 7px 5px;

	margin-bottom: 5px;

}



.nav .login .login-form form input[type=submit] {

	width: 66px;

	height: 32px;

	border: 0;

	background: url(../img/btn3-formlogin.png) no-repeat; 

	font: bold 10px "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #303030;

	text-shadow: 1px 1px 1px rgba(0,0,0,.2);

	text-transform: uppercase;

	float: right;

	margin: 5px 2px 5px 0;

	cursor: pointer;

	

} 



.nav .login .login-form form span a {

	display: block;

	float: left;

	color: #303030;

	line-height: 37px;

}



/* FEATURED SECTION

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



.featured {

	width: 958px;

	height: 190px;

	margin: 0 0 0 -3px;

	padding: 9px 0 0 8px;

	background: url(../img/bg-featured.png) 0 0 no-repeat;

	overflow: hidden;

	position: relative;

	z-index: 9;

}



.featured-nav {

	height: 110px;

	/*background: url(../img/bg-slider-nav.png) 0 0 no-repeat; */

	margin-bottom: 20px;

	position: relative;

	display: none;

}



.featured-nav ul {

	float: left;

	margin: 15px 0 0 10px;

}



.featured-nav ul li {

	float: left;

	margin: 0 20px 0 20px;

}



.featured-nav ul li a {

	display: block;

	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

	opacity: 0.6;

}



.featured-nav ul li a:hover, .featured-nav ul li.activeSlide a {

	opacity: 1;

}



.featured-nav ul li a img {

	display: block;

	width: 120px;

	height: 75px;

	border: 1px solid #aaa;

}



/* MAIN KITCHEN SINK SECTION

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



.main h2 a { 

	color:#999; }

.main h1 {

	color:#0B8ECE;

	font-size:19px;

	font-weight:bold;

	line-height:1em;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 8px;

	margin-left: 0px;

}

.main h2 {

	color:#666666;

	font-size:17px;

	clear:both;

	line-height:1.3em;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

.main h3 { 

	color:#303030; 

	font-size:18px; 

	margin:16px 0px 10px; 

	font-weight:normal; 

	line-height:1.2em; 

}

.main h4 { 

	color:#303030; 

	font-size:14px; 

	margin:16px 0px 10px; 

	font-weight:normal; 

}

.main h5 { 

	color:#303030;

	font-size:11px; 

	margin:16px 0px 10px; 

	font-weight:normal; 

}

.main h6 { 

	color:#303030; 

	font-size:11px; 

	margin:0px 0px 10px; 

	font-weight:normal; 

}



.main blockquote.left p { 

	width: 220px; 

	padding: 0px 20px 0px 0px; 

	margin:0px 20px 20px; 

	font-size: 15px; 

	line-height: 20px; 

	float:left; 

	border-right:1px solid #dbdbdb; 

	text-align:right; 

	font-style:italic; 

}

.main blockquote.right p { 

	width: 220px; 

	padding: 0px 0px 0px 20px; 

	margin:0px 0px 20px 20px; 

	font-size: 15px; 

	line-height: 20px; 

	float:right; 

	border-left:1px solid #dbdbdb; 

	text-align:left; 

	font-style:italic; 

}





/* CONTENT TAB STYLES

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



.main ul.tabNavigation {

    list-style: none;

    margin: 0;

    padding: 0;

}



.main ul.tabNavigation li {

    display: inline;

}



.main ul.tabNavigation li a {

    padding: 7px 15px;

    background-color: #ddd;

    border: 1px solid #aaa;

    color: #303030;

    text-decoration: none;

}



.main ul.tabNavigation li a.selected,

.main ul.tabNavigation li a:hover {

    background-color: #fff;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #fff;

    color: #999;

    padding-top: 7px;

}

                

.main ul.tabNavigation li a:focus {

    outline: 0;

}



.main div.content-tab > div {

    padding: 15px;

    margin-top: 3px;

    margin-bottom: 30px;

    border: 1px solid #ccc;

}

                

.main div.content-tab > div h2 {

    margin-top: 10px;

}



.main #first {

    background-color: #fff;

}



.main #second {

    background-color: #fff;

}



.main #third {

    background-color: #fff;

}

                

                

/* CONTENT TOGGLE STYLES

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



.main #toggle-view {

	list-style:none;

	font-family:arial;

	font-size:12px;

	margin:0;

	padding:0 0 20px 0;

	width:630px;

}



	.main #toggle-view li {
	margin:10px;
	border-bottom:1px solid #ccc;
	position:relative;
	cursor:pointer;
	visibility: visible;

	}

	

	.main #toggle-view h3 {

	margin:0;

	font-size:12px;

	padding: 5px 0 10px;

	color: #0B8ECE;

	font-weight: bold;

	}



	.main #toggle-view span {

		position:absolute;

		right:5px; top:0;

		color:#ccc;

		font-size:13px;

	}

	

	.main #toggle-view p {

		margin:5px 0;

		display:none;

	}

	

/* CONTENT STYLES

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

	

/*.main table {

	margin: 210px 0;

	width: 100%;

}



.main table th {

	border: 1px solid #e5e5e5;

	padding: 10px 0;

	color: #17222d;

	font-weight: normal;

}



.main table td {

	border: 1px solid #e5e5e5;

	text-align: center;

	padding: 3px 0;

}*/



.main p.box {

	padding: 12px 12px 12px 35px;

	text-shadow: 0px 1px 1px rgba(255,255,255,0.5);

	background: url(../img/icon-boxes.png) no-repeat;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



.main p.download {

	border: 1px solid #dddfa4;

	background-color: #eff1b9;

	color: #737624;

	background-position: 5px 2px;

}



.main p.warning {

	border: 1px solid #f28f8b;

	background-color: #ffcfcd;

	color: #e10000;

	background-position: 7px -40px;

}



.main p.info {

	border: 1px solid #9acbef;

	background-color: #caecff;

	color: #0468b0;

	background-position: 8px -82px;

}



.main a.button {

	display: inline-block;

	border: 1px solid #d9dfe4;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	color: #999;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

	margin: 0 0 17px 0;

}



.main a.button:hover {

	text-decoration: underline;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f8f9), to(#fff));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

}



.main a.button span {

	display: block;

	padding: 0 17px;

	line-height: 32px;

	border-radius: 2px;

	color: #999;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}



.main span.high_dark {

	background-color: #ddd;

	color: #303030;

	padding: 1px 3px;

}



.main span.high_red {

	background-color: #a81632;

	color: #fff;

	padding: 1px 3px;

}



.main img.right {

	float:right;

	margin: 10px 20px 10px 20px;

}



.main img.left {

	float:left;

	margin: 10px 20px 10px 20px;

}

	



/* HOMEPAGE STYLES

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



div.col {

	width: 203px;

	background-color: #fff;

	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);

	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

	padding: 25px;

	float: left;

	margin: 0 23px 0 0;

}



div.clients ul.group img {

	border: 1px solid #d5d2d1;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	padding: 4px;

	background-color: #fff;

}



div.clients {

	width: 357px;

	margin-right: 0;

}



div.col h3 {

	font-size: 24px;

	font-weight: normal;

	color: #999;

	margin-bottom: 20px;

}



div.col h4 {

	font-size: 12px;

	font-weight: normal;

	color: #999;

	text-transform: uppercase;

	margin: -10px 0 15px -24px;

	padding: 0 0 20px 24px;

	background: url(../img/bg-col-h4.png) bottom left no-repeat;

}



div.col h5 {

	color: #999;

	margin-bottom: 18px;

}



div.col img.right {

	float: right;

	margin: 3px 0 4px 14px;

	border: 1px solid #d5d2d1;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	padding: 4px;

	background-color: #fff;

}



div.col a.more {

	display: block;

	float: right;

	padding: 0 17px;

	line-height: 28px;

	border: 1px solid #d9dfe4;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	color: #999;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

}



div.clients ul {

	overflow: hidden;

	margin: 30px 10px 8px;

}



div.clients ul li {

	float: left;

	margin: 0 15px 17px 0;

}



div.clients ul li:nth-child(3n+3) {

	margin-right: 0;

}



/* MAIN STYLES

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



div.title {

	background-color: #ddd;

	border-top: 1px solid #aaa;

	position: relative;

	font-size: 12px;

	color: #303030;

	text-shadow: 1px 1px 1px #fff;

	padding: 12px 12px 12px;

}



div.title:before {

	content: '';

	display: block;

	height: 1px;

	width: 960px;

	background-color: #ddd;

	position: absolute;

	top: 0; left: 0;

}



div.title h2 {

	border: none!important;

	font-size: 18px;

	font-weight: normal;



	text-shadow: none;

}



/* Content */



div.content {

	background: #fff url(../img/bg-content.png) repeat-y;

	padding: 15px;

	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);

	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

}



div.content-full {

	background: #fff;

	padding: 25px;

	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);

	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

}



div.content pre {

	display: block;

	margin-bottom: 15px;

	background: url(../img/bg-code.png) 100% 100% repeat-x;

}



div.content code {

	display: block;

	padding: 15px 5px;

	background: url(../img/bg-code.png) 0 0 repeat-x;

	letter-spacing: -1px;

}



div.content h3 {

	font-size: 18px;

	font-weight: normal;

	color: #999;

	margin-top: 10;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 2px;

}



div.content-full .column {

	float: left;

}



div.content-full .one_third {

	width: 265px;

	margin: 0 55px 25px 0;

}



div.content-full .two_third {

	width: 585px;

	margin: 0 55px 25px 0;

}



div.content-full .one_half {

	width: 435px;

	margin: 0 40px 25px 0;

}



div.content-full .one_fourth {

	width: 201px;

	margin: 0 35px 25px 0;

}



div.content-full .three_fourth {

	width: 673px;

	margin: 0 35px 25px 0;

}



div.content-full div.final {

	margin-right: 0 !important;

}



div.content .one_third {

	width: 265px;

	margin: 0 55px 25px 0;

}



div.content .two_third {

	width: 585px;

	margin: 0 55px 25px 0;

}



div.content .one_half {

	width: 435px;

	margin: 0 40px 25px 0;

}



div.content .one_fourth {

	width: 201px;

	margin: 0 35px 25px 0;

}



div.content .three_fourth {

	width: 673px;

	margin: 0 35px 25px 0;

}



div.content div.final {

	margin-right: 0 !important;

}



div.content ul.good {

	margin: 20px 10px;

}



div.content ul.good li {
	line-height: 24px;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows-colored.png) 0 4px no-repeat;

}

div.content ul.good1 {

	margin-top: 20px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 18px;

}



div.content good1  {

	line-height: 24px;

	padding: 0 0 0 30px;

	background: url(../img/good1.png) 0 4px no-repeat;

}



div.content ul.bad {

	margin: 20px 10px;

}



div.content ul.bad li {

	line-height: 24px;

	padding: 0 0 0 20px;

	background: url(../img/bg-arrows-colored.png) 0px -20px no-repeat;

}



div.content a.btn_link {

	display: inline-block;

	margin: 0 0 15px 0;

	background: url(../img/btn-grey.png) 0 0 no-repeat;

}



div.content a.btn_link span {

	display: block;

	height: 32px;

	line-height: 30px;

	padding: 0 17px;

	text-transform: uppercase;

	font-size: 10px;

	font-weight: bold;

	color: #fff;

	text-shadow: 1px 1px 1px rgba(0,0,0,.3);

	background: url(../img/btn1-grey.png) 100% 100% no-repeat;

}



div.content a.btn_link:hover {

	text-decoration: none;

}





/* Main styles */



div.content div.main {

	width: 680px;

	float: left;

	padding-top: 0;

	padding-right: 5px;

	padding-bottom: 0;

	padding-left: 25px;

}



/* Post styles */



.post {

	padding: 0 0 30px 0;

	margin: 0 0 20px 0;

	background: url(../img/bg-post.png) 50% 100% no-repeat;

}



.post img.main-thumb {

	border: 1px solid #d5d2d1;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	float: left;

	padding: 8px;

	background-color: #fff;

	margin: 0 0 15px 0;

	

}



.post h2 {

	font-size: 24px;

	font-weight: normal;

	color: #797979;

	margin-bottom: 15px;

}



.post ul.meta {

	overflow: hidden;

	border-bottom: 1px solid #eaeaea;

	border-top: 1px solid #eaeaea;

	margin: 0 0 15px 0;

}



.post ul.meta li {

	float: left;

	margin: 0 15px 0 0;

	line-height: 32px;

	padding: 0 0 0 18px;

	background: url(../img/bg-arrows.png) 0 1px no-repeat;

}



.post ul.meta li a {

	color: #797979;

}



.post ul.meta li a:hover {

	color: #999;

}



.post a.more {

	display: block;

	float: right;

	padding: 0 17px;

	line-height: 28px;

	border: 1px solid #d9dfe4;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	color: #999;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

}



.post .author,

.post .share {

	border: 1px solid #d5d2d1;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fafafa));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #fafafa);	

	padding: 12px;

	line-height: 16px;

	margin: 30px 0 0 0;

}



.post .author img.avatar {

	border: 1px solid #d5d2d1;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	float: left;

	padding: 4px;

	background-color: #fff;

	margin: 0 20px 0 0;

}



.post .author h4,

.post .share h4 {

	color: #999;

	font-size: 18px;

	font-weight: normal;

	margin-bottom: 10px;

}



.post .author p:last-child,

.post .share p:last-child {

	margin-bottom: 0;

}



.post .share {

	padding: 15px 0 0 25px;

}



.post .share h4,

.post .share p {

	float: left;

}



.post .share ul {

	overflow: hidden;

	float: right;

	width: 385px;

}



.post .share ul li {

	float: left;

	margin: 0 27px 14px 0;

}



.post .share ul li a {

	display: block;

	width: 28px;

	height: 28px;

	background: url(../img/icon-social.png) 0 0 no-repeat;

}



.post .share ul li.fb a {

	background-position: -55px 0;

}



.post .share ul li.buzz a {

	background-position: -110px 0;

}



.post .share ul li.bump a {

	background-position: -163px 0;

}



.post .share ul li.reddit a {

	background-position: -216px 0;

}



.post .share ul li.email a {

	background-position: -268px 0;

}



.post .share ul li.linked a {

	background-position: -319px 0;

}



.post .share ul li.digg a {

	background-position: 0 -42px;

}



.post .share ul li.deli a {

	background-position: -55px -42px;

}



.post .share ul li.stumble a {

	background-position: -110px -42px;

}



.post .share ul li.technorati a {

	background-position: -163px -42px;

}



.post .share ul li.float a {

	background-position: -216px -42px;

}



.post .share ul li.ms a {

	background-position: -268px -42px;

}



.post .share ul li.rss a {

	background-position: -319px -42px;

}





/* COMMENTS

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



h3#comments {

	margin-top: 30px;

	margin-bottom: 10px;

	font-weight: bold;

}



#author,#email,#comment,#url,#searchfield {

	background:#FFF !important;

	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	border-color:#6d6d6d #bfbfbf #bfbfbf #6d6d6d;

	border-style:solid;

	border-width:1px;

	padding:5px;

}



#author,#email,#url {

	width:220px;

	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	margin: 0 10px 0 0;

	font: normal 12px/18px Arial, sans-serif;

	color: #767676;

}



#commentform textarea {

	width:98%;

	height:250px;

	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	font: normal 12px/18px Arial, sans-serif;

	color: #767676;

}



#commentform label {

	font:12px Arial, sans-serif;

}



.reply {

	overflow: hidden;

}



.reply a,.reply a:visited {

	color:#17222d;

	display:block;

	text-align:right;

	text-decoration:none !important;

	font:bold 11px Arial, sans-serif;

	position:relative;

	float:right;

	padding:5px !important;

	margin-bottom: 10px;

}



.reply a:hover {

	text-decoration:none;

	color:#777;

}



.commentlist {

	margin: 0 0 20px !important;

}



.commentlist li {

	font:13px Arial, sans-serif;

	line-height:160%;

	background:#fff;

	border-bottom:1px solid #DDD;

	list-style:none;

	margin:0;

	padding:20px 15px 5px;

}



.commentlist li ul {

	margin: 0 0 20px 40px !important;

}



.commentlist li img.avatar {

	padding: 5px;

	background-color: #fff;

	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);

	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);

	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);

}



.commentlist li h3 {

	font:16px Arial, sans-serif;

	font-weight:700;

	line-height:24px;

	border-bottom:2px solid #303030;

	color:#17222d;	

}



.commentlist li li {

	border-bottom:none;

	border-left:3px solid #e5e5e5;

	padding-left:25px;

	padding-bottom:10px;

	padding-top:20px;

	margin:0 0 20px 20px;

}



.commentlist code {

	background:#fff;

	color:#777;

	margin:10px;

	padding:6px;

}



.avatar {

	float:left;

	border:none;

	margin:0 15px 20px 0;

	padding:2px;

}



#trackbacklist li {

	margin:10px 0 10px 35px;

}



#trackbacklist {

	margin:10px 0 20px;

}



#trackbacklist cite {

	font-style:normal;

}



cite.fn {

	font:18px Arial, sans-serif;

	font-weight:700;

	letter-spacing:-0.05em;

	display:block;

	padding:3px 0 0;

}



.says {

	display:none;

}



.comment-author {

	overflow:hidden;

}



.commentmetadata {

	float:left;

}



.comment-date a,.comment-date a:visited {

	color:#9f9f9f;

	font-size:10px;

	text-decoration:none;

}



.commentmetadata a:hover,.commentmetadata a:active {

	text-decoration:underline;

	color:#333;

}



#respond {

	padding-top:15px;

}



#respond #submit {

	border: none;

	background-color: #999;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	padding: 10px 20px;

	cursor: pointer;

	font: bold 20px Arial, sans-serif;

	color: #fff;

	text-transform: uppercase;

	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);

	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);

	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);

}



#respond #submit:hover {

	color: #eee;

}



p#cancel-comment-reply {

	font:10px Arial, sans-serif;

	font-weight:700;

	text-decoration:none;

	float:right;

	background:#c61818;

	-webkit-border-radius:2px;

	-moz-border-radius:2px;

	color:#fff;

	line-height:22px;

	margin-top:-25px;

	padding:0 10px;

}



p#cancel-comment-reply a {

	color:#fff;

	text-decoration:none;

}



p.love {

	font:12px Arial, sans-serif;

	color:#777;

	line-height:160%;

	padding:10px 0;

}





/* SIDEBAR AND WIDGETS

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



div.content div.sidebar {

	width: 170px;

	float: left;

	background: url(../img/bg-sidebar.png) 0 0 repeat-y;

	padding-top: 0;

	padding-right: 25px;

	padding-bottom: 0;

}



.sidebar .widget {

	margin: 0 0 30px 0;

}



.sidebar .widget h4 {

	color:#333333;

	font-weight: normal;

	font-size: 18px;

	padding: 0 0 25px 0;

	margin: 0 0 10px 0;

	background: url(../img/bg-col-h4.png) 0% 100% no-repeat;

}



.sidebar div.widget ul {

	margin: 0 0 0 0px;

}



.sidebar div.widget ul li {

	line-height: 28px;

	background: url(../img/bg-dots.png) 0 100% repeat-x;

}



.sidebar div.widget ul li a {

	display: block;

	color: #0B8ECE;

	padding: 0 0 0 20px;

	background: url(../img/bg-arrows.png) 0 0 no-repeat;

	text-decoration:none;

}



.sidebar div.widget ul li a:hover {

	color: #999;

	background-position: 0 -28px;

	text-decoration: none;

}



.sidebar div.twitter ul li {

	line-height: 18px;

	padding: 15px 0 15px 0;

}



.sidebar div.twitter ul li a {

	background: none;

	padding: 0;

	color: #999;

	font-style: italic;

}



/* Popular posts */



.sidebar .popular ul li {

	overflow: hidden;

	padding: 15px 0 10px 0;

	line-height: 18px !important;

}



.sidebar .popular ul li h5 a {

	color: #434343;

	font-size: 12px;

	

}



.sidebar .popular ul li a {

	padding: 0 !important;

	background: none !important;

}



.sidebar .popular ul li img {

	float: left;

	margin: 0 9px 15px 1px;

}



.sidebar .popular ul li em {

	font-size: 10px;

	color: #797979;

}



.sidebar .popular ul li small a {

	color: #797979;

}



/* BOTTOM SECTION - TABS

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



div.tab-nav {

	margin: 20px 0;

	clear: both;

}



div.tab-nav ul li {

	float: left;

	margin: 0 13px 0 0;

	background: url(../img/btn-grey.png) 0 0 no-repeat;

}



div.tab-nav ul li a {

	display: block;

	height: 32px;

	line-height: 30px;

	padding: 0 17px;

	text-transform: uppercase;

	font-size: 10px;

	font-weight: bold;

	color: #fff;

	text-shadow: 1px 1px 1px rgba(0,0,0,.3);

	background: url(../img/btn-grey.png) 100% 100% no-repeat;

}



div.tab-nav ul li.hover {

	background: url(../img/btn-light.png) 0 0 no-repeat;

}



div.tab-nav ul li a:hover {

	text-decoration: none;

	color: #797979;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);

	background: url(../img/btn-light.png) 100% 100% no-repeat;

}



div.tabs {

	background-color: #fff;

	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);

	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

	padding: 20px;

}



div.tabs h2 {

	font-size: 20px;

	margin-bottom: 20px;

}



div.tabs div.widget {

	float: left;

	width: 190px;

	padding: 0 20px;	

}



div.tabs div.widget h4 {

	font-size: 12px;

	font-weight: normal;

	text-transform: uppercase;

	color: #797979;

	padding: 0 0 15px 0;

	background: url(../img/bg-col-h4.png) 0% 100% no-repeat;

}



div.tabs div.widget ul {

	margin: 0 35px 0 15px;

}



div.tabs div.widget ul li {

	line-height: 28px;

	background: url(../img/bg-dots.png) 0 100% repeat-x;

}



div.tabs div.widget ul li a {

	display: block;

	color: #797979;

	padding: 0 0 0 20px;

	background: url(../img/bg-arrows.png) 0 0 no-repeat;

}



div.tabs div.widget ul li a:hover {

	color: #999;

	background-position: 0 -28px;

	text-decoration: none;

}



div.tabs div.widget a.more {

	display: block;

	float: right;

	padding: 0 17px;

	line-height: 28px;

	border: 1px solid #d9dfe4;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	color: #999;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

}



/* COLORTIP STYLINGS

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



.colorTip{

	/* This class is assigned to the color tip span by jQuery */

	

	display:none;

	position:absolute;	

	left:50%;

	top:-30px;

	padding:6px;

	

	background-color:white;

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

	font-style:normal;

	line-height:1;

	text-decoration:none;

	text-align:center;

	text-shadow:0 0 1px white;

	white-space:nowrap;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	border-radius:4px;

}



.pointyTip,.pointyTipShadow{

	/* Setting a thick transparent border on a 0x0 div to create a triangle */

	border:6px solid transparent;

	bottom:-12px;

	height:0;

	left:50%;

	margin-left:-6px;

	position:absolute;

	width:0;

}



.pointyTipShadow{

	/* The shadow tip is 1px larger, so it acts as a border to the tip */

	border-width:7px;

	bottom:-14px;

	margin-left:-7px;

}



.colorTipContainer{

	position:relative;

	text-decoration:none !important;

}





/* 6 Available Color Themes */



.white .pointyTip{ border-top-color:white;}

.white .pointyTipShadow{ border-top-color:#ddd;}

.white .colorTip{

	background-color:white;

	border:1px solid #DDDDDD;

	color:#555555;

}



.yellow .pointyTip{ border-top-color:#f9f2ba;}

.yellow .pointyTipShadow{ border-top-color:#e9d315;}

.yellow .colorTip{

	background-color:#f9f2ba;

	border:1px solid #e9d315;

	color:#5b5316;

	font:Arial, Helvetica, sans-serif;

	font-size:12px;

}



.blue .pointyTip{ border-top-color:#d9f1fb;}

.blue .pointyTipShadow{ border-top-color:#7fcdee;}

.blue .colorTip{

	background-color:#d9f1fb;

	border:1px solid #7fcdee;

	color:#1b475a;

}



.green .pointyTip{ border-top-color:#f2fdf1;}

.green .pointyTipShadow{ border-top-color:#b6e184;}

.green .colorTip{

	background-color:#f2fdf1;

	border:1px solid #b6e184;

	color:#558221;

}



.red .pointyTip{ border-top-color:#bb3b1d;}

.red .pointyTipShadow{ border-top-color:#8f2a0f;}

.red .colorTip{

	background-color:#bb3b1d;

	border:1px solid #8f2a0f;

	color:#fcfcfc;

	text-shadow:none;

}



.black .pointyTip{ border-top-color:#333;}

.black .pointyTipShadow{ border-top-color:#111;}

.black .colorTip{

	background-color:#333;

	border:1px solid #111;

	color:#fcfcfc;

	text-shadow:none;

	font:Arial, Helvetica, sans-serif;

	font-size:12px;

}



/* PORTFOLIO

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



ul#filter { 

	float: left; 

	font-size: 16px; 

	list-style: none; 

	margin-left: 20px; 

	margin-top: 30px;

	width: 100%; 

}



ul#filter li { 

	border-right: 1px solid #dedede;

	float: left;

	line-height: 16px;

	margin-right: 10px;

	padding-right: 10px;

}



ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }

ul#filter a { 	

	color: #797979;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase; 

}

ul#filter df3f00 { 	

	color: #999;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase; 

}

ul#filter li.current a { 

	padding: 10px;

	border: 1px solid #d9dfe4;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	color: #999;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

}



ul#portfolio { 

	float: left; 

	list-style: none; 

	margin-left: 0; 

	margin-top: 40px;

	width: 900px; 

}



ul#portfolio li {  

	float: left; 

	margin: 0 16px 30px 16px; 

	padding: 5px;

	width: 180px;

}



ul#portfolio li p{  

	float: left; 

	margin: 3px 0 10px 0; 

	padding: 5px;

	line-height: 18px;

}



ul#portfolio li a.more {

	display: block;

	float: right;

	padding: 0 17px;

	line-height: 28px;

	border: 1px solid #d9dfe4;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	color: #999;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

}



ul#portfolio a { display: block;  }

ul#portfolio a:hover { text-decoration: none; }

ul#portfolio img { 

	border: 1px solid #eee;

	display: block;

	padding: 8px;

	background-color: #fff;

	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);

	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);

	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);

}



.nivoZoomHover {

	position:absolute;

	top:0px;

	left:0px;

	z-index:9;

	width:100%;

	height:100%;

	cursor:pointer;

}

.nivoCaption {

	display:none;

	position:absolute;

	z-index:110;

	text-align:center;

	background:#010101;

	color:#fff;

	padding:4px 0;

	overflow:hidden;

}



a.nivoZoom {

	border:0 !important;

}

a.nivoZoom img {

	-moz-box-shadow:0px 0px 5px #000;

	-webkit-box-shadow:0px 0px 5px #000;

	box-shadow:0px 0px 5px #000;

}

a.nivoZoom img.nivoLarge {

	-moz-box-shadow:0px 0px 10px #000;

	-webkit-box-shadow:0px 0px 10px #000;

	box-shadow:0px 0px 10px #000;

	z-index: 5000;

}

.nivoZoomHover {

	background:url(../img/zoom.png) no-repeat 50% 50%;

}

.nivoZoomHover.loading {

	background:url(../img/loading.gif) no-repeat 50% 50%;

	border:4px solid #000;

	width:16px;

	height:16px;

	top:43%;

	left:43%;

	opacity:0.8;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	border-radius:4px;

}



/* PORTFOLIO SLIDER 

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



#portfolio-slider {

	width:619px;

	overflow:hidden;

	position: relative;

	height:570px;

	margin:20px 10px 20px 10px;

}

 

#portfolio-slider .cover {

	width:1857px; /*------- class mystuff width * number of mystuff divs (160 * 3 = 480)---------- */

	position: absolute;

	height:570px;

}

 

#portfolio-slider .portfolio-img {

	width:619px;

	float:left;

	padding:20px 0;

}

 

.button1,.button2,.button3 {

	margin: 10px 10px -10px 10px;

	display: block;

	float: left;

	padding: 2px 20px;

	line-height: 28px;

	border: 1px solid #d9dfe4;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	color: #797979!important;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);



}

.active {

	display: block;

	float: left;

	padding: 2px 20px;

	color: #999!important;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f8f9), to(#fff));

	background: -moz-linear-gradient(0% 0% 90deg, #f7f8f9, #fff);

}

.clear {

	clear:both;

}



#contact-area {

	width: 600px;

	margin-top: 45px;

}



#contact-area input, #contact-area textarea {

	padding: 5px;

	width: 471px;

	font-size: 1.2em;

	margin: 0px 0px 10px 0px;

	border: 1px solid #ccc;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));

	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

}



#contact-area textarea {

	height: 90px;

}



#contact-area textarea:focus, #contact-area input:focus {

	border: 1px solid #31353c;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f8f9), to(#fff));

	background: -moz-linear-gradient(0% 0% 90deg, #f7f8f9, #fff);

}



#contact-area input.submit-button {

	width: 100px;

	float: right;

}



label {

	float: left;

	text-align: right;

	margin-right: 15px;

	width: 100px;

	padding-top: 5px;

	font-size: 1.4em;

}



label.error { 

	float: left;

	text-align: right;

	margin-right: 15px;

	margin-top: -10px;

	width: 600px;

	padding-bottom: 15px;

	font-size: 1.1em;

	color: #f00;

}

#contact-area p { clear: both; }

#contact-area .submit { margin-left: 12em; }

#contact-area em { font-weight: bold; padding-left: 5px; vertical-align: top; }



/* FOOTER

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



.footer {

	margin: 20px;

}



.footer p {

	float: left;

}



.footer ul {

	float: right;

	overflow: hidden;

}



.footer ul li {

	float: left;

	margin: 0 40px 0 0;

}



.footer ul li:last-child {

	margin-right: 0;

}



.footer ul li a {

	color: #797979;

}





/* MISC.

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



.hide {

	display: none;

}



.clear {

	clear: both;

}





/* self-clear floats */



.group:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}



/* ---- Breadcrumbs ---- */



#breadcrumbs	{

	width:940px;

	font:12px Arial, Helvetica, sans-serif;

	color:#0B8ECE;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 8px;

	padding-left: 5px;

				}

				

#breadcrumbs a	{

				color:#666666;

				text-decoration:none;

				}

				

#breadcrumbs a:hover	{

				color:#333333;

				text-decoration:none;

				}





.alignleft		{float:left;}

.alignright		{float:right;}

.aligncenter	{

				width:auto;

				display:block;

				margin:0 auto;

				}



.alignleft 		{

				margin-right:10px;

				

				}

				

.alignright		{

				margin-left:10px;

				margin-bottom:5px;

				}



.aligncenter	{margin:0 auto 10px;}



.pagina {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: bold;

	text-align:center;

	}

	

td img {display: block;}

</style>

<script type="text/javascript">	

fondo_tabla {

	background-color: #FF0000;

}

.fondo_tabla_azul {

	background-color: #0B8ECE;

	font-weight: bold;

	color: #FFFFFF;

	line-height: normal;

	border: 1px solid #FFFFFF;

	text-align: center;

	padding: 3px 0;

}

.fondo_tabla_contenido {
	background-color: #EEEEEE;
	border: 1px solid #FFFFFF;
	text-align: center;
	padding: 3px 0;
	line-height: normal;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color: #333333;
}
.fondo_tabla_contenido_blockquote {
	background-color: #EEEEEE;
	border: 1px solid #FFFFFF;
	text-align: center;
	padding: 3px 0;
	line-height: normal;
	padding-left:40px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color: #333333;
}

ul.unordered li	{

	padding-top: 2px;

	padding-right: 0;

	padding-bottom: 2px;

	padding-left: 29px;

				}

ul.unordered.good1 li	{background:url(../img/good1.png) 0 5px no-repeat;}	

ul.unordered.chico li	{background:url(../img/bullet.png) 0 5px no-repeat; padding-left:16px; padding-top: 4px;}				



.fin-modulo {

	border: thin dashed #66CC33;

	font-style: italic;

	font-weight: bold;

	color: #3399FF;

}
.texto_inter {
	right: 30px;
}