body{margin:0; font-family: Tahoma, Geneva, sans-serif; font-size:13px; background: #fff url("/images/main_bg.gif") repeat-y 50% 50%}
a{text-decoration:none; color:#005177}
a img{border:0}
table{font-size:1em}
a:hover{text-decoration:underline}
#container{width:1000px; margin:auto}
#navtop{background-color:#3f3f3f; height:20px; padding:0 20px; color:#fff; text-align:right; font-size:0.85em; line-height:18px}
#navtop a{color:#fff}
#header{width:100%; float:left; background: #0074e8; background-image:-moz-linear-gradient(top, #0089c5, #0068A5); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0089c5), color-stop(1, #0068A5));  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#0089c5', EndColorStr='#0068A5');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#0089c5',EndColorStr='#0068A5')"; height:130px}
#top #logobg{float:left; width:250px; background: url(/images/logo_bg_ch.png) no-repeat left top; height:150px; position:absolute; top:-85px; z-index:60}
#top #logo{float:left; width:160px; margin-left:60px; margin-top:15px}
#socialbox{float:right; width:220px; margin-top:10px}
#g1, #twitter{margin-right:5px; float:left}
#top #google_search{float:right; width:700px; padding-top:30px}
#cse-search-box input{font-size:18px; border:1px #FFF solid}
#content{width:970px; background: #fff; float:left; margin:10px 15px}
#main{width:780px; float:left}
#home{width:100%; float:left}
#slide_home{width:100%; float:left; height:415px}
/*articulos home*/
#articles_home .column{width:300px; float:left; margin-right:20px; padding:5px}
#articles_home .last{margin-right:0}
#articles_home .article{width:100%; float:left; border-bottom:1px #000 dotted; padding:0 0 10px; margin-bottom:10px}
#articles_home .title{height:22px; padding:3px; background-color:#090; color:#FFF; font: 1.5em normal Georgia, "Times New Roman", Times, serif}
#articles_home .title a{color:#FFF; text-decoration:none}
#articles_home h2{font-family:Georgia, "Times New Roman", Times, serif; margin:0}
#bannertop{width:728px; height:90px; margin:10px 0}
.readmore{float:right; padding:0 10px}
#addthis_toolbox a, #addthis_toolbox a:visited{color:#af2316}
#main #descripcion{width:100%; float:left; margin-bottom:10px}
#main #descripcion img{margin:5px}
#solapa *{margin:0; padding:0}
#solapa{border:1px #f1edd8 solid; padding:5px; margin-bottom:10px}
#main h1{margin:0; padding:0; font:3em normal Georgia, "Times New Roman", Times, serif}
#main h4{font:1.4em bold Georgia, "Times New Roman", Times, serif; border-bottom:1px #827f6e solid; color:#827f6e; margin:0 0 10px; padding:0}
#solapa h1{color:#827f6e; background:#f1edd8; font-size:1.5em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:5px; width:98%}
h2.title a{font:1.4em bold Verdana, Arial, Helvetica, sans-serif; color:#af2316; margin:0; padding:0}
#cuadro_subcategorias{width:96%; float:left; margin:4px 4px 15px; padding:5px; background-color:#ecf4f9; border:1px #e1dcca solid}
#cuadro_subcategorias .subcategoria{width:44%; float:left; margin:5px; padding:0 0 5px 25px; background: url(/images/icons/folder.png) no-repeat left center}
#cuadro_subcategorias .subcategoria{font-size:120%; font-weight:bold}
#subcategoria a{color:#005177}
#subcategoria a:hover{color: #0171B3}
#sidebar_right{width:300px; float:right}
#sidebar_right_160{width:160px; float:right}
#sidebar_right h3{font-size:2em; margin:0; padding:0; font: normal 2em "Times New Roman", Times, serif; border-bottom:1px #000 dotted}
#sidebar_content{padding-bottom:10px; width:300px; float:right}
#tags{margin-bottom:20px; float:left; width:250px}
#tags a{color:#DD6F00}
#tags a:hover{background-color:#FFF8F0}
#tags ul{margin:10px 0 0; padding:0 0 0 10px; list-style:none}
#tags ul li{padding:3px; border-bottom:1px #000 dotted; font-size:1.1em}
#tags ul li a{display:block}
#herramientas{width:170px; float:right; background:#FFEAD5; border:1px #F96 solid; margin:10px; padding:5px}
#herramientas ul{font-size:0.85em; margin:0; padding:0 0 10px 15px}
/*left SideBar*/
#menu{float:left; width:180px; margin-right:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#menu h3{font: normal 22px Georgia, "Times New Roman", Times, serif; border-bottom:1px #acacac dotted; padding-bottom:6px}
#navlist *{margin: 0; padding: 0}
#navlist{float: left; width: 180px}
#navlist ul{list-style: none; width:178px; margin-bottom:15px}
#navlist ul li{display:inline}
#navlist ul li a{display: block; margin: 0; color: #2662da; font-size: 0.9em; text-decoration:none; letter-spacing:1px; line-height:24px; border-bottom:1px #acacac dotted}
#navlist ul li a:hover{background-color:#ecf4f9}
/*section*/
#category{width:615px; float:left}
#category h1{margin:0; font: normal 32px Georgia, "Times New Roman", Times, serif}
#category h2{margin:0; font: normal 1.2em Georgia, "Times New Roman", Times, serif}
#category h3{margin:0; font: normal 1em Georgia, "Times New Roman", Times, serif}
#category .resume{width:100%; margin-bottom:10px; padding-bottom:5px; border-bottom:1px #000 dashed; float:left}
#category .image{width:220px; float:right}
#category .text{width: 390px; float:left}
#category .tags{width:100%; float:left; font-size:.8em}
/*articulos*/
#article{width:460px; float:left}
#article h2{font:1.4em bold Verdana, Geneva, sans-serif}
#article h2.subtitle{font:1em normal Verdana, Geneva, sans-serif}
#article h3{font:1.6em bold Georgia, "Times New Roman", Times, serif; border-bottom:5px #F60 solid; clear:both; margin-top:10px}
#article .image_medium{width:100%; float:left; margin-bottom:20px}
/*home*/
#top10{width:250px; float:left; height:280px; font-family: Georgia, 'Times New Roman', Times, serif}
#top10 h3{margin:0 0 10px; border-bottom:4px #F60 solid; font-size:1.4em}
#top10 ol{margin:0; padding: 0 20px}
#top10 li{margin:5px 0; padding:5px 0; border-bottom:1px #F60 dashed}
/*comentarios*/
#comentarios{font-family:Geneva, Arial, Helvetica, sans-serif}
#comentarios .cabecera{font-size:1.1em; padding:2px 0 8px; color:#505050}
#comentarios .txt{font-size:.9em; padding-bottom:8px; border-bottom:1px #ccc solid}
#comentario_form{background-color:#eee; border:1px #d4d4d4 solid; padding:5px; width:100%; float:left; margin-top:15px}
/*paginacion*/
#paginacion{width:595px; margin:15px 0 45px; padding-left: 15px; float:left; font-size:.9em; text-align:center; font-weight:bold}
#paginacion .btn_left{width:70px; float:left; margin-right:14px}
#paginacion .btn_right{width:70px; float:left; margin-left:14px}
#paginacion .pg_link{background-color:#FFF; color: #c00202; width:22px; padding:2px 0; text-align:center; margin-right:6px; border:1px solid #c00202; text-decoration:none; float:left}
#paginacion .pg_link_cur{width:22px; text-align:center; padding:2px 0; margin-right:6px; border:1px solid #CCC; background-color: #FFF; color: #CCC; float:left}
#paginacion .pg_link:hover{background-color:#c00202; color: #FFF; text-decoration:none; border-color:#c00202; margin-right:6px}
#paginacion .pg_btn{text-align:center; border:1px solid #c00202; background-color: #FFF; display:block; color:#c00202; cursor:pointer; padding:2px 6px; text-decoration:none}
#paginacion .pg_btn:hover{text-align:center; border:1px solid #c00202; background-color: #c00202; display:block; color:#fff; cursor:pointer}
#paginacion .pg_btn_disabled{text-align:center; border:1px solid #CCC; background-color: #ECECEC; display:block; color:#999; cursor:pointer; padding:2px 6px; text-decoration:none}
/*localizador*/
#breadcrumbs{width:790px; float:left; font-family: Arial, Helvetica, sans-serif; font-size:0.85em; line-height:20px; padding-left:210px}
#breadcrumbs a, #breadcrumbs a:hover, #breadcrumbs{text-decoration:none}
/*pie*/
#footer{float:left; width:100%; font-size:0.9em; margin-bottom:14px; margin-top:5px; text-align:center; color:#FFF; background-color:#333}
#footer a{text-decoration:none; color:#fff}
#footer a:hover{color:#F60; text-decoration:underline}
/*Cuadro Enlazar*/
#link_articulo{float:left; position:absolute; left: 716px}
#link_cuadro{border:1px #000 solid; width:360px; display:none; position:relative; z-index:100; background: #f1edd8; border:1px solid #666}
/*addthis*/
#addthis_toolbox .hover_effect{width: 450px; padding: 10px 0 6px 10px; border: 1px solid #eee; float:left; margin-top:10px}
#addthis_toolbox .hover_effect div{width: 148px; height:26px; float: left}
#addthis_toolbox .hover_effect a{padding: 2px 10px 2px 16px; text-decoration: none; border: 1px solid #fff; position: relative}
#addthis_toolbox .hover_effect a:hover{border: 1px solid #105CB6; color: #105CB6; text-decoration: none}
#addthis_toolbox .hover_effect span{position: absolute; width: 16px; top: 2px; left: 1px}