/*  

Theme Name: Zonadium Theme
Theme URI: http://www.Zonadium.com/
Description: Tema para Zonadium
Version: 2.0
Author: 0weN	
Author URI: http://www.MartinZambrano.com/

*/

/************************************************************\
* Principal O_<
\************************************************************/

*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	color: #000;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
a{
	color: #8AB134;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #dddddd 1px solid;
	font-size: 12px;
	padding: 5px;
}
select{
	padding: 0;
}
li{
	list-style: none;
}

/************************************************************\
* Paginas y Otros
\************************************************************/


#page{
	width: 970px;
	background-color: #FFFFFF;
	margin:15px auto;
	border: 1px solid #CCCCCC;
}
/*--- Columnas Principales ---*/
#columns{
	padding:5px 15px 25px;
	background-color: #FFFFFF;
	margin: 0px;
}

.col0{
	float: left;
	width: 120px;
	padding-right:15px;
	
}

.col1{
	float: left;
	width: 510px;
	padding-right:15px;
}

.col1-ancha{
	float: left;
	width: 800px;
	padding-right:5px;
}

.col2{
	float: left;
	width: 275px;
}



/*--- Sub Columnas ---*/
.subcol{
	width: 12a0px;
}
.subcol h2{
	font-size: 14px;
	padding: 0 0 10px;
	color: #FFFFFF;
}

/************************************************************\
* Cabezera
\************************************************************/


/*- Navegacion / Menus -*/
#nav{
	height: 30px;
	padding: 2px 0px !important;
	background-color: #900D01;
	margin:0px 15px 0px !important;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width: 935px !important;
}
#nav-left {
	float:left;
	display:inline;
	width:680px;

	}

#nav-right {
	float:right;
	display:inline;
	width:250px;
	margin:0px !important;
	padding:0px !important;
	}

#header-right {
	float:right;
	display:inline;
	width:500px;
	margin:0px !important;
	padding:0px !important;
	}


/*- Dropdowns-*/

#nav1, #nav1 ul{
	padding: 0;
	float:left;
	list-style: none;
}
#nav1 {
	padding: 0;
	font-size:12px;
	float:left;
}
#nav1 a {
	display: block;
	padding-left:10px;
	padding-right:10px;
}
#nav1 li {	
	border-right:1px solid #DEDBD1;
	float: left;
	line-height:30px;
	font-weight:bold;
	font-size:11px;	
	text-transform:uppercase;
}
#nav1 li a:hover {
	background: none;
	text-decoration:none;
	color:#ffffff;
}
#nav1 li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	padding-top:1px;
}
#nav1 li:hover ul, #nav1 li.sfhover ul {
	left: auto;
}
#nav1 li ul li {
    	background: #FFFFFF;
	border-bottom:1px solid #dedbd1;	
	border-left:1px solid #dedbd1;	
	border-right:1px solid #dedbd1;			
	line-height:28px;	
	width:12em;
}

#nav1 li:hover, #nav1 li.hover {
    position: static;
}
#nav1 li ul ul {
	margin: -29px 0 0 15em;
	border-top:1px solid #dedbd1;	
}

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
	left: auto;
}
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {
	left: auto;
} 

#nav1 li:hover ul, #nav1 li.sfhover ul {
	left: auto;
	z-index:1000;	
}

/*- Sub Menu / Secciones -*/

/*- Nav / Dropdowns-*/
#nav2 {
	margin:0 0 15px 15px !important;
	margin:0 0 7px 7px;	 
}

#nav2, #nav2 ul{
	padding: 0;
	float:left;
	list-style: none;
	color:#ffffff;

}
#nav2 {
	padding: 0;
	font-size:13px;
	float:left;
	width:930px;
	border-top: 1px solid #DDDDDD;
}
#nav2 a {
	display: block;
	padding-left:15px;
	padding-right:15px;
	border-right: 1px solid #DDDDDD;
	color:#ffffff;
}
#nav2 li {
	float: left;
	line-height:30px;
	line-height:30px;
	font-weight:bold;
	font-size:11px;	
	color:#ffffff;
}
#nav2 li a:hover {
	background: none;
    	text-decoration: none;
}
#nav2 li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	z-index: 99999;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
	z-index:1000;	
}
#nav2 li ul li {
    background: #6a6a6a;
	border-bottom:1px solid #dedbd1;	
	border-left:1px solid #dedbd1;	
	border-right:1px solid #dedbd1;			
	line-height:28px;	
	width:15em;
}
#nav2 li:hover, #nav2 li.hover {
    position: static;
}
#nav2 li ul ul {
	margin: -29px 0 0 15em;
}
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {
	left: auto;
}
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
} 



/*- Busqueda -*/

#search{
	float: right;
	height: 27px;
	width:200px;
	_width:200px;
	margin: 3px 0px 0px !important;
	padding:0px !important;
}
* html #search{
	margin-right: 8px;
}
#search input{
	background: #ffffff;
	border: 1px solid #dddddd;
	color: #000000;
	float: left;
	font-size: 11px;
	width:100px;
	margin:1px 0px 0px;
	padding: 3px 4px 4px;
}
#search .btn{
	padding: 0;
	height:22px;
	width: auto;
	margin:1px 0px 0px 5px !important;
	border:none;
	width:22px;
}

/*- Header -*/
#header{
	height: 157px;
	background-color: #FFF;
	margin:15px 15px 0px !important;
	padding: 0px;
}
/*- Logo -*/
#header h1{
	float: left;
	display:inline;
	line-height: 157px;
	font-size: 24px;
}
#header h1 a{
	display: block;
	height: 157px;
	width: 950px;
	color: #FFF;
	font-size: 28px;
}


/*- RSS -*/
#rss a{
	color: #666666;
}
#rss h2{
	padding:10px;
	font-size:14px;
	margin-bottom:10px;
}
#rss ul{
	margin: 0px;
	padding: 10px;
	float:left;
}
#rss li{
	margin: 0px;
	border:none !important;
	padding: 5px;
}
#rss img{
	float: right;
	padding-left: 10px;
	margin-top: 5px;
}

/************************************************************\
* Index
\************************************************************/

/*=== Box ===*/
.post{
	margin: 0;
}
.post h2{
	font-size: 18px;
	padding: 0 0 5px;
}
.post h3{
	font-size: 16px;
	padding: 0 0 5px;
}
.post h3 a{
	color: #000000;
}
.post p{
	padding: 0 0 15px;
	line-height: 15px;
}

/*- Box -*/
.box{
	clear: both;
	height: 1%;
	padding: 0;
	margin: 0;
}
.box .post{
	width: 180px;
	background-color: #ffffff;
	border:0px solid #ddd;
}
.box .post h2 a{
	color:#333333;
}
.box .post h2{
	font-size: 18px;
	padding: 10px;
	line-height: 20px;
}
.box .post p{
	font-size: 11px;
	padding: 5px 10px;
}

.box .post img{
	border: 1px solid #dddddd;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 10px;
	float: center;
}

/*=== Blog ===*/
.post-alt{
	margin: 0 0 15px 0;
	
}
.post-alt h2{
	font-size: 22px;
	padding: 0;
	color:#000;
	line-height: 26px;
}
.post-alt h3{
	font-size: 15px;
	padding-bottom: 5px;
	line-height: 18px;
	color:#000;
}
.post-alt h4{
	font-size: 14px;
	padding-bottom: 5px;
	line-height: 16px;
}
.post-alt h3 a, .post-alt h2 a{
	color:#000;
}
.post-alt p{
	padding: 0 0 15px;
}
.post-alt p.post_date{
	color: #666666;
	padding: 5px 0px 10px;
	font-size: 11px;
	font-weight: normal;
}
p.posted{
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	line-height: 8px;
	background-color: #eeeeee;
	padding: 5px;
	margin-top: 9px;
	text-align: right;
	border-top:1px solid #ddd;
	/*border-bottom:1px solid #ddd;*/
	clear:both;
}
h3.posted a {
	color: #000000;
	font-size:11px;
}

.box .post h3.posted {
	border-bottom:none;
}


.autor_info {
	float: left;
	width: 573px;
	padding: 10px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
}



/*=== Botones ===*/
.continue{
	background: url(images/ico-arrow.gif) no-repeat left;
	font-weight:bold;
	padding-left: 15px;
}
.comments {
	padding-bottom:0px !important;
}
.comments a{
	background: url(images/ico-comm.gif) no-repeat left;
	color: #000000;
	font-weight:normal;
	font-size:11px;
	padding:0px 0px 0px 18px;
	margin-left:5px;
}
a.more{
	background: url(images/ico-arrow2.gif) no-repeat right;
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 20px 0 0;
}
/*=== Blog ===*/
.navigation {
	width:95%;
	margin-bottom:15px;
	float:left;
	padding: 15px 0;
	border-top:  1px solid #eee;
	border-bottom:  1px solid #eee;
}
.navigation a {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}
.alignleft{
	display:inline;
	float:left;
	margin-right:15px;
}
.alignright{
	display:inline;
	float:right;
	margin-left:15px;
}


img.wp-smiley  {
    padding: 0!important;
    border: none!important;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    /* Finalizando Imagenes */


/*========= Archive =========*/

#archivebox {
	margin-bottom:15px;
	padding:10px;
	color:#000 !important;
}
#archivebox h4, #archivebox h3, #archivebox h2{
	color:#333333;
}
#archivebox h4 em, #archivebox h2 em, #archivebox h3 em{
	font-weight: normal;
}
#archivebox a, #archivebox h2 {
	color:#000;
}
.archivefeed {
	margin-top:10px;
	padding-bottom:0px;
}
.archivefeed a {
	background:url(images/ico-arcfeed.gif) center left no-repeat;
	height:20px;
	color:#000;
	font-weight:bold;
	font-size: 11px;
	font-weight: normal;
	padding:3px 0px 1px 22px;
}
.arclist{
	width: 260px;
	margin:0px 0px 25px;
	padding:5px 0px 0px;
	border-bottom: 1px solid #eee;
}
.arclist h2{
	color: #000;
	padding:0px 0px 15px;
}

.arclist ul {
	margin-bottom: 15px;
}

.arclist ul li{
	color:#c0c0c0;
	font-size:12px;
	padding:8px 0 8px 10px;
	border-top:1px solid #eee;
}

/*======== Single Post ========*/

.singletags {
	margin-top:5px;
	float: left;
	width: 500px;
	padding: 5px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin-bottom: 15px;

}
.singletags a { font-weight: normal !important; text-decoration:underline;color:#000000; 

}





.entry p{
	text-align:left;
	font-size:12px;
	line-height:18px;
	}
.entry blockquote {
	padding: 10px;
	border: 1px solid #ddd;
	color:#000;
	width:85%;
	background-color: #f7f7f7;
	font-style: italic;
	margin:5px auto 15px;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.entry img {
	padding: 4px;
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
	}
.wp-caption img {
	margin-bottom:15px;
}
p.wp-caption-text {
	text-align:center;
	padding: 0 0 15px 0;
	margin:0px;
	font-size:1.2em;
	font-style:italic;
	color:#000000;
}
.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}


/*======== Comentarios ========*/

h2.commh2{
	font-size: 1.5em;
	padding: 0 0 5px;
	margin: 0 0 15px 0;
	font-weight:bold !important;
	color:#000000;
}
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li{
	padding: 20px 10px 10px 10px;
}
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background:#BEDDAC;
	border:1px solid #eee;	
}
#comment {
	width: 500px;
	float: left;
	margin-bottom: 15px;
}

#comment1 {
	width: 500px;
	float: left;
	margin-bottom: 15px;
}

#comment2 {
	width: 800px;
	float: left;
	margin-bottom: 15px;
}

#comment-tutoriales {
	width: 920px;
	float: left;
	margin-bottom: 15px;
}

#comment3 {
	width: 920px;
	float: left;
	margin-bottom: 15px;
}

/*======== Comentarios Anidados ========*/

ol.commentlist .comment-meta{
	font-size:0.8em;
}
ol.commentlist li .avatar { 	
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}

ol.commentlist li{
	border:1px solid #BEDDAC;		
	margin:10px 0 10px;
	padding:15px 10px 10px;
}

ol.commentlist li .even{
	background:#ffffff;
}

.commentlist li ul li {
	margin-left:10px;
	margin-right:-5px;
}

ol.commentlist li .reply {
	padding:0 0 5px 0;
}

#respond p{
	margin-bottom:10px;
	line-height: 20px;
}

/* PageNavi */

.mas_entradas {font-size:11px;}
.mas_entradas .wp-pagenavi {clear:both;float: right;}
.mas_entradas .wp-pagenavi a {text-decoration: none !important;}

.mas_entradas .wp-pagenavi .current, 
.mas_entradas .wp-pagenavi .on,
.mas_entradas .wp-pagenavi a:hover {background: #9f9f9f !important;}

.mas_entradas .wp-pagenavi a,
.mas_entradas .wp-pagenavi a:link,
.mas_entradas .wp-pagenavi a:visited, 
.mas_entradas .wp-pagenavi .current, 
.mas_entradas .wp-pagenavi .on,
.mas_entradas .wp-pagenavi span.pages { background: #EEEEEE;color: #666; padding: 4px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; }

.mas_entradas .wp-pagenavi .extend { background:none; border:none; }

/*========= Sidebar / Barra Lateral =========*/

/* Tabs */

#tabs {
	width:250px !important;
	height:auto !important;
	padding:5px;
	border:1px solid #ddd;
	background-color:#eeeeee;
	float:left;
	display: block;
}

.inside {
	width: 260px !important;
	padding:5px !important;
	border:1px solid #ddd !important;
	margin:5px 0px 0px !important;
	background-color: #FFFFFF;

}

ul.zdTabs {
	width: 100%;
	padding: 0 0 7px 0;
}

ul.zdTabs li {
	float: left;
	display:inline;
	font-size: 11px;
	line-height: 34px;
	background: #ffffff;
	color: #000000;
	border:1px solid #ddd;
	font-weight: bold;
	font-size: 11px;
	margin:0px 2px 0px 0px !important;
	cursor: pointer;
}

ul.zdTabs li a {
	line-height: 31px;
	color: #000000 !important;
	display: block;
	float: left;
	padding: 0 6px;
}

ul.zdTabs li a.selected, ul.zdTabs li a:hover {
	text-decoration:none;
	color: #ffffff !important;
}

#tagcloud {
	padding:10px;
}



#sub img {
	float: right;
	margin: 0 0 8px 8px;
}

.inside li {
	border-bottom:1px solid #EEEEEE;
	padding:8px;
}

.inside li img.avatar, .inside li img.thumbnail {
	border: 1px solid #ddd;
	padding: 3px;
	background-color: #ffffff;
	float: left;
	margin: 0 8px 0 0;
}



/*== Widgets ==*/

.widget {
	margin-bottom:15px;

}	
.widget h3 {
	padding: 5px;
	
}
.widget ul {
	margin:0 0 2px 0;
	padding:2px 0;
	border:none !important;
	
}
.widget ul li {
	border-bottom: 1px solid #eee;
	padding:2px 0 5px 5px;
	margin:0px;
}
.widget ul li a {
	color: #000000;
}
.widget select {
	border:1px solid #eee;
	width:148px;
	margin:15px 0 0 0;
}

.textwidget {
	padding-top: 15px;
}

/*======== Footer / Pie de Pagina ========*/

#footer{
	clear: both;
	color: #666666;
	height: 35px;
	line-height: 35px;
	margin:0px 15px 15px;
	padding:0px 15px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
}

#footer img {
	vertical-align:middle;
	margin-left:5px;
}

/*========= MISC =========*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.hl{
	border-bottom: 2px solid #eee;
}
.hl-full{
	float:left;
	clear:both;
	height:1px;
	width:100%;
	padding:0 !important;
	margin:0px 0px 15px;
}
.hl2{
	border-bottom: 3px solid #c0c0c0;
}
.hl3{
	border-bottom: 1px solid #eee;
}
.blog{
	width:100% !important;
	float:left;
}
.between{
	height:2px;
	margin-bottom:15px;
	}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.th{
	border: 1px solid #dddddd;
	float: left;
	padding: 3px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 10px;
}

table#wp-calendar {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table#wp-calendar a {
	color:#000000; 
}

table#wp-calendar caption { 
	font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; 
}
table#wp-calendar th { 
	width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; 
}
table#wp-calendar td { 
	width: 26px; line-height: 1.66667em; color: #999; text-align: center; 
}
table#wp-calendar td#next, table#wp-calendar td#prev { 
	width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; 
}
.gravatar {
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}
.jdGallery a { cursor:pointer !important; }



.full {
width:930px;
}


/************************************************************\
* Articulos Destacados
\************************************************************/

#fondodestacados {

	width:490px;
	height: 285px;
	background:#000;
	color:#fff;
	margin:0px;
	padding:10px;
}


	.ftop {padding:2px;}

	.ftop .featured {float:left;width:400px;position:relative;}

	.ftop .featured .fwrap {width:490px;height:290px;overflow:hidden;position:relative;}

	.ftop .featured ul {width:100000px;position:absolute;top:0;left:0;}

	.ftop .featured li {list-style:none;float:left;}

	.ftop .featured li img {vertical-align:middle;}

	.ftop .featured li div {margin-top:1px;padding:5px;}

	.ftop .featured li div a {font-weight:bold; color:#9d9d9d}

	.ftop .featured li div a.title {font-size:18px;font-weight:bold;color:#8ab134;}



	.ftop .featured .fthumbs {position:absolute;top:10px;left:10px;z-index:8;height:215px;overflow:hidden;}

	.ftop .featured .fthumbs img {border:2px solid #333;vertical-align:middle;margin-bottom:5px;width:62px;height:34px;}

	.ftop .featured .fthumbs img.active {border:2px solid #fff;}



	.ftop .featured a {outline:none;}



	.ftop .top {float:right;width:300px;}

	.ftop .top li {padding:10px 0;list-style:none;}

	.ftop .top li a {font-weight:bold;}

	.ftop .top li span {display:block;font-size:11px;height:14px;overflow:hidden;}

	.ftop .top li span a.comments {float:right;}




	
/************************************************************\
* Gravatar
\************************************************************/

	
#imagen_autor .avatar {



	width:33px;

	height:33px; 

	float: left; 

	margin: 5px; 

}


#imagen_autor_single .avatar {

	width:16px;
	height:16px; 
	float: left; 
	margin: 5px; 

}

/************************************************************\
* Tutoriales
\************************************************************/

#tutorial-autor {
	background: #CBCBCB;
	height: 45px;
	border: 1px solid #000;  
}



#info-autor {


}


#info-autor #imagen_autor .avatar {
	width:50px;
	height:50px; 
	float: left; 
	margin: 5px; 
	
}


#info-autor .avatar img
{
	border: 2px solid #DCDCE1;  
}

#info-autor #infosuperior
{
	height: 20px;
	border-bottom: #D9DDDE solid 1px;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0 3px 2px;
	margin: 0 0px 0 0px;
	
        
}


#info-autor #infoinferior
{
	height: 10px;
	clear: none !important;
	padding: 3px 0 0 10px;
	margin: 0 8px 0 15px;
        
}




#info-autor #info-dos
{
	
	margin: -18px 0 0 300px;
}

#info-autor #info-tres
{
	
	margin: -18px 0 0 500px;
}


#info-autor #info-uno-inf
{
	
	margin: 10px 0 0 0px;
}

#info-autor #info-dos-inf
{
	
	margin: -18px 0 0 300px;
}

#info-autor #info-tres-inf
{
	margin: -18px 0 0 500px;
}