﻿/*
Theme Name:W Skin
Theme URI: http://blog.grupow-cp,/
Description: Skin grupo.com <a href="http://grupow.com/">Grupo W</a>.
Version: 1
Author: Rafael Merino & Homero Sousa
Author URI: http://blog.grupow.com
Tags: white, custom header, fixed width, two columns, widgets

*/


/* @group Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande',Sans-Serif;
	color: #333;
	text-align: center;
	background-color: #000;
	margin: 0;
	padding: 0;

	}
html{
	padding: 0;
	margin: 0;
}	

#page {
	
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #080808;
	}

#header{
		background: #000 url(i/logoclaim.png) no-repeat 15px;
}

#headerimg 	{

	width: 740px;
	}

#content {
	font-size: 1.2em;
	
	}

.widecolumn .entry p {
	font-size: 1.05em;
	
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
   padding-left: 40px;
   
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

#footer {

	border: none;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3, h6 {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;

	}

#headerimg .description {

	}



h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h6, h6 a, h6 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, , h6, h6 a, h6 a:hover, h6 a:visited,#sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a {
text-decoration: none;

	}	
	.entry p a:visited {
	text-decoration: none;

		}
		
.entry p a:hover{
	color: #f8f8f8;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande',Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	
}



.commentlist cite, .commentlist cite a {
	
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande',Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande',Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover, h6 a:hover {
	color: #333;
	text-decoration: none;
	}



#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande',Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* @end */

/* @group Estructure */

/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}
	
ul#Archives{
padding: 0px;
margin-top: 0px;
min-height:30px;	
background-image: url(i/HOME/archives.png);
background-repeat: no-repeat;
list-style-type: none;

}

ul#Archives li{
	
padding-left: 120px;
list-style-type: none;
font-size: 12px;

}
	
#Categorias{
background-image: url(i/HOME/categorias.png);
background-repeat: no-repeat;
margin-top: 15px;
padding-left: 120px;
width: 130px;
}




#taglist{
background-image: url(i/HOME/tags.png);
background-repeat: no-repeat;
margin-top: 15px;
margin-bottom: 7px;
padding-left: 120px;
width: 120px;
}

ul#Categorias li{
margin: 0;
padding: 0;

}

ul#Categorias li h3{
margin: 0;
padding: 0;

}

.nonshow{
	
display:none;
}
	
#page {
	margin: 0px auto;
	padding: 0;
	width: 920px;
	overflow: hidden;
	
	}
	
#pagetop {
	margin: 0px auto;
	padding: 0;
	width: 920px;
	}


#header {
	margin: 0 0 0 1px;
	padding-left: 493px;
	height: 70px;
	background-color: #0c0c0c;
	

}

#headerimg {
	margin: 0;
	width: 100%;
	}

.narrowcolumn {
font-family: 'Lucida Grande', Sans-Serif;
	font-size: 12px;
	color: #999999;
	float: left;
	padding-top: 0px;
	padding-left: 16px;
	padding-right: 30px;
	padding-bottom: 0px;
	margin: 0px 0 0;
	width: 545px;
	background-color: #080808;
	overflow: hidden;
	}

.widecolumn {
	float: left;
	padding-top: 0px;
	padding-left: 16px;
	padding-right: 30px;
	padding-bottom: 0px;
	margin: 0px 0 0;
	width: 545px;
	background-color: #080808;
	overflow: hidden;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 0px;
	}

.widecolumn .postmetadata {
	margin: 0px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

/* @end */

/* @group Headers */


h1 {

	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h4 {
	margin: 30px 0 0;
	}
	
	
h2.pagetitle {

	text-align: center;
}

#sidebar h2 {
	margin: 0px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}


/* @end */



/* @group Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* @end */

/* @group List */


html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}



.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 7px 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/* @end */

/* @group Form Elements */

#searchform {
margin-left:5px
margin-right: 5px;
	width: 158px;
	}

 #s {
	
	width: 94px;
	height: 23px;
	border: none;
	background: url(i/recuadrosearch.png) no-repeat center center;
	color: #333;
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 3px;
	line-height: -10px;
	
}

 #searchsubmit {
	background: url(i/lupasearch.png) no-repeat left top;
	border: none;
	width: 32px;
	height: 23px;
	letter-spacing: -10000em;
    text-indent: -9999em;
    overflow: hidden;


}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
		font-family: 'Lucida Grande',Sans-Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #0d0d0d;
	padding: 2px;
	margin: 5px 10px 1px 0;
	padding-left: 5px;
	}

#commentform {
	margin: 5px 10px 0 35px;
	}

#commentform textarea {
	width: 100%;
	margin-top: 5px;
	padding: 0px;
	}
	
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

/* @end */

/* @group Comments */


.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	
	padding: 0px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}


/* @end */

/* @group Sidebar */


#sidebar
{
	padding: 25px 5px;
	margin-left: 645px;
	width: 250px;
	}

#sidebar form {
	margin: 0;
	}

#sidebar ul#categorias li a{
	height: 9px;
	display: block;
		 letter-spacing: -10000em;
    text-indent: -99999em;
    overflow: hidden;
}



#sidebar ul#categorias li a:hover{
	background-position: bottom;
}




/* @end */

/* @group Calendar */

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

/* @end */

/* @group Various Tags & Classes */

.hide{
	display: none;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.nonSpace{
clear: both;	
}	
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}


/* @end */

/* @group Captions */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* @end */

/* @group menus */


#header ul{
	display: inline;
	list-style-type: none;
}

#header ul li{
	height: 70px;
	float: left;
	padding-left: 10px;

}

.selected{
	padding-top: 20px;
	height: 70px;
	float: left;
	padding-left: 10px;
	background-color: black;

}

#header a:hover{
	background-position: 0 bottom;
}

.padTop{
	padding-top: 20px;
}

.padTopS{
	padding-top: 10px;
	
}

#buttonBlog {
   margin-top: 8px;
	display: block;	
	height: 10px;
	width: 46px;
	background: url(i/header/blogroll.png) no-repeat;
}



#buttonLabs{
margin-top: 8px;
	display: block;
	height: 10px;
	width: 46px;
	background: url(i/header/labsroll.png) no-repeat;
}

#buttonAbout{
margin-top: 8px;
	display: block;
	height: 10px;
	width: 57px;
	background: url(i/header/aboutroll.png) no-repeat;
}

#rss {
   margin-top: 6px;
	display: block;	
	height: 14px;
	width: 41px;
	background: url(i/rss/rss.png) no-repeat;
}

.raya{
	height: 10px;
	background-color: red;
	clear: both;
}

#header a{
 letter-spacing: -10000em;
    text-indent: -99999em;
    overflow: hidden;
}


#posteadopor {
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	color: #999999;
    margin:0px; /*para que no se pegue al borde*/ 
    padding-top:3px; /*algo de relleno*/
    padding-left:40px;
    width:535px; /*este ancho es para que cuadre con el texto*/ 
    height:18px; /*idem*/ 
    background-color:#000000 ; /*more*/ 
    float:left; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
        
    
}        
#comentadopor {
	 font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
    margin: 0 0 15px; /*para que no se pegue al borde*/ 
    padding-top:3px; /*algo de relleno*/
    padding-left:35px;
    color: #666666;
    width:525px; /*este ancho es para que cuadre con el texto*/ 
    float:left; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
    font-family: arial, verdana, sans-serif;
}


#compartirpor {
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	color: #666666;
    margin:0px; /*para que no se pegue al borde*/ 
    padding-top:3px; /*algo de relleno*/
    padding-left:40px;
    width:535px; /*este ancho es para que cuadre con el texto*/ 
    height:18px; /*idem*/ 
    background-color:#080808 ; /*more*/ 
    float:left; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
    
    
}        


#comentadopor p {
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #999999;
}

#comentadopor p.titulocomentario{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	color: #666666;
    padding-left: 5px;
    background-color:#000000 ; /*more*/ 
    

}

#comentadopor a{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
   text-transform:capitalize;
   text-transform: lowercase;
   text-decoration: none;
   color: #666666;

}

#posteadopor a{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
   text-decoration:line-through;
   text-transform:capitalize;
   text-transform: lowercase;
	
}
#fechapost{
margin-left: 40px;
	color: #fe2fa1;
	text-decoration: 
}
#fechapost a{
	text-decoration: none;
	
}
#fechapost a:hover{
color: #666666;
}




.linkcomentario{
color: #666666;
text-decoration: none;
}

#twitter{
	padding-top: 35px;
	background: transparent url(i/twitter.png) top left no-repeat;
	font-family: 'Lucida Grande',Sans-Serif;
	color: #666666;
	line-height: 14px;
	font-size: 10px;
	text-align: justify;
	padding-left: 13px;
	padding-right: 10px;
	margin-bottom: 8px;
	margin-top: 44px;
}

#twitter2{
	padding-top: 35px;
	background: transparent url(i/twitter.png) top left no-repeat;
	font-family: 'Lucida Grande',Sans-Serif;
	color: #666666;
	line-height: 14px;
	font-size: 10px;
	text-align: justify;
	padding-left: 13px;
	padding-right: 10px;
	margin-bottom: 8px;
	margin-top: 12px;
}

#fechatwitter {
    margin:0px; /*para que no se pegue al borde*/ 
    padding-top:3px; /*algo de relleno*/
    padding-left: 10px;
    padding-right: 5px;
    width:230px; /*este ancho es para que cuadre con el texto*/ 
    height:17px; /*idem*/ 
    background-position: 185px;
    background-repeat: no-repeat;
	 background-color: black;
    float:left; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    color: #b8b8b8;
    font-family: arial, verdana, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding-left: 15px;
	
}

#fechapostviaje{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
margin-left: 40px;
	color: #942aff;
	text-decoration: none;
}
#fechapostviaje a{
color: #942aff;
	text-decoration: none;
}
#fechapostviaje a:hover{
color: #666666;
}
.viaje{
color: #942aff;
}
.viaje a{
color: #942aff;
}

#fechapostcasa{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
margin-left: 40px;
	color: #ff5f2b;
	text-decoration: none;
}
#fechapostcasa a{
	text-decoration: none;
}
#fechapostcasa a:hover{
color: #666666;
}
.casa{
color: #ff5f2b;
}
.casa a{
color: #ff5f2b;
}

#fechapostbehind{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
margin-left: 40px;
	color: #00f1fa;
	text-decoration: none;
}
#fechapostbehind a{
	text-decoration: none;
}
#fechapostbehind a:hover{
color: #666666;
}
.behind{
color: #00f1fa;
}
.behind a{
color: #00f1fa;
}

#fechapostexperiencia{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
   margin-left: 40px;
	color: #ff27f2;
	text-decoration: none;
}
#fechapostexperiencia a{
	text-decoration: none;
}
#fechapostexperiencia a:hover{
color: #666666;
}
.experiencia{
color: #ff27f2;
}
.experiencia a{
color: #ff27f2;
}

#fechapostdesvarios{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
margin-left: 40px;
	color: #00ff75;
	text-decoration: none;
}
#fechapostdesvarios a{
	text-decoration: none;
}
#fechapostdesvarios a:hover{
color: #666666;
}
.desvarios{
color: #00ff75;
}
.desvarios a{
color: #00ff75;
}

#fechapostinspiracion{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
margin-left: 40px;
	color: #fffe27;
	text-decoration: none;
}
#fechapostinspiracion a{
	text-decoration: none;
}
#fechapostinspiracion a:hover{
color: #666666;
}
.inspiracion{
color: #fffe27;
} 
.inspiracion a{
color: #fffe27;
}

#fechapostrecomendaciones{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
margin-left: 40px;
	color: #00abf9;
	text-decoration: none;
}
#fechapostrecomendaciones a{
	text-decoration: none;
}
#fechapostrecomendaciones a:hover{
color: #666666;
}
.recomendaciones{
color: #00abf9;
}
.recomendaciones a{
color: #00abf9;
}

#fechaposttalento{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
margin-left: 40px;
	color: #96ff31;
	text-decoration: none;
}
#fechaposttalento a{
	text-decoration: none;
}
#fechaposttalento a:hover{
color: #666666;
}
.talento{
color: #96ff31;
}
.talento a{
color: #96ff31;
}
.talento a:hover{
color: #96ff31;
}

#separador {
    margin:0px; /*para que no se pegue al borde*/ 
    padding-top:0px; /*algo de relleno*/
    padding-right: 5px;
    width:230px; /*este ancho es para que cuadre con el texto*/ 
    height:1px; /*idem*/ 
    background-color: black;
    float:left; /*lo flotamos a la izquierda*/ 
    padding-left: 15px;
}



#capitalize{
	text-transform: capitalize;
}

#imagenfooter{	
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 78px;

   background: url(i/footer/separador.png) no-repeat top left;
   background-color: #0d0d0d;
  	max-width: 920px;
  	overflow: hidden;
}

#datosfooter{
   height:160px;
   width: 382px;
   background: url(i/footer/direccion.png) no-repeat top left;  
cursor:  pointer;
   
}

.myinputstyle {
	border: 0px solid #0d0d0d;
	padding-bottom:7px;
	/** remember to change image path **/
	background: url(i/footer/cuadro-formulario.png) no-repeat #0d0d0d;
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #0d0d0d;
	margin-bottom: 4px;
	width: 389px;
	overflow: hidden;
	padding-left: 5px;
	padding-top: 4px;
	
	
}

.myinputstyle {
	border: 0px solid #0d0d0d;
	padding-bottom:7px;
	/** remember to change image path **/
	background: url(i/footer/cuadro-formulario.png) no-repeat #0d0d0d;
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #0d0d0d;
	margin-bottom: 4px;
	width: 389px;
	overflow: hidden;
	padding-left: 5px;
	
	
}

.mytextareastyle {
	border: 0px solid #0d0d0d;
	padding-top:5px;
	padding-bottom:8px;
	/** remember to change image path **/
	background: url(i/footer/cuadro-formulariobig.png) no-repeat #0d0d0d;
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #0d0d0d;
	margin-bottom: 4px;
	width: 389px;
	overflow: hidden;
	 
}

.myinputcomentario {
	border: 0px solid #0d0d0d;
	/** remember to change image path **/
	background: url(i/comentarios/formaformsmall.png) no-repeat #0d0d0d;
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #0d0d0d;
	min-width: 521px;
	height: 18px;
	overflow: hidden;

	
	
}

.mytextareacomentario {
	border: 0px solid #0d0d0d;
	padding-top:5px;
	padding-bottom:8px;
	/** remember to change image path **/
	background: url(i/comentarios/formaformbig.png) no-repeat #0d0d0d;
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #0d0d0d;
	margin-bottom: 4px;
	min-width: 525px;
	min-height: 159px;
	overflow: hidden;
	 
}


#pagina{
	
color:white;
}
/* @end */

#separadorabout {

    margin-left:221px; /*para que no se pegue al borde*/ 
    padding-top:0px; /*algo de relleno*/
    padding-right: 5px;
    width:441px; /*este ancho es para que cuadre con el texto*/ 
    height:1px; /*idem*/ 
    background-color: black;
    float:left; /*lo flotamos a la izquierda*/ 
    padding-left: 15px;
}

#rayagris {

    margin-left:0px; /*para que no se pegue al borde*/ 
    padding-top:0px; /*algo de relleno*/
    
    width:100%; /*este ancho es para que cuadre con el texto*/ 
    height:9px; /*idem*/ 
    background-color: #212121;
     /*lo flotamos a la izquierda*/ 
    overflow: hidden;
}

#pretop {

    margin-left:0px; /*para que no se pegue al borde*/ 
    padding-top:0px; /*algo de relleno*/
    width:100%; /*este ancho es para que cuadre con el texto*/ 
    height:70px; /*idem*/ 
    background-color: #0c0c0c;
     /*lo flotamos a la izquierda*/ 
    overflow: hidden;
}

#gotwitter {
	margin-top: 2px;
	margin-left:75px;
	display: block;	
	height: 9px;
	width: 55px;
	background: url(i/shares/gotwitter.png) top no-repeat;
	
}


#facebookpost {
	margin-top: 3px;
	display: block;	
	height: 9px;
	width: 48px;
	background: url(i/shares/facebook.png) top no-repeat;
	
}

#twitterpost {
	margin-top: 3px;
	display: block;	
	height: 9px;
	width: 37px;
	background: url(i/shares/twitter.png) top no-repeat;
	
}

#fechatwitter a:hover{
	background-position: 0 bottom;
}

#fechatwitter ul{
	display: inline;
	list-style-type: none;
}

#fechatwitter ul li{
		float: left;
}


#posteadopor a:hover{
	background-position: 0 bottom;
}

#posteadopor ul{
	display: inline;
	list-style-type: none;
}

#posteadopor ul li{
		float: left;
}

#compartirpor a:hover{
	background-position: 0 bottom;
}

#compartirpor ul{
	display: inline;
	list-style-type: none;
}

#compartirpor ul li{
		float: left;
}



#liposteado {
display: block;	
min-width: 397px;
overflow: hidden;
}

.postdesvarios {
	margin-top: 2px;
	margin-left: 8px;
	display: block;	
	height: 11px;
	width: 18px;
	background: url(i/shares/desvarios.png) top no-repeat;
	
}

.postbehind {
	margin-top: 2px;
	margin-left: 8px;
	display: block;	
	height: 11px;
	width: 18px;
	background: url(i/shares/behind.png) top no-repeat;
	
}

.postcasa {
	margin-top: 2px;
	margin-left: 8px;
	display: block;	
	height: 11px;
	width: 18px;
	background: url(i/shares/casa.png) top no-repeat;
	
}

.postexperiencia {
	margin-top: 2px;
	margin-left: 8px;
	display: block;	
	height: 11px;
	width: 18px;
	background: url(i/shares/experiencia.png) top no-repeat;
	
}

.postinspiracion {
	margin-top: 2px;
	margin-left: 8px;
	display: block;	
	height: 11px;
	width: 18px;
	background: url(i/shares/inspiracion.png) top no-repeat;
	
}

.postrecomendaciones {
	margin-top: 2px;
	margin-left: 8px;
	display: block;	
	height: 11px;
	width: 18px;
	background: url(i/shares/recomendaciones.png) top no-repeat;
	
}

.posttalento {
	margin-top: 2px;
	margin-left: 8px;
	display: block;	
	height: 11px;
	width: 18px;
	background: url(i/shares/talento.png) top no-repeat;
	
}



#licomparte {
display: block;	
min-width: 130px;
overflow: hidden;
}

#compartefacebook {
	margin-right: 20px;
	display: block;	
	height: 16px;
	width: 16px;
	background: url(i/compartir/facebook.png) top no-repeat;
	
}

#compartedelicious {
margin-right: 20px;
   display: block;	
	height: 16px;
	width: 16px;
	background: url(i/compartir/delicious.png) top no-repeat;
	
}

#compartetwitter {
margin-right: 20px;
   display: block;	
	height: 16px;
	width: 16px;
	background: url(i/compartir/twitter.png) top no-repeat;
	
}

#compartewordpress {
margin-right: 20px;
   display: block;	
	height: 16px;
	width: 16px;
	background: url(i/compartir/wordpress.png) top no-repeat;
	
}

#compartemyspace {
margin-right: 20px;
   display: block;	
	height: 16px;
	width: 16px;
	background: url(i/compartir/myspace.png) top no-repeat;
	
}

#compartevymeo {
margin-right: 20px;
   display: block;	
	height: 16px;
	width: 16px;
	background: url(i/compartir/vimeo.png) top no-repeat;
	
}

#escribe{
	
padding-bottom: 3px;
}

#bottomsingle {

    margin-left:0px; /*para que no se pegue al borde*/ 
    padding-top:0px; /*algo de relleno*/
    
    width:100%; /*este ancho es para que cuadre con el texto*/ 
    height:100px; /*idem*/ 
    background-color: #080808;
     /*lo flotamos a la izquierda*/ 
    overflow: hidden;
}

#litwitter {
display: block;	
min-width: 90px;
overflow: hidden;
}

#tagsall {

	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #888888;
	float: left;
	padding-top: 30px;
	padding-left: 55px;
	padding-right: 30px;
	padding-bottom: 0px;
	margin: 0px 0 0;
	width: 545px;
	background-color: #080808;
	overflow: hidden;
	text-align:justify;
	}
	


#tituloscategoria{
padding-top:30px;
height: 96px;
}

#titulostags{
padding-top:30px;
height: 130px;
}

#titulosmes{
padding-top:30px;
height: 130px;
}

#anios a {
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	
	color: #222222;
	}
	
#archivos{

margin-top: 22px;
}

#fechaposteado ul{
	display: inline;
	list-style-type: none;
}


.tagcoloruno a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcolordos a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcolortres a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcolorcuatro a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcolorcinco a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcolorseis a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcolorsiete a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}


.tagcolorocho a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}


.tagcolornueve a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcolordiez a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcoloronce a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcolordoce a{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.tagcoloruno a:hover{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;	
color: #2bd2ff;
}


.tagcolordos a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #85e626;
}
.tagcolortres a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
	color: #00ff75;
}
.tagcolorcuatro a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #96ff31;
}
.tagcolorcinco a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #00f1fa;
}
.tagcolorseis a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #00abf9;
}
.tagcolorsiete a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #942aff;
}
.tagcolorocho a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #f22fa0;
}
.tagcolornueve a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #ff5f2b;
}

.tagcolordiez a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #fffe27;
}

.tagcoloronce a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #00abf9;
}

.tagcolordoce a:hover{
	font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #00f1fa;
}

#losentimos{
font-family: 'Lucida Grande',Sans-Serif;
	font-size: 12px;
color: #222222;
line-height:83px
}
