/*
Theme Name: Mac es Fácil
Description: Mac es Fácil
Author: SomosWP
Author URI: http://www.somoswp.com
*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- MAC ES FACIL -------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		input, textarea {font-family:inherit; font-size:1em;}
		

/*- Fin de Reset Styles ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Estilos generales ------------------------------------------------------*/


		body {font:100% "Helvetica Nue", Helvetica, Arial, sans-serif; background:#FFF;}
		
			/*- Resolucion -*/
			.header,
			.wrapper,
			.prefooter,
			.footer {width:900px; margin:0 auto;}
			
			/*- Ocultar texto -*/
			.tagline,
			.header h1 a,
			#sidebar .buscador #searchsubmit {font-size:0; text-indent:-9999em;}
			
			/*- Float clear -*/
			.meta,
			.prefooter,
			#sidebar .categorias li ul,
			.content .postmeta,
			.commentlist li,
			#respond form {overflow:hidden;}
			
			/*- ADS -*/
			.ad {clear:both;}
			
			/*- Bordes redondeados -*/
			.content .nivel strong,
			#sidebar .nivel a,
			.content .ad,
			#sidebar .categorias li a,
			#respond button {-moz-border-radius:4px; -webkit-border-radius:4px;}
			.content .postmeta,
			.prefooter {-moz-border-radius:10px; -webkit-border-radius:10px;}
			#sidebar .buscador input {-moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px;}


/*- Fin de Estilos generales ------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/	

/*- Header ------------------------------------------------------------------*/	
	
			
		.header {padding:20px 0 30px; position:relative;}
			
			/*- Logo -*/
			.header h1 {}
			.header h1 a {display:block; width:304px; height:55px; background:url(images/logo.gif) no-repeat 0 0;}
			
			/*- Tagline -*/
			.tagline {display:block; width:248px; height:33px; margin:2px 0 0 70px; background:url(images/tagline.gif) no-repeat 0 0;}
			
			/*- Publicidad -*/
			.header .ad468x60 {width:468px; height:60px; border:1px solid #898989; position:absolute; top:25px; right:0; z-index:1;}
			

/*- Fin de Header -----------------------------------------------------------*/	
/*-----------------------------------------------------------------------------------------------*/

/*- Contenido central -------------------------------------------------------*/

			
			.wrapper { overflow: hidden;}			
				
				/*--------------------------------------*/
				/*	EL CONTENIDO						*/
				/*--------------------------------------*/
				
				.content {float:left; width:545px; color:#666;}
				
					.content .post {padding-bottom:40px; clear:both;}
				
						.content h2 a, .meta a {text-decoration:none;}
						.content h2 a:hover, .meta a:hover {text-decoration:underline;}
						
						/*- Publicidad entre posts -*/
						.content .ad {clear:both; margin:0 auto 55px; border:2px solid #898989;}
						.content .ad468x60 {width:468px; height:60px;}
						
						/*- Titulo del post -*/
						.content h2 {font-size:1.6em; letter-spacing:-0.04em; font-weight:normal; padding-bottom:5px; margin-bottom:7px; color:#333; border-bottom:2px solid #E5E5E5;}
						.content h2 a {color:#555;} 
				
						/*- Meta -*/
						.meta {font-size:0.8em; line-height:150%; color:#999; padding:0 1px 15px;}
							.meta a {color:#666 !important;}
							.meta a:hover {color:#333;}
							
						/*- Contenido del post -*/
						.post .entry ul {list-style:disc;}
						.post .entry ol {list-style:lower-roman;}
						.post .entry ul,
						.post .entry ol {margin:10px 0 0 25px;}			
						.post .entry p,
						.post .entry li,
						.post .postmeta {font-size:0.9em; line-height:150%; padding-bottom:15px;}	
						.post .entry li {line-height:130%; padding-bottom:10px;}
						.post .entry a {
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
						/*- Blockquote (importante) -*/
						.post .entry blockquote {width:555px;}
						.post .entry blockquote p {padding:40px 60px 15px 17px; min-height:119px;}
						
						.post-nivel-1 .entry blockquote {background:#FFF2C4 url(images/importante/impYellow-top.gif) no-repeat 0 0;}
						.post-nivel-1 .entry blockquote p {background:url(images/importante/impYellow-bottom.gif) no-repeat 0 100%;}
						.post-nivel-2 .entry blockquote {background:#D5EFFD url(images/importante/impBlue-top.gif) no-repeat 0 0;}
						.post-nivel-2 .entry blockquote p {background:url(images/importante/impBlue-bottom.gif) no-repeat 0 100%;}
						.post-nivel-3 .entry blockquote {background:#FFD7D0 url(images/importante/impPink-top.gif) no-repeat 0 0;}
						.post-nivel-3 .entry blockquote p {background:url(images/importante/impPink-bottom.gif) no-repeat 0 100%;}
						
						
						/*- Nivel del post -*/
						.content .nivel {float:right;}
							.content .nivel strong {padding:3px 18px; text-transform:uppercase; font-weight:normal; font-size:0.85em; color:#666; position:relative; top:-1px;}
							.content strong.nivel-1 {background:#FBCA54;}
							.content strong.nivel-2 {background:#97D6FA;}
							.content strong.nivel-3 {background:#FF9F95;}
			
							.content .post-nivel-1 .entry a {color:#8F7433;}
							.content .post-nivel-2 .entry a {color:#6089A1;}
							.content .post-nivel-3 .entry a {color:#A36560;}
							
							.alignleft {float:left; margin:0 10px 10px 0;}
							.alignright {float:right; margin:0 0 10px 10px;}
							.aligncenter {display:block; margin:10px auto;}
							
						/*- Post Meta -*/
						.content .postmeta {color:#898989; padding:20px; background:#FCFCFC; margin-top:15px; border:1px solid #E9E9E9; clear:both;}
							.content .postmeta a {color:#898989; text-decoration:none;}
							.content .postmeta a:hover {color:#333; text-decoration:underline;}
							
							.content .postmeta .comentarios {float:left; width:185px; font-size:1.5em; line-height:130%;}
							.content .postmeta .encuesta,
							.content .postmeta .tags,
							.content .postmeta .print,
							.content .postmeta .pdf {float:right; clear:right; font-size:0.9em; text-align:right; width:280px;}
										
							.content .postmeta .tags {}
								.content .postmeta .tags a {font-weight:bold;}
								.content .postmeta .tags img {vertical-align:middle;}
								
							.content .postmeta .pdf,
							.content .postmeta .print {width:auto; margin-top:5px;}
							.content .postmeta .print {clear:both; margin-right:0px; padding-right:25px; background:url(images/print.gif) no-repeat 100% 0;float: right;}
							.content .postmeta .pdf {padding-right:20px; background:url(images/pdf.gif) no-repeat 100% 0;}
							
						/*- Post Meta 2 -*/
						.postmeta2 {float:left; width:100%; padding-bottom:20px;}
							.postmeta2 h4 {font-size:1.6em; letter-spacing:-0.04em; font-weight:normal; padding-bottom:5px; margin-bottom:7px; color:#777; border-bottom:2px solid #E5E5E5;}
							.postmeta2 ul {padding:10px;}
							.postmeta2 li {padding-bottom:10px;}
							.postmeta2 a {color:#999; text-decoration:none;}
							.postmeta2 a:hover {color:#333; text-decoration:underline;}
							.bartext a {margin-left:5px !important;}
							
							.related {float:left; width:335px;}
							
							.social {float:right; width:190px;}
								.social h4 {padding-left:7px;}
								.social li {padding-top:3px;}
								.facebook {background:url(images/facebook.gif) no-repeat 100% 0;}
								.twitter {background:url(images/twitter.gif) no-repeat 100% 0;}
								.email {background:url(images/email.gif) no-repeat 100% 0;}
								
								
						/*- Post Meta 2 en resultados -*/
						.content .postResult .postmeta {padding:0; border:0; background:none;}
							.content .postResult .postmeta .comentarios {font-size:1em; padding-left:25px; width:200px; background:url(images/commentSmall.gif) no-repeat 0 0;}
							.content .postResult .postmeta .tags {width:320px;}
										
						/*- Navegacion -*/
						.navigation {clear:both; padding:0 0 40px;}
							.navigation a {text-transform:uppercase; font-size:0.8em; color:#999; font-weight:bold; text-decoration:none;}
							.navigation a:hover {color:#333; text-decoration:underline;}
											
				/*--------------------------------------*/
				/*	SIDEBAR								*/
				/*--------------------------------------*/
				
				#sidebar {float:right; width:300px;}
		
					#sidebar .aside {clear:both; color:#969696;}
					#sidebar a {display:block; color:#969696; text-decoration:none;}
					#sidebar a:hover {text-decoration:underline;}
			
					/*- Nivel -*/
					#sidebar .nivel {}
						#sidebar .nivel h2 {font-weight:normal; font-size:0.9em; color:#999; padding-bottom:5px; padding-top:0; margin-top:12px;}
						#sidebar .nivel a {float:left; text-decoration:none; text-transform:uppercase; padding:5px 10px; width:76px; text-align:center; font-size:0.8em; color:#666; margin-right:4px;}
						#sidebar .nivel a:hover {text-decoration: none;}
						#sidebar .nivel .cat-item-21 a {background:#FBCA54;}
						#sidebar .nivel .cat-item-22 a {background:#97D6FA;}
						#sidebar .nivel .cat-item-20 a {background:#FF9F95;}
				
					/*- Buscador -*/
					#sidebar .buscador {padding-top:20px;}
						#sidebar .buscador form {float:left; width:100%; padding-bottom:20px;}
						#sidebar .buscador input {float:left; width:222px; padding:7px 17px; font-size:1em; color:#777; background:#E9E9E9; border:0;}
						#sidebar .buscador #searchsubmit {width:34px; height:31px; padding:0; cursor:pointer; background:url(images/search.gif) no-repeat 0 0;}
			
					/*- Categorias -*/
					#sidebar .categorias {}
						#sidebar h2,
						#sidebar .categorias li a {font-size:1.5em; font-weight:normal; letter-spacing:-0.04em; padding:5px 0 8px 5px; margin:15px 0 10px 0; border-bottom:2px solid #E5E5E5; clear:both;
	text-decoration: none;
}
						#sidebar h2 {font-size:1.9em;}
						#sidebar .categorias li a:hover {color:#333;}
							#sidebar .categorias li ul {padding:0 15px;}
							#sidebar .categorias li ul li a {float:left; width:100px; font-size:0.9em; letter-spacing:0; margin:0 10px 0 0; padding:3px 8px; border:0; clear:none;}
							#sidebar .categorias li ul li a:hover {text-decoration:none; color:#FFF; background:#999;}
					
					/*- Subscribite -*/
					#sidebar .suscribite {font-size:0.8em;}
						#sidebar .suscribite p {padding:0 2px 6px;}
						#sidebar .suscribite form {padding:0 2px;}
						#sidebar .suscribite input {color:#666; padding:5px; background:#FFF; border:1px solid #A7A7A7;}
						#sidebar .suscribite #s {padding:6px 5px; width:220px;}
						#sidebar .suscribite .rss {display:block; line-height:130%; padding:10px 0 0 20px; background:url(images/rss.gif) no-repeat 2px 11px;}
						#sidebar .suscribite .rss:hover {color:#B15A25;}
					
					
					#sidebar .fanbox{
						 margin: 10px 0;
					}
					/*- Mas votados -*/
					#sidebar .masvotados {font-size:0.9em;}
						#sidebar .masvotados h2 {font-size:1.7em;}
						#sidebar .masvotados ol {margin-left:30px;}
						#sidebar .masvotados li {padding:5px 10px 5px 2px; list-style:decimal;}
						
					/*- Publicidades -*/
					#sidebar .ad {}
					#sidebar .ad300x125 {width:300px; height:125px; margin:20px 0 10px;}
					#sidebar .ad125x125 {width:125px; height:125px; float:left; margin:20px 10px; clear:none;}
					#sidebar .ad300x250 {width: 300px; height: 250px; margin: 20px 10px;}
					

/*- Fin de Contenido central ------------------------------------------------*/			
/*-----------------------------------------------------------------------------------------------*/	

/*- Comentarios -------------------------------------------------------------*/


		.commentlist {padding-bottom:30px;}
			.commentlist li {clear:both; padding-bottom:15px;}
			
				/*- Titulo -*/
				h3#comments {font-size:1.6em; letter-spacing:-0.04em; font-weight:normal; padding:0 0 5px 45px; margin-bottom:7px; color:#777; border-bottom:2px solid #E5E5E5; background:url(images/commentBubble.png) no-repeat 10px 2px;}
				
				/*- Avatar -*/
				.commentlist .vcard {float:left; width:80px; padding:15px 15px 0 0; text-align:right;}
					.commentlist .vcard cite {display:block; font-style:normal; clear:both;}
					.commentlist .vcard a {color:#999; text-decoration:none; font-size:0.7em;}
					.commentlist .vcard img {padding:1px; margin-bottom:10px; border:1px solid #DDD; float:right;}
				
				/*- Texto -*/
				.commentlist .comment-entry {float:right; width:419px; padding:15px 15px 5px; border-left:1px solid #EEE7DD;}
					.commentlist .comment-entry p {font-size:0.8em; line-height:150%; padding-bottom:15px;}
				
		/*--------------------------------------*/
		/*	RESPOND								*/
		/*--------------------------------------*/		
		
		#respond {clear:both;}
		
			#respond h4 {font-size:1.6em; letter-spacing:-0.04em; font-weight:normal; padding:0 0 5px 45px; margin-bottom:7px; color:#777; border-bottom:2px solid #E5E5E5; background:url(images/commentBubble.png) no-repeat 10px 2px;}
			#respond form {padding:10px 0 30px;}
			#respond p {float:left; clear:both; width:100%; padding-top:10px;}
			#respond label,
			#respond input,
			#respond textarea {float:left; padding:5px;}
			#respond label {width:108px; text-align:right; margin:2px 15px 0 0;}
			#respond input,
			#respond textarea {border:1px solid #DDD; color:#333;}
			#respond input {width:280px;}
			#respond textarea {width:360px; height:120px; overflow:auto; font-size:0.8em;}
			#respond button {background:#E6E6E6 url(images/sendBtn.png) repeat-x 0 0; border:1px solid #DDD; padding:5px 8px; color:#666; margin:5px 0 0 132px;}
			#respond button:hover {border-color:#CCC; color:#333; cursor:pointer;}
				

/*- Fin de Comentarios ------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/	

/*- Pre footer --------------------------------------------------------------*/
				
		
		.prefooter {clear:both; color:#969696; width:860px; padding:20px; background:#F4F4F4; margin-top: 15px;}
			.prefooter a {color:#969696; text-decoration:none;}
			.prefooter a:hover {color:#333; text-decoration:underline;}
			.prefooter h3 {font-weight:normal; font-size:1.5em; letter-spacing:-0.04em; padding:5px; margin-bottom:20px; border-bottom:2px solid #DBDBDB;}
			
			/*- Mas leidos -*/
			.postmasleidos {float:left; width:300px;}
				.postmasleidos li {padding:10px 10px 7px 15px; list-style:inside decimal; color:#AEAEAE; border-bottom:1px solid #DDD;}
			
			/*- Tag cloud -*/
			.tagcloud {float:right; line-height:140%; width:505px;}


/*- Fin de Pre footer -------------------------------------------------------*/			
/*-----------------------------------------------------------------------------------------------*/

/*- Footer ------------------------------------------------------------------*/

			
		.footer {font-size:0.8em; color:#888;}
			.footer a {color:#888}
			.footer a:hover {color:#333;}
			.footer p {padding:15px 0 0 20px;}
			.footer ul {padding:5px 0 40px 13px;}
			.footer li {display:inline; padding:0 7px; border-right:1px solid #DDD;}


/*- Fin de Footer -----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Safari/Chrome FIX -------------------------------------------------------*/

		
		@media screen and (-webkit-min-device-pixel-ratio:0){#sidebar .buscador #searchsubmit {margin-top:2px;} #sidebar .buscador input {padding-top:6px;}}
		

/*- Fin de Safari/Chrome FIX ------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------- FIN DE MAC ES FACIL ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
}







/*
	Horizontal Accordion
*/

.horizontal_accordion_toggle {
	float: left;	/* This make sure it stays horizontal */
	display: block;
	text-indent:-9999px;
	width:39px; height:225px;
	cursor: pointer;
}
.horizontal_accordion_toggle a {
	width:39px; height:225px;
	display: block;
}
.horizontal_accordion_toggle .nivel-1 { background:url('images/slider/inicial.png') no-repeat;}
.horizontal_accordion_toggle .nivel-2 { background:url('images/slider/medio.png') no-repeat;}
.horizontal_accordion_toggle .nivel-3 { background:url('images/slider/experto.png') no-repeat;}
.horizontal_accordion_toggle_active .nivel-1 { background:url('images/slider/inicial-active.png') no-repeat;}
.horizontal_accordion_toggle_active .nivel-2 { background:url('images/slider/medio-active.png') no-repeat;}
.horizontal_accordion_toggle_active .nivel-3 { background:url('images/slider/experto-active.png') no-repeat;}

.horizontal_accordion_content {
	height: 225px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
	width: 774px;
}
	
	.horizontal_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
			
			
/* Container styling*/
#horizontal_container {
	height:225px;
	margin-bottom: 20px;
	overflow: hidden;
}

.acc_cont {
	height: 225px;
	background-repeat: no-repeat;
	position: relative;
}
.acc_cont_1, .acc_cont_2, .acc_cont_3 {
	min-height: 43px;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.acc_cont_1 {
	background: url(images/slider/inicial-bg.png) repeat;
}
.acc_cont_2 {
	background: url(images/slider/medio-bg.png) repeat;
}
.acc_cont_3 {
	background: url(images/slider/experto-bg.png) repeat;
}
.acc_cont h2 {
	font-size:1.2em;
	font-weight:lighter; 
	margin: 13px 0 0 10px;
}
.acc_cont h2 a{
	color:#777;
	text-decoration: none;
	display: block;
}




.ad {
	display: none;
}