/*
Theme Name: Sistemex
Theme URL: http://sistemex.com
Description: Theme fresco y naturalmente dulce visualmente para salir del estres.
Version: 1.0
Author: Alex Aguiar
Author URI: http://zoneartcss.com/
Tags: 2 columnas, verdes, cafes, sistemex

	Este theme fue diseņado e implementado por Alex Aguiar http://zoneartcss.com

*/
*{margin:0;padding:0;outline:0;border:0;position:relative;}html, body{height:100%;}html{background:#45A8E0 url(images/bg.jpg) repeat-x;}body{background:url(images/nubes.jpg) no-repeat center top;font-family:Arial;font-size:100%;}h1,h2,h3{letter-spacing:2px;}ul, ol{list-style:none;}a{color:#402918;text-decoration:none;}a:hover{text-decoration:underline;}
.all{width:990px;margin:auto;}
#hd{background:url(images/bg_hd.png) no-repeat 50px 30px;width:100%;height:233px;}
#logo{width:306px;height:107px;background:url(images/logo_sistemex.png);position:absolute;top:0;left:65px;}
#logo a{width:100%;height:100%;display:block;}
#hd span{display:block;text-indent:-999em;}
#hd .desc{position:absolute;width:225px;height:35px;color:#FAE790;font-size:15px;top:172px;right:215px;line-height:1em;font-family:"Century Gothic";}
#hd ul li{display:inline;}
#hd #menu{right:150px;top:22px;}#hd #menu, #hd #menu2{position:absolute;}
#hd #menu a{background:url(images/menu.gif) no-repeat;width:92px;height:46px;float:left;margin:20px;}
#hd #menu .mn1{background-position:20px 4px;} #hd #menu .mn1:hover{background-position:20px -36px;}
#hd #menu .mn2{background-position:-100px 4px;} #hd #menu .mn2:hover{background-position:-100px -36px;}
#hd #menu .mn3{background-position:-240px 2px;} #hd #menu .mn3:hover{background-position:-240px -38px;}
#hd #menu2{left:33px;top:158px;}
#hd #menu2 a{width:147px;height:56px;float:left;}
#mn1:hover, #mn2:hover, #mn3:hover{background:url(images/mnv.png) no-repeat;}
#hd #menu2 #mn1{margin-left:35px;}#hd #menu2 #mn2{margin-left:15px;}#hd #menu2 #mn3{margin-left:15px;}
#hd #searchform{position:absolute;width:200px;height:30px;right:0;top:163px;}
#hd #searchform div{margin-top:12px;width:100%;height:100%;}
#hd #searchform label{display:none;}
#hd #searchform input{background:none;border:0;}
#hd #searchform input#s{width:163px;height:17px;position:absolute;right:20px;color:#FFEFB3;padding:5px;}
#hd #searchform #searchsubmit{height:25px;padding:3px;position:absolute;right:30px;text-indent:-95em;width:20px;cursor:pointer;}
#cont{background:url(images/bg_cont.png) repeat-y 64px 0;padding-left:69px;overflow:hidden;}
#content{width:560px;float:left;padding:0 18px 10px 22px;}
.pagetitle{font:normal 30px/1.5em "Century Gothic";color:#990;border-bottom:1px dotted #C39151;letter-spacing:-2px;margin-bottom:10px;padding-bottom:5px;text-align:center;}
/*Post's*/
.post{margin-bottom:20px;}
.post .alignleft{float:left;width:auto;}
.post .entry{margin-top:-90px; color:#930;}
.post .entry p{margin:7px 0; text-align:justify;}
.post .entry .share{width:83px;height:16px;padding:5px 10px;position:absolute;bottom:0;margin-bottom:-52px;z-index:1;}
.post h2, .post h2 a, .post h3 a, .post h2.postit{font:normal 25px/1em "Trebuchet MS";border-bottom:3px solid #75532F;display:block;padding-bottom:5px;margin-bottom:10px;}
.post h2{border:0;}
.post h2 a:hover, .post h3 a:hover{color:#990;border-bottom:3px solid #990;text-decoration:none;}
.post .date{background:url(images/comnt.png);width:86px;height:90px;left:-97px;font-size:10px;}
.post .date span{position:absolute;text-align:center;}
.post .date .sp1{color:#FF7E15;top:26px;width:80px;}
.post .date .sp2{color:#FFF;font-weight:bold;font-size:50px;bottom:-5px;left:7px;width:60px;}
.post .date .sp3{width:80px;height:38px;background:url(images/comt_dt.png);color:#FFF;bottom:-15px;left:0;line-height:5em;}
.post .tags{width:567px;height:103px;background:url(images/bg_fp.gif) no-repeat;margin-top:25px;}
.post .tags .leerm{position:absolute;right:5px;top:0;height:25px;width:100px;z-index:1;}
.post .tags p{font-size:10px;color:#96582E;}
.post .tags p span, .post .tags p span a{color:#697021;}
.post .tags_a{color:#EFE7A4;font-weight:bold;font-size:12px;width:550px;height:35px;padding:25px 5px 5px;}
.post .tags_a a{color:#EFE7A4;font-weight:normal;}
.post .tags .coments{position:absolute;bottom:10px;right:-2px;font-size:20px;color:#FFF;text-align:center;width:50px;}
/*FIN Post's*/
.wood_izq a, .wood_der a{height:45px;display:block;margin: 20px 0;}
#content .navigation .wood_izq a{background:url(images/arw.png);float:left;width:100px;}
#content .navigation .wood_der a{background:url(images/arw.png) 0 45px;float:right;width:100px;}
/*COMENTARIOS Post*/
h3#comments{font:normal 30px/1.5em "Century Gothic";color:#C39151;border-bottom:2px dotted #C39151;margin-bottom:10px;}
.comnt_pst{}
.comnt_hrb{background:url(images/comt_dt.png); height:38px;}
.comnt_tit{background:url(images/bg_fp.gif) 0 -24px;height:39px;margin-top:-18px;}
.comnt_txt .commntx{font-size:.7em;}
.comnt_txt{background:url(images/comnt_bg_cont.gif);padding:5px 10px;border:solid #F0E6DF;border-width:0 1px;font:normal .96em/normal "Comic Sans MS";color:#9D5A29;}
.comnt_ftb{background:url(images/comnt_bg_fot.gif) 0 bottom;height:30px;margin-bottom:10px;}
.comnt_pst .comnt_tit img{vertical-align:middle;margin:3px;}
#respond{background:url(images/bg_cont.jpg);border:1px solid #CCB986;padding:10px;color:#9B7B4F;}
#respond input, #comment{width:310px;height:25px;background:#F6F0E7;border:1px solid #B3C08F;margin-bottom:10px;padding:10px 5px 0;}
#comment{height:145px;margin:0;}
input#submit{width:202px;height:62px;background:url(images/enviar_comnt.gif);position:absolute;border:0;right:0;bottom:35px;cursor:pointer;}
/*FIN COMENTARIOS Post*/
#sidebar{width:310px;float:left;padding:7px 0 7px 7px;}
#sidebar .banners{height:300px;padding-left:3px;margin-top:-5px;}
#sidebar .banners li{width:140px;height:140px;padding-right:10px;float:left;margin-bottom:10px;}
#sidebar .widget_categories, #sidebar .siguenos{width:280px;height:195px;background:url(images/sld_bg_cat.jpg) no-repeat;padding:30px 0 10px 18px;}
#sidebar .widget_categories h2{text-indent:-99em;}
#sidebar .widget_categories ul li{width:270px;margin:2.7px 0;}
#sidebar .siguenos h2{width:288px;height:90px;background:url(images/sld_bg_tit.gif);font:normal 30px/2.5em "Century Gothic";text-indent:20px;color:#C39151;position:absolute;top:0;left:2px;}
#sidebar .siguenos ul{top:60px;margin:0 20px;}
#sidebar .siguenos ul li{float:left;margin:5px 10px 0 0;width:auto;}
/*FIN Sidebar y widgets*/
#footer{background:url(images/bg_ft.png) no-repeat 45px 0;width:900px;height:341px;padding:0 31px 0 68px;}
#footer a, #sidebar .widget_categories ul li a{color:#9C5D29;}
#footer .col1,#footer .col2,#footer .col3{position:absolute;width:320px;height:120px;}
#footer .col1{top:75px;left:109px;}#footer .col1 li{margin-bottom:12px;}
#footer .col2{top:51px;left:454px;}#footer .col2 h2{text-indent:-999em;}
#footer .col2 ul li, .widget_categories ul li{float:left;width:150px;margin:2.5px 0;}
#footer .col2 ul li a, .widget_categories ul li a{background:url(images/bntamn.png) no-repeat 0 -25px;padding-left:15px;}
#footer .col2 ul li a:hover, .widget_categories ul li a:hover{background:url(images/bntamn.png) no-repeat left 0;}
#footer .col3{right:30px;top:70px;width:220px; padding:7px 14px;}
#footer .col3 .botton{background:transparent none repeat scroll 0 0;margin-left:105px;margin-top:7px;}
#footer .col3 input{ margin-left:28px; margin-top:4px;}
#footer .pwby{position:absolute;bottom:0;right:10px;font-size:10px;color:#B4DDF3;}#footer .pwby a{color:#B4DDF3;}
/*Diseņo Web: Alex Aguiar 2009 -:- alex@sistemex.com -:- http://www.zoneartcss.com*/
.amigas{ text-align:center;}
.post .entry img{margin-right:10px;}
.etiquetas{ font-size:9pt;}
.trackback{ font-size:9pt;}
h3#comments a{ font-size:9pt;}
.nube{width:280px;height:195px;background:url(images/nube.jpg) no-repeat;padding:30px 0 10px 18px; margin-bottom:15px;}
