/*--------------------------------------------------------------------------------
Theme 'SferaZero v8'
Created by AlmaOscura <http://www.sferazero.com/>.
-- License --
Everything included in the package, the CSS, XHTML and design is released under
the GNU GPL License v.2, June 1991:
http://www.fsf.org/licensing/licenses/gpl.html
http://www.gnu.org/licenses/gpl.html
--------------------------------------------------------------------------------*/

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,
th,td 		  { margin: 0; padding: 0; }
fieldset,img,abbr 		
				    { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var 		
				    { font-style: normal; font-weight: normal; }
caption,th  { text-align: left; }
q:before,q:after{ content: ''; }
a 				  { text-decoration: none; }

/* General */
* html 			{ font-size: 11px; }
html, body 	{ margin: 0 auto; padding: 0; text-align: center; background: #eee;	font: normal 11px Helvetica, Arial, Sans-Serif; width: 100%;}
body { background:#eee url('images/body.png') top center repeat-y; min-height: 100%; }
	
/* Enlaces */
a 				{ color: #66aadd; }	
a:hover 		{ color: #397aaa; text-decoration: underline; }
a img 			{ border: none; }
		
/* Alineacion */
.centro 		{ display: block; margin-left: auto; margin-right: auto; text-align: center; }
.derecha 		{ float: right; }
.izquierda 		{ float: left; }

/* Imagenes */
.entry img 		{ border: none;}
.entry a img	{ padding: 5px; background: #fff; border: none;}
.entry a img:hover 
				{ background: #ddd;}	

/* Estilos HTML */
hr      		{ display: none;}
h2, h2 a, h3, h3 a { text-align: left; font-weight: normal; }
h2 				{ font-size: 1.6em; color: #66aadd; padding-bottom: 3px; }
h3				{ font-size: 1.3em; color: #66aadd; border-bottom: 1px solid #ccc; width: 100%; padding-bottom: 3px;}
#ncol h2, #ncol h3 
				footer
#ncol h2, #ncol h3 
				{ text-align: left;}
blockquote 		{ border: 1px dotted #bbb; background-color: #ddd; padding: 10px 20px; font-style: italic; }
code 			{ font: 1em 'Courier New', Courier, Fixed, sans-serif;}	
small 			{ font-size: 0.9em; line-height: 1.5em; }
acronym, abbr 	{ font-style: italic; border-bottom: 1px dotted #ccc;	}
.entry ul, .entry ol 
				{ margin: 5px 5px 5px 40px;}
p				{ margin: 10px 0;}
strong			{ font-weight: bold !important; }
em					{ font-style: italic !important; }

/* Estructura */
#header 		{ margin: 0 auto; width: 960px; padding: 83px 0 0; height: 60px; display: block; background: #4c8dbf url('images/cab.png')  0 0 no-repeat; cursor: pointer;}			
#header h1, #header p { display: none; }	
#header ul, #header li { display: inline; }
#header ul { float: right; padding-right: 30px;}
#header li { margin: 10px 15px; font-size: 1.2em; text-transform: uppercase; color: #fff !important;}
#header a  { color: #fff !important; text-decoration: none; }
#header a:hover { color: #ffd800 !important;}
			
.bread			{ margin: 10px 0 20px; padding: 0 0 0 10px; font-size: 1em; color: #777; }
.bread a 		{ font-weight: bold; }

#footer 		{ background: #4c8dbf; clear:both; width: 960px; margin: 0 auto; border-top: 1px solid #0066aa; }		
#footer2		{ width: 900px; margin: 0 auto; padding: 40px 10px 40px 10px; text-align: left;}
#footer ul, #footer li { display: inline; }
#footer li { margin: 10px 20px 10px 0 ; font-size: 1.1em; color: #ccc !important;}
#footer a  { color: #fff !important; text-decoration: none; }
#footer a:hover { color: #ffd800 !important;}

	
#content		{ margin: 0 auto; padding: 0; width: 960px; font: 1em Helvetica, Arial, Sans-Serif; color: #333; text-align: left; border-top: 1px solid #0066aa; background: #fff;}
#page 			{ margin: 0 auto; padding: 0; width: 100%; background: #fff;	text-align: left; }
#wcol 			{ padding: 0; width: 100%;  }	
#wcol { background: #aad279 url('images/slide.png') left top repeat-x; min-height: 284px; margin: 0 auto;
border-top: 1px solid #ddf2c3; border-bottom: 1px solid #96b66c;}
#ncol 			{ padding: 0; width: 960px; margin: 0 auto;}	

/* Buscador */
#ncol #buscador { margin: 10px 0 0 -15px; padding: 5px 20px 0 15px; width: 100%; height: 30px; text-align: center; }	
#s				{ margin: -4px auto 0; padding: 0 1px 0; font-size: 1.1em; color: #333; width: 140px; height: 14px; border: 1px solid #aaa; background: #fafafa; }	
#s:hover 		{ background:#fff; border: 1px solid #ddd; }
#s:focus 		{ background:#fff; }

/* Entradas */
.post 			{ margin: 0px 10px; text-align: justify;}
.postmetadata, .premetadata
				{ width: 100%; color: #777; text-align: left; font-size: 1em; line-height: 1.3em; }
.postmetadata 	{ margin: 10px 0 40px 0; padding: 5px 0px; border-top: 1px solid #ccc; }
.premetadata	{ margin: 0 0 10px 0; padding: 0px 0px 3px 0px; border-bottom: 1px solid #ccc; }
.post-comentarios, .post-categorias, .post-etiquetas 
				{ display: inline; margin: 0; height: 15px; padding-top: 3px; padding-bottom: 3px; }
.post-categorias, .post-etiquetas  
				{ padding-left: 10px; }

.entry 			{ font-size: 1.1em;	line-height: 1.4em; padding-right: 11px; }
.entry a 		{ font-weight: bold; }	
.entry ol li	{ list-style: decimal outside; }
.entry ul li	{ list-style-type: square; }
.entry form 	{ text-align: left; }
.entry input	{ margin: 2px auto; font-size: 1.1em; padding: 0px; background-color: #fff; border: 1px solid #aaa; }	
.entry input[value="Submit"] 
				{ font-size: 9px; cursor: pointer;}
.entry input[value="Submit"]:hover
				{ background-color: #56a609; }
.entry h2, .entry h3 {font-size: 1.4em;}	
	
/* Sidebar */
.sidebar		{ padding: 9px 0px 7px 20px; margin: 0; width: 711px; font-size: 1em; background: #222;	clear:both;	border-bottom: 3px solid #66aadd; }
.sidebar ul		{ clear: both; margin: 0; padding: 0; }
.sidebar ul, .sidebar li { list-style: none; list-style-image: none; display: inline; }

.sidebar a {
	color:#fff;
	background:#111;
	padding:3px 5px 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.sidebar a:hover {
	background: #56a609;
	padding:3px 5px 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration: none;
}

/* Comentarios */
.comments 		{ width: 690px; margin-left: 10px; }
.comments h3	{ text-align: left !important; padding: 5px 10px; clear: both; }
.comments ul	{ margin: 10px 0; padding: 0; text-align: left; color: #777; list-style-type: none; }
.comments li	{ text-align: left; margin: 25px 0 20px; padding: 5px; width: 100%; clear: both; }
.comments .postmetadata 
				{ margin: 5px 0; padding: 4px 0 0; width: 98%; font-size: 0.9em; font-weight: normal; color: #777; }
.comments .comment
				{ margin: -10px 0 10px 5px; float: right; font-size: 1.1em; font-weight: normal; text-align: left; width: 92%; color: #333; min-height: 32px; }
.comments img	{ float: left; padding: 2px; border: 1px solid #aaa; }
.comments .comment img.wp-smiley 
				{ float: none; border: none; margin-bottom: -3px; }

/* Formulario de los comentarios */
#commentform	{ clear: both; margin: 15px 0 30px 15px; }
#commentform label 	
				{ font-weight: bold; }
#commentform input 
				{ font: 1.1em Helvetica, Arial, Sans-Serif; width: 170px; margin: 5px 5px 1px 0; padding: 2px; border: 1px solid #aaa; }
#commentform textarea 
				{ font: 1.1em Helvetica, Arial, Sans-Serif; width: 98%; padding: 2px; border: 1px solid #aaa; }
#commentform #submit 
				{ width: 170px; padding: 2px; background: #eee; text-align: center; border: 1px solid #aaa; font-weight: bold; float: right; }
#commentform #openid_url 
				{ background-color: #fff !important;}
#commentform #submit:hover 
				{ background-color: #56a609; color: #fff; cursor: pointer; }
#commenttags 	{ font-size: 0.9em;	padding: 5px 0 0 15px; }
	
/* Navegacion */
.navigation 	{ margin: 0; padding: 0; font-size: 1.1em; color: #777; width: 100%; height: 25px; text-align: center; }
.navigation a 	{ color: #66aadd; font-weight: bold; text-decoration: none; }
.navigation a:hover { color: #397aaa; text-decoration: underline; }	
	
/* Retrocompatibilidad */
img.centered 	{ display: block; margin-left: auto; margin-right: auto; }
img.alignright  { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft 	{ padding: 4px;	margin: 0 7px 2px 0; display: inline; }

.alignright 	{ float: right;	}
.alignleft 		{ float: left }
.centered 		{ display: block; margin-left: auto; margin-right: auto; text-align:center;	}

/****/

#twitter_div { background: #eee; border-bottom: 1px solid #ddd; margin: 1px 0 0 0; padding: 3px 5px 3px 10px; }
#twitter_div ul, #twitter_div li { list-style: none; margin: 0; padding: 0; display: inline; }
/**************/
#content #categorias {
	margin: 0px 5px 0px 6px;
	padding: 0px;
	}

#content #categorias ul {
	margin: 0px 5px 0px 6px;
	padding: 0px;
	}

#content #categorias li {	
	margin: 0px 0px 0px 16px;
	padding: 0;
	color: #666;
	}

#smartArchives a, #smartArchives .emptymonth { margin-left: 2px; margin-right: 2px;}
#smartArchives .emptymonth { color: #222; }
#services img { vertical-align: middle; }


/*** Slider ***/
#slider {
		padding-top: 20px;
		padding-bottom: 20px;
    width: 720px;
    margin: 0 auto;
    position: relative;
}

#slider .scroll {
    height: 250px;
    width: 720px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #fff url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
    -moz-border-radius:4px;
}

#slider .scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 680px;
}

#slider .panel p { font-size: 1.2em;}

#slider #shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

#slider ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

#slider ul.navigation li {
    display: inline;
    margin-right: 10px;
}

#slider ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

#slider ul.navigation a:hover {
    background-color: #f6f6f6;
    -moz-border-radius:2px;
}

#slider ul.navigation a.selected {
    background-color: #fff;
    -moz-border-radius:2px;
}

#slider ul.navigation a:focus {
    outline: none;
}

#slider .scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

#slider .scrollButtons.left {
    left: -30px;
}

.scrollButtons.right {
    right: -30px;
}

.hide {
    display: none;
}

table.bubble .bubbleInfo .buttonArea img { padding: 0 !important;}