/*
DESIGN NAME: Catalizado
DESIGN URI: http://www.be-studios.com
VERSION: 4
DESCRIPTION: Basaddo en UBSwiss
DESIGNER: -
DESIGNER URI: -
*/


/* @group Layout */

html * {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

body {
	color: #333333;
	text-align: left;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 101%;
	line-height: 130%;
	background-color: #FFFFFF;
}
/*
#header {
	background-color: #000000;
}
*/

	#header #pages {
		width: 320px;
		float: right;
		margin-top: 50px;
		list-style-type: circle;
	}

	#header #pages #search .text-input{
	width:150px;
	border:1px solid #999;
	padding:2px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	}
	
	#header #pages #search .submit-button{
	background:#FFF;
	border:1px solid #999;
	padding:2px 4px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	}
	
	#header #pages h3{
	color:#999;
	font-weight:lighter;
	display:none;
	}
	
	#header #pages ul li a{
	color:#FFF;
	width:90px;
	padding:1px;
	margin:15px 6px 0 0;
	background:#999;
	font-size:12px;
	float:left;
	text-align:center;
	display:block;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	}
	
		#header #pages ul li a.btn_rss{
			width:40px;
			margin-right: 0;
			padding-left: 12px;
			background:#f60 url(images/icon_rss.gif) 5px center no-repeat;
		}
		#header #pages ul li a.btn_twitter{
			width:40px;
			padding-left:5px;
			padding-right:5px;
			background:#33CBFE;
		}
	
	#header #pages ul li a:hover{
	background:#FF0066;
	}
	
	
	#header #pages ul li{
	list-style:none;
	
	}
	
	
	#header .izq {
		width: 500px;
		float: left;
	}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#access {
	margin-left: 20px;
	margin-right: 20px;
	display: none;
}

#menu {
	display: inline;
}

#blog-title {
	font-size: 4em;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	color: #000000;
	line-height: normal;
	letter-spacing:-2px;
	background:url('images/isocat.gif') no-repeat 0px 16px;
	padding-left:115px;
}

#blog-title a:link, #blog-title a:visited {
	color: #000000;
	text-decoration: none;
}

#blog-title a:hover {
	color: #FFF;
	letter-spacing: normal;
}

#blog-description {
	color: #CCC;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 140px;
	line-height: normal;
	font-family: "Helvetica Neue Light", Helvetica, Arial;
}

.subheading {
	margin-right: 20px;
	margin-left: 20px;
}

#content {
	float: left;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0px;
}

#ads {
	clear:both;
	width:730px;
	margin:0 auto;
	text-align:center;
}

#ads-home {
	clear:both;
	width:730px;
	text-align:center;
	padding:35px 0;
}


.subheading {
	margin-right: 20px;
	margin-left: 20px;
}

#primary {
	float: left;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#secondary {
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#footer {
	clear: both;
	font-size: 0.68em;
	margin-left: 20px;
	text-align: left;
	margin-right: 20px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}

/* @end */


/* ------------ Form Contacto ------------ */
.bar{
	display:none;	
	background: url('images/loading.gif') center center no-repeat;
	height: 200px;
	width: 500px;
}



#contacto {
	margin: 20px 50px;
	width: 500px;
}

	#contacto label {
		display: block;
		float: left;
		width: 140px;
		text-align: right;
		margin-right: 10px;
		color: #333;
	}
	
		#contacto label.error {
			display: block;
			width: 500px;
			color: #f00!important;
			padding: 0;
			margin-bottom: 3px;
			float: none;
			font-size: 11px;
		}
		
	#contacto input, #contacto textarea {
		display: block;
		width: 340px;
		font-size: 18px;
		color: #333;
		border: 1px solid #ccc;
		margin-bottom: 5px;
		font-family: 'Lucida Grande', Arial, Helvetica, Verdana,sans-serif;
	}
	
	#contacto input.submit {
		width: 150px;
		margin: 10px auto;
		border: 0;
		background: #999;
		color: #000;
		font-weight: bold;
		padding: 4px;
		cursor: pointer;
	}
	
	#contacto .exito {
		text-align: center;
		color: #c00;
		line-height: 200px;
	}

/* fin contacto */



/* @group Comments */

#comments {
	clear: both;
	width: 920px;
	margin:0 20px 0 0;
	padding: 0;
}

form#commentform .form-label {
	margin: 1em 0 0;
}

form#commentform span.req-field {
	background: #fff;
	color: red;
}

form#commentform,form#commentform p {
	padding: 0;
}

input#author,input#email,input#url {
	width: 50%;
}

input#author,input#email,input#url,textarea#comment {
/*	padding: 0.2em;*/
	font-size: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border: 1px solid #999;
}

.comments ol li {
	line-height: 150%;
	list-style-position: inside;
	list-style-type: none;
}

textarea#comment {
	height: 7em;
	margin: 0 0 0.5em;
	overflow: auto;
	width: 66%;
}

li.comment {
	padding: 20px 0 0;
	border-bottom:1px dotted #000;
}

	li.comment p {
		padding: 1em;
		font-size: 0.9em;
	}

li.comment.bypostauthor {
	background: #cbc4ab;
	padding: 20px;
}
.comment-meta {
	font-size: 0.8em;
	font-style: italic;
}

#respond {
	padding-top: 50px;
}

#comments ol {
	margin: 0;
}

.comment-author {
	font-size: 1.2em;
}

/* @end */

/* @group Entries */

.entry-title:before {
	color: #d4d4d4;
}

.entry-title {
	clear: both;
	color: #FF0066;
	font-size: 180%;
	line-height: 140%;
	margin-top: 50px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.titulo {
	clear: both;
	color: #FF0066;
	font-size: 60px;
	line-height: 140%;
	margin-top: 30px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-weight:normal;
}

.entry-content {
	overflow: hidden;
	font-size:18px;
}

.entry-date {
	font-size: 76%;
	line-height: 1.4em;
}

.entry-meta {
	color: #333333;
	font-size: 76%;
	line-height: 1.4em;
}

.meta-sep {
	color: #333333;
}

.comments-link {
	color: #5e5e5e;
}

abbr.published {
	border: none;
	cursor: default;
}

/* @end */

/* @group Archive & Search */

.archive, .search {
	background: #ffffff;
}
/*
.archive .post, .search .post {
	width: 920px;
	margin-right: 20px;
	margin-left: 20px;
}
*/
.archive #nav-above, .search #nav-above {
	position: absolute;
	left: 720px;
	top: 300px;
	width: 242px;
	display: none;
}

.archive #nav-below, .search #nav-below {
	padding-top: 50px;
}

.archive #search, .search #search {
}

/* @end */

/* @group Home */

.home #content,
.category #content {
	float: left;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 70px;
}

.home .author {
	padding-right: 10px;
}

.home .entry-content,
.category .entry-content {
	display: block;
}

	.home .entry-content a,
	.category .entry-content a {
		float: left;
		margin-right: 10px;
	}
	
	.home .entry-content p,
	.category .entry-content p {
		font-size: 12px;
	}
	
	.home .destacado .entry-content {
		position: relative;
	}
	
		.home .destacado .entry-content h2 {
			position: absolute;
			bottom: 0;
			background: rgba(0,0,0,0.3);
			line-height: 100%;
			margin: 8px;
			padding:5px;
			width: 934px;
		}
	
/*
.home .navigation {
	display: none;
}
*/

.home #nav-above {
	display: none;
}

.home .edit-link {
	display: none;
}

.home .post,
.category .post {
	float: left;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	width: 440px;
}

.home .cat-links {
	display: none;
}

.home .meta-sep {
	display: none;
}

.p3, .p5, .p7, .p9, .p11, .p13, .p15, .p17, .p19, .p21, .p23, .p25 {
	clear: both;
}

/* @end */

/* @group Single */

.single .post {
	float: left;
	padding: 0;
	width: 920px;
	margin-right: 20px;
	margin-left: 20px;
}

.single #nav-above {
	position: absolute;
	left: 720px;
	top: 300px;
	width: 200px;
	display: none;
}

.single #nav-below {
	padding-top: 50px;
}

.single .entry-meta {
	line-height: 160%;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding: 0px;
}


/* @end */

/* @group Page */

.page {
	background: #ffffff;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.page #search {
	background: #ffffff;
}

.page .entry-content ul li {
	list-style-type: none;
	margin-left: 0;
}

/* @end */

/* @group Images */

img {
	border: none;
	overflow: hidden;
}

img.alignright {
	margin-left: 15px;
}

img.alignleft {
	margin-right: 15px;
}

img.center {
	text-align: center;
}

/* @end */

/* @group Links */

a:link, a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #FFF;
	background-color: #FF0066;
}

a img {
	border: 8px solid #eaeaea;
}

a:hover img {
	border-color: #33CBFE;
}

.entry-content a {
	font-weight: bold;
}

.single .entry-content a {
float:left;
margin-right:20px;
}

/* @end */

/* @group Lists */

.entry-content ul, ol {
	margin-left: 20px;
}

.entry-content ul li {
	list-style-type: square;
	margin-left: 20px;
}

.entry-content ol li {
	margin-left: 20px;
}

dl {
	padding: 0 40px 20px 0;
}

dt {
	font-weight: bold;
	padding: 20px 0 0 20px;
}

dd {
	padding: 0 20px 10px 20px;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	color: #eaeaea;
	padding-top: 2em;
}

/* @end */

/* @group Nav */

.nav-previous {
	float: left;
	margin-right: 20px;
}

.nav-next {
	float: right;
	margin-left: 20px;
}

#nav-below {
	clear: both;
	width: 920px;
	margin-right: 20px;
	margin-left: 20px;
}

/* @end */

/* @group Sidebars */

.sidebar {
	clear: both;
	line-height: 1.4em;
	width: 654px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
	font-size: 76%;
}

.sidebar, .sidebar ul,.sidebar li {
	display: inline;
}

.sidebar li h3 {
	color: #333333;
	display: inline;
	font-size: 1em;
	padding-right: 5px;
	font-weight: normal;
}

.sidebar input#s {
	width: 10em;
}

.sidebar ul li ul li:before {
	color: #ffffff;
/*	content: "_";*/
}

.sidebar ul li ul li {
	padding-right: 5px;
}

li#archives, li.linkcat, li#rss-links, li#meta {
	clear: both;
	display: block;
	float: left;
	width: 920px;
	margin-left: 20px;
	margin-right: 20px;
}

#categories {
	list-style: none; 
	font-size: 14px; 
	position: fixed;
	top: 0;
	left: -110px;
}

	#categories h3 {
		background: white;
		padding: 3px 20px 3px 10px; 
		margin-bottom: 2px; 
		width: 140px; 
		opacity: 0.5; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px; 
		color: black;
		margin-left: 30px;
		
	}
	
	#categories ul {
		margin-top: 2px; 
	}

	#categories li {
		background: black; 
		text-align: right; 
		padding: 3px 20px 3px 10px; 
		margin-left: 0; 
		margin-bottom: 2px; 
		width: 100px; 
		opacity: 0.3; 
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px;
		display: block;
	}
	
		#categories .amarillo	{background: yellow;}
		#categories .verde		{background: green;}
		#categories .azul		{background: blue;}
		#categories .blanco		{background: white;}
		#categories .marron		{background: brown;}
		#categories .gris		{background: gray;}
		#categories .naranjo	{background: orange;}
		#categories .negro		{background: black;}
		#categories .rojo		{background: red;}
			#categories .amarillo a,
			#categories .blanco a {color: black;}
	
	#categories a {
		color: white; 
		text-decoration: none; 
		display: block; 
		text-shadow: black 0 0 3px;
	}
	
	#categories a:hover {
		background: none;
	}

/*
#search {
	float: left;
	width: 905px;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
*/
/* @end */

/* @group Etc. */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

blockquote {
	border-bottom: 3px solid #eaeaea;
	border-right: 3px solid #eaeaea;
	font-weight: bold;
	margin: 25px;
	padding: 0 20px 5px;
}

.center {
	text-align: center;
}

p {
	padding: 10px 0;
}

code, pre {
	background: #d4d4d4;
	overflow: auto;
	padding: 4px;
}

h2.page-title {
	color: #333333;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 56px;
}

small {
	font-size: 0.85em;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

acronym, abbr {
	border-bottom: 1px dotted;
	cursor: help;
}

label {
	cursor: pointer;
}

/* @end */



.wp-pagenavi {
	width: 540px;
	margin: 0 auto;
	text-align: center;
}


/* -------------- CSSLab Worx ------------- */

#jobber-container {
	clear: both;
	margin: 40px 0 0 0;
}

ul.jobber-list {
  list-style-type: square;
  width: 300px;
  padding: 10px 160px 10px 10px;
  background: #efefef url('http://www.csslab.cl/worx/img/CSSLabWorx_neg.png') right center no-repeat;
  border: 2px solid #ccc;
}

ul.jobber-list li {
  	margin: 0 0 5px 20px;
	font-size: 11px;
}

	ul.jobber-list a {
  		color: #666;
	}
	
		ul.jobber-list a:hover {
	  		color: #fff;
		}


p.galeria {
	clear: both;
	padding: 70px 0;
}