/*   
Theme Name: Management Humano
Theme URI: http://managementhumano.com
Description: Diseño web para Management Humano
Author: Franco Cantarutti @ Argento interactivo
Author URI: http://argentoi.com.ar
Version: 1.0
*/

/* Globales
*/
*{ margin: 0; padding: 0; outline: none;}
body{ background: #E0E0E0 url(images/bg.png); font-family: sans-serif, arial, helvetica; font-weight: lighter; line-height: 20px; font-size: 12px; color: #000; border-top: 5px solid #0083A9; }

a:link, a:visited, a:active{ text-decoration: none;	color: #0083A9;}
a:hover{ text-decoration: underline; color: #000; }
p{ margin: 0 0 10px; text-align: justify; line-height: 16px;}

input[type=submit], input[type=button], input[type=reset]{ color: #0083A9; background: #ddd; padding:  3px 5px; border: 0; font-size: 13px; }
input[type=text], textarea{ border: 1px solid #ddd; padding: 3px; font-size: 13px; }
h1, h2, h3, h4{ font-weight: 100; margin: 0 0 5px; line-height: normal; }
h1{ font-size: 35px; font-family: 'Arg', sans-serif, arial, helvetica; letter-spacing: -1px }
h2{ font-size: 20px; color: #000; margin-bottom: 10px; }
h3{ font-size: 16px; }
img{ border: 0px; }
ul, ol { margin: 5px 0 5px 15px; }
ul{ list-style: disc;}
blockquote{ font-size: 16px; background: #ddd; margin: 5px 15px; padding: 10px;color: #888; }
blockquote p{ margin: 0;}

/* Maquetado
*/
#container{ width: 960px; text-align: left; margin: 10px auto; overflow: hidden; }

#header{ position:relative; height: 80px; margin-bottom: 10px; overflow: hidden; }
#logo{ position: absolute; top:0; left: 0;}
#logo a h1{ color: #000;}
#logo a:hover{ text-decoration: none !important; }
#logo span{ line-height: normal; color: #0083A9; font-size: 14px;}

#search{ position: absolute; top: 0; right: 0; width: 245px; height: 50px;}
#s{width: 233px; padding: 5px;}
#nav{ position: absolute; top: 50px; right: 0; width: 550px; }
#nav ul{ list-style: none; overflow: hidden; margin: 0; width: 550px;}
#nav ul li{ float: left;}
#nav ul li a{ margin-left: 10px; padding: 5px; color: #494B48; text-decoration: none; text-transform: uppercase; }
#nav ul li a:hover{ color: #0083A9; }

#content{ margin: 0 20px 0 0; width: 739px; float: left; min-height: 350px; overflow: hidden; }
#sidebar{ width: 201px;float: left;}
.get_social{width: 233px; float: left; margin: 0 20px 20px 0; height: 300px; overflow: hidden;}
.get_social h1{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #666;}
.get_social h2{ font-size: 13px; margin: 0 0 5px; font-weight: 400; }
#content .get_social:nth-child(8){margin-right: 0;}
#footer-bar{ overflow: hidden; background: #0083A9; color: #fff; padding: 14px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); margin: 4px; }
#footer-bar .col{ float: left; width: 219px; margin-right: 15px; min-height: 200px;}
#footer-bar .col:last-child{ margin-right: 0;}
#footer-bar .col h2{ color: #fff;}
#footer-bar .col a{ color: #fff;}
#footer-bar .col ul{ margin: 0 0 0 20px;}
#footer{ text-align: center; margin-top: 10px;}

/* Post
*/
.post{ margin: 1px 2px 10px 2px; overflow: hidden; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 4px; padding: 10px;}
.post a:hover{ text-decoration: none;}
.post h2{color: #000; margin-bottom: 0;}
.post img{ border: 2px solid #ddd;}

.fp-post{ padding: 10px; background: #fff; width: 209px; float: left; margin: 1px 20px 20px 2px; height: 299px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 4px;}
.fp-post h2{ margin-bottom: 0px;}
.fp-post img{ border: 0; }
.fp-post p{ text-align: left; }
#content .fp-post:nth-child(3n+4){margin-right: 0;}
.index .fp-post:nth-child(3n+2){margin-right: 0;}
.index .fp-post:nth-child(3n+4){margin-right: 20px !important;}

/* Feature Posts */
#feature-posts-wrap{ margin: 1px 18px 20px 0px; float: left; position: relative;  width: 484px; height: 300px; padding: 0 0 20px; }
#feature-posts{ width: 484px; height: 300px; padding: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-left: 10px solid #0083A9; margin-left: 2px}
#feat-control{ position: absolute; bottom: -5px; left: 182px; padding: 0; z-index: 1000; width: 110px; text-align: center; }
#feat-control input[type=button]{ color: #333; border: 0; background: none; margin: 0 0 -4px; padding: 10px 5px; line-height: 0px; font-size: 20px; }
#feat-control .actual{ color: #0083A9 !important;}
#feature-posts ul{ margin:0; padding:0; list-style:none;}
#feature-posts li{ margin:0; padding:0; width: 464px; height: 300px; overflow: hidden; display: block; }  
.post-feat{ height: 300px; margin: 0; width: 464px; position: relative;}
.post-feat a{¡display: block; }
.post-feat a img{margin: 0; border: 0; }
.post-feat a h2{ font-size: 24px; background: url(images/bg-deg2.png) repeat; display: block; padding: 10px; position: absolute; bottom: 0; left: 0; color: #fff; width: 444px; margin: 0;}

.entry{ line-height: 18px; margin: 10px 0; overflow: hidden; font}
.entry h1{ font-size: 18px; color: #000; margin: 0 0 5px; font-family: sans-serif, arial, helvetica;}
.entry h2{ font-size: 16px; color: #666; margin: 0 0 3px;}
.entry h3{ font-size: 14px; color: #999; margin: 0;}
.meta{ margin: 0; color: #555; font-size: 11x; }
.postmetadata{ margin: 10px 0; font-size: 11px; }
.social-meta{ overflow: hidden; margin: 10px 0 0; padding: 0; list-style: none;}
.social-meta li{ float: left; }

pre { }
code, tt { }

/* Sidebar Widget */
.widget{ overflow: hidden; margin: 0 0 10px; }
.widget h2{ font-size: 16px; margin: 0 0 5px;}
.widget ul{  margin-left: 5px; list-style: none; }
.widget ul li:before{ content: "\00BB \0020"; }

/* Otros
*/
.navigation{ clear: both; margin: 0 0 5px; text-align: center;}
.next-posts{ margin-right: 15px; display: inline-block; font-size: 15px;}
.prev-posts{ display: inline-block; font-size: 15px; }
.alignleft{ float: left; margin: 0 10px 10px 0}
.alignright{ float: right; margin: 0 0 10px 10px}
.clear{ clear: both;}

#comments{ margin: 5px 0 0; }

/* AaarghNormal */
@font-face {
    font-family: 'Arg';
    src: url('images/font/Aaargh-webfont.eot');
    src: url('images/font/Aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/font/Aaargh-webfont.woff') format('woff'),
         url('images/font/Aaargh-webfont.ttf') format('truetype'),
         url('images/font/Aaargh-webfont.svg#AaarghNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}