@charset "UTF-8";

/* CSS Document */
/*------------------------------------------------------------------
[ STYLE.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.	RESET

2.	MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes

3.	FORMS
3.a  Form styles
3.b  Individual forms

4.	PLUGINS

5.	PRINT

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

1.	RESET
	Global reset for all HTML elements

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

@media handheld, projection, screen, print {

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left }
img, fieldset, abbr, acronym { border: 0 }
ul, ol { list-style: none }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; vertical-align: middle }
textarea { height: auto; overflow: auto }
option { padding-left: 0.6em }
button { background: none; border: 0; cursor: pointer; text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal; color:#666666; }


}

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

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/
	
body {
	font-family: Georgia, "Lucida sans", Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	padding: 0 0 30px;
	color:#000;
}



strong { color: #202325; font-weight: bold }
em { font-style: italic }

hr{background:#DFDDD5;color:#DFDDD5;clear:both;float:none;width:100%;height:1px;margin:0 0 11px;border:none;}

/* Headlines */
h1 {
	color: #181818;
	font-size: 1.8em;
	line-height: 1em;
	margin: 0 0 25px;
	font-weight:bold;
}

h2 {
	color: #181818;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 25px;
}
h3 {
	color: #181818;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 20px;
}
h4 {
	color: #181818;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 20px;
}
h5 {
	color: #181818;
	font-size: 1em;
	margin: 0 0 15px;
}
h6 {
	color: #181818;
	font-size: .90em;
	margin: 0 0 15px;
}



#footer h5 {
	margin-bottom:0 !important;
}


/* Anchors */
a, a:link, a:visited {
	text-decoration: none;
	color: #000;
}
a:hover, a:active, a.active {
	text-decoration: none;
	color: #111
}
a img { border: none; }

/*Paragraph*/

p{ margin-bottom:23px;}
/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

	
	.cabecera {
		width: 100%;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 20px 0;
		}
	
	.logo img { margin-top: 20px}

	.logo a {cursor: pointer;}

	.container { margin-top: 20px}
	


/*-------------------------------
2.c Navigations
-------------------------------*/

/* Page Nav */
.menu li{ list-style: none;}
.menu ul { margin-top: -5px}
.menu li a{ color: #000; border-bottom: 2px solid #FFF200; font-size: 14px; line-height: 25px; padding: 2px 0 0 0}

.menu li.current_page_item a, .menu li a:hover{ background: #FFF200}
/* Style drop down list */
.categories { margin-top: 25px}
.cats{ border-top: 1px dotted #eee; padding: 10px 0}
.cats .name{ font-weight: bolder; color: #0088B8}
.cats .name a {color: #0088B8}
.cats a { color: #000;}

/* Pagination */

.more_entries {
	clear:both;
	margin-bottom:20px;
	text-align:center;
	padding: 0 20px 0 20px;
}

.more_entries .wp-pagenavi strong {
	padding:5px;
	border:1px solid #E4E4E4;
	margin-right:5px;
}

.wp-pagenavi span.pages {
	border:none !important;
}

.more_entries .wp-pagenavi a strong {
	padding:0;
	border:none;
	margin-right:0;
}

.more_entries .wp-pagenavi a, .more_entries .wp-pagenavi .on {
	padding:5px !important;
	border:1px solid #E4E4E4 !important;
	margin-right:5px !important;
}
.more_entries .wp-pagenavi .on { font-weight:bold; }

.more_entries .wp-pagenavi a:hover {
	background-color:#E4E4E4;
	color:#333333;
}

#prevPosts {
	background: #232528;
	width: 460px;
	height: 200px;
	position: relative;
}
	
	#prevPosts h3 {
		color: #fff;
		height: 32px;
		padding: 5px 0 0 0;
		position: absolute;
		top: 10px; left: 10px;
	}


/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/
.descripcion{ font: 18px/32px georgia; margin-top: -3px}
.category a { display: block; padding: 5px 0; background: #FFF200; color: #000; text-align: center; border-bottom: none,}
.category 	{ margin-bottom: 17px}
.leermas	{ border-bottom: 2px solid #FFF200;}
.date, .comment{ font-size: 12px}
.contact	{ display: block; height: 20px; width: auto; float: right}
.contact a	{ padding: 0 1.5px 0 ;}

/*=== Slider ===*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 700px;
	height: 267px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 700px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#featured {
	float:left;
	width:700px;
	height:267px;
}

.featured_text {
	padding:20px 20px 0 0;
}

	.featured_text h2 {
		text-transform:uppercase;
	}

/*=== Slider Navigation ===*/

.Temas{ display: block; padding: 5px 0; background: #FFF200; color: #000; text-align: center; border-bottom: none}


/* Post Entry */

.entry h1 a, .entry h2 a, .entry h3 a, .entry h4 a{  border-bottom: none;  }
.entry h1 a:hover, .entry h2 a:hover, .entry h3 a:hover, .entry h4 a:hover{background:#FFF200}
.entry {
	border-bottom:1px dotted #CCCCCC;
	font-size:14px;
	line-height:20px;
	margin:25px 0;
	padding-bottom:25px;
}



.entry blockquote p {
	color: #666;
	font-size: 16px;
	font-style: italic;
	line-height: 22px;
}

.entry a {
 border-bottom: 2px solid #FFF200;

}
.entry ul li {
	background:transparent url(images/bullet.gif) no-repeat scroll 4px 4px;
	line-height:140%;
}

.entry ol li {
	line-height:140%;
	padding:0 0 1em 0;
	list-style-position: inside;
	list-style-type:decimal;
}



/* Post Image Styling */

/*=== Comments ===*/
.comment
	{ 
		background:url("../images/comments.gif") no-repeat scroll 0 center transparent;
		display:block;
		font-weight:bold;
		margin-right:3px;
		padding:0 0 6px 22px;
	}
.comment strong{ padding-left: 2px}
.comment-author .avatar{ display: none}

.comments-s{ font-size: 13px }
.cantidad{ background: url(../images/comments.gif) no-repeat; padding-left: 20px; padding-bottom: 4px; font-weight: bolder; font-size: 10px}
.comment-s{ border-bottom: 1px dotted #ccc; padding-bottom: 20px;margin-bottom: 20px; font-size: 13px }

/* Home Page Blog Module */



/*=== Comments ===*/

/*=== Widgetized Footer Section ===*/
.footer{ border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; font-size: 12px; padding: 20px 0; margin: 20px 0  }
.footer a { border-bottom: dotted 1px #000}
.footer strong{ font-variant: small-caps}
/*=== Widgets ===*/

 .twitterbole span.autor{ color:#808285;
							display:block;
							font-style:italic;
							margin-bottom:12px;
							position:relative;
							top:10px;}
 .twitterbole a{color: #808285}

.Citas span.autor{ margin-top: 20px; font-size: 11px; color: #808285; display: block }

span.autor{ margin-top: 20px; font-size: 11px; color: #808285; display: block }  /*MODIFICADO POR PABLITO PARA Q EN EL SINGLE APAREZCA IGUAL Q EN LA PORTADA*/
/*------------------------------------------------------------------

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a Form styles
-------------------------------*/

input.text { border: 1px solid #000; padding: 3px 0 3px 3px; margin: 0 0 5px 0; width: 577px; float: right; -moz-border-radius: 2px; -webkit-border-radius: 2px }
textarea{  border: 1px solid #000;-webkit-border-radius: 2px; -moz-border-radius: 2px; margin-left: -2px; position: relative; left: -2px; padding: 3px 0 3px 3px; width: 577px; float: right; position: relative; left: 1px}
label{  font-weight: bolder}
input.submit{ -moz-border-radius: 4px; background: #000; padding: 4px; color: #fff; border: none; position: relative; right: 6px; cursor: pointer}
select.select { width: 200px }


select.select.free {	width: auto }

button.button {
	color: #000;
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}




/* General forms */
form.form { /* nothing here */ }

	form.form ol.fieldset {	list-style: none }
	
		form.form ol.fieldset li.field {
			margin: 0 0 1em;
			position: relative;
		}
			form.form ol.fieldset li.field label {
				font-weight: bold;
				display: block;
			}
			
	form.form p.submit { /* nothing here */ }


/* Search forms where button and text input are next to each other  */
form.search { /* nothing here */ }

	form.search p.fields { margin: 0 }

		form.search p.fields input, form.search p.fields button {
			display: inline;
			vertical-align: middle;
		}

		
/*-------------------------------
3.b Individual forms
-------------------------------*/


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

4.	PLUGINS
	Predefined utilities

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

a.tt-flickr{ display:block; border-bottom: 8px solid #FFF200; margin-bottom: 20px}

.Flickr a.tt-flickr{ border: none}
.Flickr .descripcion{ margin: 3px 0; display: block; font-size: 12px}
.Flickr .descripcion .title { font-style: italic; text-align: right }
.Flickr .flickr_icn { padding-left: 30px; background: url(../images/flickr_icn.gif) center left no-repeat}

.Flickr .flickr_icn span{  border-bottom: 2px solid #FFF200}



.wp-paginate .title{ display: none}

.nivo-controlNav a.active, .wp-paginate .current {
	background:none repeat scroll 0 0 #000000;
	border:medium none;
	color:#FFF200;
	font-size:13px;
	margin-right:4px;
	margin-top:3px;
	padding:6px 12px;
	position:relative;
	top:4px;
}
.nivo-controlNav a, .wp-paginate a {
	background:none repeat scroll 0 0 #fff200;
	border:none;
	color:#000;
	margin-right:4px;
	padding:6px 12px;
	text-align:center;
	margin-top:3px;
	font-size:13px;
	position:relative;
	text-decoration:none;
	top:4px;
}
.nivo-controlNav a:hover, .wp-paginate a:hover{ background: #000; color:#fff200 }

.proyectos { display: block; margin-top: 45px}
/*-------------------------------
Utility classes
-------------------------------*/

.l { text-align: left }
.c { text-align: center }
.r { text-align: right }



.clear { clear: both }
.fl { float: left }
.fr { float: right }
.hide, .hidden, .skip { display: none }
.nomargin { margin-bottom: 0 !important }
.noborder { border: 0 !important }
.top { margin-top: 0 !important }

.hr { background: #ccc; height: 1px; margin: 1.5em 0; }
.hr hr { display: none }

.opacity { -moz-opacity: 0.95; opacity: 0.95; filter: alpha(opacity = 95); }
.rounded { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }

.fix {
	clear:both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}


/* Align */

.aligncenter {
	margin: 10px auto 20px auto;
	display: block;
}


.alignleft {
	margin: 10px 20px 8px 0;
	float: left;
}

.alignright {
	margin: 10px 0px 8px 20px;
	float: right;
}
.mcenter{ margin:0 auto}
.thumbnail {display: block;}
.box .thumbnail {margin: 0 0 5px 0 ;}
.bgcolor{ background:none repeat scroll 0 0 #FFF200;
font-size:17px;
line-height:36px;
padding:4px 0;}
.portfolio .bgcolor{ padding: 0; text-indent: 8px; font-size: 13px; font-weight: bolder}
.portfolio .posts_recientes { margin-top: 8px}
.portfolio .posts_recientes .recents{ padding: 5px 0}
.posts_recientes a { color: #0088B8; border: none}
.posts_recientes .recents	{ border-bottom: 1px dotted #ddd}
.vblog a{ padding: 0 10px}
.fleft{ float: left}
.home .entry{ border: none}
.bio .posts_recientes .recents { padding: 10px 0}
.border{ border-bottom: 8px solid #FFF200}
.tc{ text-align: center}
.tl{ text-align: left}
.tr{ text-align: right}
.blog #fb-like{ display: none}
.single #fb-like{ margin-top: 15px; border-top: 1px dotted #ccc; padding-top: 15px; margin-bottom: -10px}
.single .tags{  margin-top: 25px; border-top: 1px dotted #ccc; padding-top: 15px; margin-bottom: -10px}
.subt{ background:none repeat scroll 0 0 #FFF200;
font-size:14px;
line-height:36px;
padding:4px 0;
text-transform: uppercase}


/*------------------------------------------------------------------
	END CSS
------------------------------------------------------------------*/



/*temps*/
/**.container 	{ background: black}
.main		{ background: red}