/*
Theme Name: Uhuru Labs
Theme URI: http://uhurulabs.com/
Description: Tema para wordpress creado en exclusiva para Uhuru Labs. Todos los derechos reservados
Author: Carlos Faria
Version: 1.0
Tags: blue, white, minimal, two-columns, fixed-width, custom-header, custom-background
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */
@font-face {
	font-family: Matchbook;
	src: url(fonts/Matchbook.ttf);
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color:#5F5F5F;
	font-size:12px;
	font-weight:100;
}

strong{ font-weight: bold; }

p{ margin-bottom:22px; font-size:12px; line-height:16px; }
.container{ width:940px; margin: 0 auto; }
a{ text-decoration:none; color:#403f3f; }
a:hover{ text-decoration:none; color:#999999; }

/* Header */
#header{ background-image:url(images/header_fondo.png); background-repeat:repeat; }
h1 a{margin-top:30px; font-family:Matchbook; font-size:75px; font-weight:100; text-transform:lowercase; text-decoration:none; color:#403f3f; float:left; }
h1 a:hover{ color:#403f3f; }
#decoracion{height:130px; float:right; margin-right:50px; }
#decoracion img{ }

/* Content */
#content{background-image:url(images/content_fondo.png); background-repeat:repeat-x; min-height:12px; }
#menu{float:left; width:120px; color:#000000; background-image:url(images/menu_fondo.png); background-repeat:repeat; font-size:9px; }
#menu ul{width:120px; padding-top:45px;}
#menu ul li{ text-align:right; text-transform:uppercase;}	
#menu ul li a{ display:block; background-color:#e1e1e1; padding: 10px; margin-top:1px; }

#languages{ text-align: right; }

/* Inicio */
.doscol{ padding-top:70px; }
.col1{ padding:40px; padding-top:0px; float:left; width:534px;}
    .col1 a{ color: #4C84A9; }
    .col1 a:hover{ color: #afd7ff; }
	.info{ font-size:16px; color:#5F5F5F; line-height:17px; margin-bottom:47px;}
	.subcol1{ width:289px; float:left; padding-right:25px;  }
	.subcol2{ width:220px; float:right; }
	#lista-servicios
	{ 
		font-size:12px;
		height:118px; 
		color:#9a9a9a; 
		background-image:url(images/lista_servicios_fondo.png); 
		background-repeat:no-repeat; 
		background-position:center;
		padding:16px;
		padding-top:6px;		
	}

        #lista-servicios ul li:first-child{ border:none; }
	#lista-servicios ul li
	{ 	
		padding-bottom:11px; 
		padding-top:11px; 
		list-style:inside; 
		list-style-type:disc; 
		list-style-image:url(images/lista_servicios_middot.png);	
		border-top:1px dotted #9a9a9a;
		line-height:15px;	
	}
        #lista-servicios ul li a{ text-decoration:none; color:#403f3f; }
        #lista-servicios ul li a:hover{ text-decoration:none; color:#999999; }
	
.col2{ width:204px; float:right; }
.col2 ul li{ margin-bottom:25px; }
#idea{ background-image:url(images/idea_fondo.png); padding:15px; padding-top:12px; margin:0 auto; width:510px; height:45px; margin-top:10px; margin-bottom:40px; }
#idea ul li{ display:none; }
#idea p{ margin:0px; }
#idea .idea-content{min-height:35px;}
#idea .idea-frase{ font-size:14px; font-weight:bold; }
#idea .idea-autor{ font-style:italic; float:left; }
#idea .idea-siguiente{ float:right; }

#wrapper-twitter { margin-top:40px; }
#wrapper-twitter img{ float:left; margin-top:15px;}
#wrapper-twitter #twitter { float:left; margin-left:0px; background-image:url(images/inicio_twitter_fondo.png); background-repeat:no-repeat; background-position: left; }
#wrapper-twitter #twitter ul li{ padding-top:15px; padding-left:35px; padding-right: 30px; min-height:80px; width:380px; line-height:16px; font-size:14px;   }

#wrapper-twitter #twitter ul li a.tweet{ font-size:9px; }

.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
	line-height:16px;	
}

.tooltip-secciones{ 
    display:none;
    background:transparent url(images/tooltip-secciones.png) no-repeat;
    font-size:12px;
    height:99px;
    width:122px;
    padding:40px;
    padding-left:35px;
    color:#fff;
    line-height:16px;	
}

/* Equipo */
#equipo{ width:700px; float:left; margin-left:42px; margin-top:33px; }
#equipo ul li{ border-top:1px dotted #9a9a9a; padding-top:30px; margin-top:35px; padding-bottom:18px; clear: both; }
#equipo ul li:first-child{ border:none; padding-top:0;}
#equipo .equipo-foto{ float:left; }
#equipo .equipo-info{ margin-left:24px; float:left; width:580px; margin-bottom: 30px; }
#equipo .equipo-info h2{ font-size:32px; font-weight:100; }
#equipo .equipo-desc{ font-style:italic; color:#9a9a9a; font-size:13px;}
#equipo .equipo-contacto{ margin-left:20px; }
#equipo .equipo-contacto ul li{ border:none; margin:0px; list-style-type:square; list-style-position:inside; padding:2px;}
#equipo .equipo-contacto ul li a{ color:#0066CC; }
#equipo .equipo-contacto ul li a:hover{ color:#9a9a9a; }

/* Portafolio */
#portafolio{ width:700px; float:left; margin-top:12px; margin-left:42px; }
    #portafolio ul li:first-child{ border:none; }
    #portafolio ul li{ border-top:1px dotted #9a9a9a; padding-top:35px; margin-bottom:38px; }
    #portafolio .portafolio-nombre{ position:absolute; margin-top:109px; margin-left:25px; text-transform:uppercase; color:#FFFFFF; }
    #portafolio .portafolio-desc{ position:absolute; line-height: 15px; width:450px; margin-top:5px; margin-left:10px; }
    #portafolio #portafolio-head{ margin-top:30px; }
    #portafolio #portafolio-head h2{ width: auto; float:left; font-size:16px; margin-bottom:20px; font-weight: bold;}
    #portafolio #breadcrumb{ float:right; font-size: 10px; margin-top: 3px;}
    #portafolio #breadcrumb .current{ color: #4C84A9; }
    #portafolio .proyecto-imagen{ margin-bottom:30px; }
    #portafolio .proyecto-content{ margin-bottom: 20px; }
    #portafolio .proyecto-content ul{ margin-top: 20px; margin-bottom: 20px; list-style: disc; }
    #portafolio .proyecto-content ul li{padding:0; margin:0; border: none; margin-left:20px; margin-bottom: 2px; }
    #portafolio .thumbnails{  }
    #portafolio .gallery ul{ margin-top: 20px; }
    #portafolio .gallery ul li{padding:0; margin:0; border: none; float: left; margin-left:20px; margin-bottom:20px; }

    /* Proyecto */
    #portafolio .proyecto-version-header{padding:12px; width:676px;  background-image:url(images/proyecto_fondo_version_header.png); background-repeat:repeat; cursor:pointer; }
    #portafolio .proyecto-version-header p{ float:left; margin:0px; color:#707070; }
    #portafolio .proyecto-version-header img{ float:right; margin-top:5px;}
    #portafolio .proyecto-version-body{ width:660px; padding:20px; padding-bottom:10px; background-image:url(images/proyecto_fondo_version.png); background-repeat:repeat; }
    #portafolio .proyecto-version-info{ float:left; width:500px; }
    #portafolio .proyecto-version-info p{ color:#fff; font-weight:100; }
    #portafolio .proyecto-version-info p a{color:#afd7ff;}
    #portafolio .proyecto-version-info p a:hover{color:#fff;}
	#portafolio .proyecto-version-info ul{ margin-bottom:15px; }
	#portafolio .proyecto-version-info ul li{ 
	 	border-top: 0px;
	    list-style: disc outside none;
	    margin-bottom: 3px;
	    margin-left: 28px;
	    padding-top: 0px;	
		color:#fff;	
		line-height: 16px;
	}
    #portafolio .proyecto-version-body a.proyecto-download{ float:right; margin-right:15px; margin-top:-18px;}
    #social { padding-top:10px; margin-bottom: 20px;}
    #social a, #social iframe{ float:left; }
    #portafolio .proyecto-donar{ margin-top:10px; margin-bottom:20px; }
    #portafolio .proyecto-donar input{ border: none; }
    #portafolio .proyecto-screenshots{ margin-top:40px; margin-bottom:20px; padding-bottom:50px; width:700px; border-bottom: 1px dotted #707070; }
    #portafolio .proyecto-screenshots img{ margin-left:20px; margin-bottom:20px; }
    #portafolio .proyecto-versiones-anteriores{ margin-top: 20px; }
    #portafolio .proyecto-versiones-anteriores h3{  }
    #portafolio .proyecto-versiones-anteriores .proyecto-version{ margin-bottom:1px; }
    #portafolio .proyecto-versiones-anteriores .proyecto-version .proyecto-version-body{ display:none; }
    #portafolio .proyecto-masinfo{ margin-bottom:20px; }
    #portafolio .proyecto-masinfo ul{ margin-left:20px;  }

    #portafolio .proyecto-content a{ color: #4C84A9; }
    #portafolio .proyecto-content a:hover{ color: #afd7ff; }

/* Documentacion */
#doc h3, #doc h4{ font-weight:bold; color:#5f5f5f; }
#doc h4{ margin-bottom:10px; }
#doc p{ margin:0px; margin-bottom:10px; margin-left:20px; }
#doc .doc-info{float:right;}
#doc .doc-info ul li{ margin-bottom:3px; }
#doc ol{ margin:20px; list-style-type:decimal; list-style-position:inside; }
#doc ol li{ margin-left:20px; margin-bottom: 0; }
#doc ol li ul{ margin-top:0 !important; margin-left:20px; list-style-type:decimal; font-size:11px; }
#doc ol li ul li{ margin:0; border: 1px solid #000; }
#doc .doc-seccion{ margin-bottom:30px; }
#doc .doc-seccion h3{ margin-bottom:15px; }
#doc .doc-seccion ul{ margin-left:20px; }
#doc .doc-subsec{ margin-left:40px; }
#doc .doc-footer p{ font-size:10px; float:right; }
#doc .atencion{ padding:20px; padding-left:40px; width:500px; background-color:#EFEFEF; background-image:url(images/atencion.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #CCCCCC;}
#doc .nota{ padding:20px; padding-left:40px; width:500px; background-color:#EFEFEF; background-image:url(images/nota.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #CCCCCC; }

/* Kits */
#kits{ width:700px; float:left; margin-top:8px; margin-left:42px; }
#kits h2{ margin-bottom: 10px; }
#kits ul{ margin-top:10px; }
#kits ul li{ margin-bottom:3px; }
#kits .kits-seccion:first-child{ border:none; }
#kits .kits-seccion{ margin-top:20px; padding-top:20px; border-top:1px dotted #9a9a9a;  }
#kits .kits-item{ float:left; margin-right: 20px; }
#kits .kits-item img{ border:1px solid #4C84A9; }

/* Contacto */
#contacto{ width:700px; float:left; margin-top:65px; margin-left:42px; }
#contacto .col1half{ float:left; border-right:1px solid #4c84a9; margin-top:20px; padding-right:45px; width:350px; }
#contacto .col2half{ float:right; margin-left:45px; margin-top:20px;  width:250px; }
#contacto .col2half ul li .contacto-imagen{ float:left; margin-right:20px; }
#contacto .col2half ul li{ min-height:20px; margin-bottom:20px;}

#contacto form input, textarea  { width:260px; border: 1px solid #aaa; padding:2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666; }
#contacto form input:hover, textarea:hover  { border: 1px solid #888; }
#contacto form input[type="text"], textarea{ background-color:#eeeeee;  padding:5px; }
#contacto form input[type="text"]:hover, textarea:hover{ background-color:#fff; }
#contacto form label{ float:left; margin-top:6px; width:70px; }
#contacto form label em{ margin-left:5px; color:#FF0000; }
#contacto form li { list-style: none; padding-top: 2px; padding-bottom: 2px; margin: 0; }
#form-botones{ margin-top:10px; float:right; margin-right: -16px; }
#contacto form input[type="submit"]{ width:auto; padding:2px; cursor: pointer; }

#texto-privacidad{ display:none; position:absolute; padding:20px; margin-left: -200px; width:400px; left:50%; top:100px; background-color: #fff; border: 1px solid #000; }
#texto-privacidad .cerrar{ float:right; cursor:pointer; padding-left:10px; padding-bottom:10px;}

/* Footer */
#footer{margin-top:30px; font-size:10px;}
#footer .copy{ float:left; width:200px; font-size:10px; }
#footer ul{ float: right; }
#footer ul li{ display: inline; }

/* BLOG */
/* Content WP */
#sidebar{   }
#sidebar ul{ text-transform:uppercase; padding-top: 10px;}
#sidebar .widget-container{ margin-bottom: 10px; text-align: left; }
#sidebar .widget_search{ text-align: center !important; }
#sidebar h3.widget-title{ margin-left:8px; margin-bottom:8px; }
#sidebar ul li ul{margin:0px; padding:0px; margin-bottom:10px;}
#sidebar ul li ul li{ text-align: left; display:block; background-color:#e1e1e1; padding: 10px; margin-top:1px; }
#sidebar ul li ul li a{ display: inline; background-color:transparent; margin:0; padding:0; line-height: 12px; }
#sidebar .widget-feed{ margin:0; padding:0; margin-top:-10px; }
#sidebar .widget-feed a{ background-color:transparent; }

#searchform input[type="text"]{ width:100px; border:1px solid #ccc; margin-bottom:5px; }
#searchform input[type="submit"]{ border:1px solid #ccc; margin-right:9px; float:right; font-size:9px;}

.narrowcolumn{ float:left; width:700px; margin-left:42px; margin-top:50px; }
.post h2{ text-transform:uppercase; margin-top:10px; margin-bottom:20px; font-size:25px;}
.post h3{ text-transform:uppercase; margin-bottom:2px; font-size:16px; }
.post .date-autor{ text-transform:uppercase; font-size:10px; }
.post ul{ margin:10px; margin-left:25px; margin-top:5px; margin-bottom:15px; }
.post ul li:first-child{ margin-top:0; }
.post ul li{ list-style-type:disc; list-style-position:inside; margin-top:6px; line-height: 14px; }
.post ol{ margin:10px; margin-left:25px; margin-top:5px; }
.post ol li:first-child{ margin-top:0; }
.post ol li{ list-style-type:decimal; list-style-position:inside; margin-top:6px; line-height: 14px; }
.entry { font-size: 2.1em;}
.entry{ margin-top:20px; }
.entry a{ color:#0066CC; }
.entry a:hover{ color:#9a9a9a; }
.entry pre{ 
     margin-bottom: 20px;
     width:700px;
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.entry blockquote{ width:400px; margin-left:30px; padding-left:15px; border-left:2px solid #0066CC; font-style:italic; }

/* Single */
.navigation{ margin-bottom:10px; }
.navigation div{ width:350px; }
.navigation .alignleft{ float:left; width: auto; }
.navigation .alignright{ float:right; width: auto; text-align: right; }
.postmetadata{ font-size:11px; width:450px; border-top:1px dotted #9a9a9a; float:left; margin-bottom:40px;}
.postmetadata a{ color:#0066CC; }
.postmetadata a:hover{ color:#9a9a9a; }
.compartir{ margin-left:20px; width:200px; float:left; }

.page .entry-title{margin-bottom: 30px;}
.page .entry-content li{ margin-bottom: 8px; }
.page .entry-content ul{ margin-left:25px; list-style-type: circle; margin-top: 8px; }

/* Comentarios */
ol.commentlist li{ margin-top:10px; width:600px;}
ol.commentlist li{  }
.commentmetadata{ font-size:11px; margin-bottom:10px; }

#commentform{ margin-top:10px; }
#commentform p{ margin:2px; }
#commentform p label{ margin-left:10px; }
#commentform input[type="text"]{ border:1px solid #9a9a9a; padding:5px;}
#commentform #comment { width:500px; border:1px solid #9a9a9a; padding:5px; font-family:"Lucida Grande"; font-size:11px;}
#commentform .info-tags{ font-size:10px; line-height:12px; width:400px; float:right; margin-right:160px;}



.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.bold{ font-weight:bold; }
.underline{ text-decoration:underline; }
.no-border{ border:0 !important; }