/*
Theme Name: BuddyPress ES
Theme URI: http://pixel.st/themes/buddypress-es/
Description: Theme for BuddyPress-ES
Version: 1.0
Author: Pixel ST
Author URI: http://pixel.st/
*/

BODY {
	margin: 0; padding: 0 0 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: center;
	background: #424c53 url(images/bkg_body.jpg) repeat-x 50% 0;
	color: #969a9d;
}

A { outline: none; }
	A IMG { border: none; vertical-align: middle; }

UL { margin: 0; padding: 0; list-style: none; }
	UL LI { margin: 0; padding: 0; list-style: none; }

OL { margin: 0; padding: 2px 8px; }
	OL LI { margin: 0; padding: 2px 0; }

H1, H2, H3, H4, H5, H6 { margin: 0; padding: 0; }
P { margin: 0; padding: 4px 0; }
	
INPUT, SELECT { font-family: Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle; }
TEXTAREA { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }

FORM { margin: 0; padding: 0; }

IMG { border: 0; }

.alignright { float: right; }
.alignleft { float: left; }

.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }

.clear-both { clear: both; }

/* Begin Images ( Estandar de WordPress) */
P IMG {	padding: 0; max-width: 100%; }
IMG.centered, IMG.aligncenter, IMG.aligncentered { 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; }
/* End Images */

/* Clear Both fixed */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright,
img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft,
img.alignleft {
	padding: 4px;
	margin: 0 10px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
	
	.post .post-entry .wp-caption img {
		margin: 0; padding: 0;
		border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Posicionamiento */
BODY {
}

.posicion-general {
	width: 1000px;
	margin: 0 auto; padding: 0;
	text-align: left;
}


.pst-tp-lft { display: none; overflow: hidden; width: 1px; height: 1px; }
.pst-tp-rght { display: none; overflow: hidden; width: 1px; height: 1px; }
.pst-bttm-lft { display: none; overflow: hidden; width: 1px; height: 1px; }
.pst-bttm-rght { display: none; overflow: hidden; width: 1px; height: 1px; }


/* Cabecera */
.cabecera {
	height: 126px;
	overflow: hidden;
}
	
	.cabecera .blog-title {
		background: url(images/logo_cabecera.gif) no-repeat 0 0;
		text-indent: -10000px;
		width: 360px;
		float: left;
	}
		
		.cabecera .blog-title A {
			height: 95px;
			display: block;
		}
		
	.cabecera .menu-principal {
		width: 602px;
		height: 95px;
		float: right;
		text-align: right;
	}
		
		.cabecera .menu-principal .acceso-clientes {
			padding: 22px 10px 21px;
		}
		
		.cabecera .menu-principal UL.menu {
			width: 100%; height: 30px;
			float: left;
			overflow: hidden;
			text-align: left;
		}
			
			.cabecera .menu-principal UL.menu LI { 
				display: inline;
				margin: 0; padding: 0;
			}
				
				.cabecera .menu-principal UL.menu LI A {
					float: left;
					padding: 8px 18px;
					color: #b2b4b6;
					text-decoration: none;
				}
					
					.cabecera .menu-principal UL.menu LI A:hover {
						color: #fff;
					}
				
				.cabecera .menu-principal UL.menu LI.grafico {
					text-indent: -10000px;
				}
					.cabecera .menu-principal UL.menu LI.grafico A {
						background-image: url(images/btns_menu-principal.gif);
						background-repeat: no-repeat;
						text-indent: -10000px;
						padding: 8px 0;
					}
						
						.cabecera .menu-principal UL.menu LI.grafico A {
						}
				
				.cabecera .menu-principal UL.menu LI.inicio {}
					.cabecera .menu-principal UL.menu LI.inicio A { width: 53px; background-position: 0 0; }
						.cabecera .menu-principal UL.menu LI.inicio A:hover,
						.cabecera .menu-principal UL.menu LI.inicio A.selected { background-position: 0 100%; }
						
				.cabecera .menu-principal UL.menu LI.info {}
					.cabecera .menu-principal UL.menu LI.info A { width: 102px; background-position: -53px 0; }
						.cabecera .menu-principal UL.menu LI.info A:hover,
						.cabecera .menu-principal UL.menu LI.info A.selected  { background-position: -53px 100%; }
						
				.cabecera .menu-principal UL.menu LI.ayuda {}
					.cabecera .menu-principal UL.menu LI.ayuda A {	width: 56px; background-position: -155px 0; }
						.cabecera .menu-principal UL.menu LI.ayuda A:hover,
						.cabecera .menu-principal UL.menu LI.ayuda A.selected  { background-position: -155px 100%; }
						
				.cabecera .menu-principal UL.menu LI.escaparate {}
					.cabecera .menu-principal UL.menu LI.escaparate A { width: 94px; background-position: -211px 0; }
						.cabecera .menu-principal UL.menu LI.escaparate A:hover,
						.cabecera .menu-principal UL.menu LI.escaparate A.selected  { background-position: -211px 100%; }
						
				.cabecera .menu-principal UL.menu LI.blog {}
					.cabecera .menu-principal UL.menu LI.blog A { width: 48px; background-position: -305px 0; }
						.cabecera .menu-principal UL.menu LI.blog A:hover,
						.cabecera .menu-principal UL.menu LI.blog A.selected  { background-position: -305px 100%; }
						
				.cabecera .menu-principal UL.menu LI.contacto {}
					.cabecera .menu-principal UL.menu LI.contacto A { width: 83px; background-position: -353px 0; }
						.cabecera .menu-principal UL.menu LI.contacto A:hover,
						.cabecera .menu-principal UL.menu LI.contacto A.selected  { background-position: -353px 100%; }
						
						
				.cabecera .menu-principal UL.menu LI.hosting {}
					.cabecera .menu-principal UL.menu LI.hosting A { width: 75px; background-position: -436px 0; }
						.cabecera .menu-principal UL.menu LI.hosting A:hover,
						.cabecera .menu-principal UL.menu LI.hosting A.selected  { background-position: -436px 100%; }
						
				.cabecera .menu-principal UL.menu LI.descargas {}
					.cabecera .menu-principal UL.menu LI.descargas A {	width: 90px; background-position: -511px 0; }
						.cabecera .menu-principal UL.menu LI.descargas A:hover,
						.cabecera .menu-principal UL.menu LI.descargas A.selected  { background-position: -511px 100%; }
						
		
	.cabecera .menu-secundario {
		clear: both;
	}
		
		.cabecera .menu-secundario.menu-secundario-hidden {
			display: none;
		}
		
		.cabecera .menu-secundario UL {
			padding: 8px 10px;
			text-align: center;
		}
			
			.cabecera .menu-secundario UL LI {
				display: inline;
				margin: 5px 10px; padding: 2px 0;
			}
				
				.cabecera .menu-secundario UL LI A {
					margin: 0; padding: 2px 20px;
					color: #aaafb3;
					text-decoration: none;
				}
					
					.cabecera .menu-secundario UL LI A:hover,
					.cabecera .menu-secundario UL LI A.selected {
						background: #363e44;
						color: #fff;
						
						border-radius: 3px;
						-ms-border-radius: 3px;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						-khtml-border-radius: 3px;
					}

/* Subcabecera */
.subcabecera {
	position: relative;
}

	.subcabecera .subcabecera-slideshow {
		height: 305px;
		overflow: hidden;
		text-align: left;
	}
		.subcabecera .subcabecera-slideshow img {}
	
	.subcabecera .subcabecera-slideshow-nav {
		position: absolute;
		bottom: 15px; right: 15px;
		z-index: 9;
	}
	
	.subcabecera .subcabecera-slideshow-nav a {
		margin: 0 5px; padding: 2px 5px;
		border: 1px solid #4f5155;
		text-decoration: none;
		color: #fff;
		
		border-radius: 2px;
		-ms-border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
	}
		.subcabecera .subcabecera-slideshow-nav a.activeSlide { background: #808080; color: #000; }
		.subcabecera .subcabecera-slideshow-nav a:focus { outline: none; }


.subcabecera-title {
	height: 77px;
	background: url(images/cab_blog.jpg) no-repeat 0 -1px;
	color: #fff;
	font-family: 'Times New Roman';
	font-size: 3.6em;
	line-height: 1em;
	padding: 32px 0 0 48px;
}
	
	.subcabecera-title-blog { background: url(images/cab_blog.jpg) no-repeat 0 -1px; }
	.subcabecera-title-info { background: url(images/cab_informacion.jpg) no-repeat 0 -1px; }
	.subcabecera-title-hosting { background: url(images/cab_hosting.jpg) no-repeat 0 -1px; }
	.subcabecera-title-escaparate { background: url(images/cab_escaparate.jpg) no-repeat 0 -1px; }


/* Contenedor */
.contenedor {
	padding: 22px 0;
}
	
	.contenedor .contenido-interior {
		position: relative;
		margin: 0 20px; padding: 0;
		background: url(images/bkg_contenido-interior.gif) repeat-y 50% 0;
		
		border-radius: 11px;
		-ms-border-radius: 11px;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
		-khtml-border-radius: 11px;
	}

/* Principal */
.principal {
	background: url(images/bkg_principal.gif) no-repeat 100% 100%;
	float: left;
	width: 454px;
}
	
	.principal .principal-interior {
		position: relative;
		padding: 14px;
		/* height: 1150px; */
	}

/* Sidebar */
.sidebar {
	float: right;
	width: 492px;
}
	
	.sidebar .sidebar-interior {
		position: relative;
		padding: 14px 14px 120px;
		/* height: 1044px; */
	}

/* Banner Inferior de la HOME */
.home-banner-inferior {
	position: absolute;
	bottom: 0; right: 0;
}
	
.widget {
	padding: 24px 20px;
}

	.widget .widget-title {
		font-size: 1.6em;
		font-weight: normal;
		color: #4E5255;
		padding: 6px 0;
	}
		
		.widget .widget-title SPAN {
			padding: 6px 40px 6px 10px;
			background: url(images/bkg_widget-title.gif) no-repeat 100% 100%;
		}
	
	.widget .widget-content {
		background: #F5F5F5;
		padding: 22px 28px;
		
		color: #404A54;
		
		border-radius: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
	}
		
		.widget .widget-content P {
			margin: 0; padding: 3px 0;
		}
		
		.widget .widget-content A {
			color: #404A54;
			text-decoration: none;
		}
			
			.widget .widget-content A:hover {
				color: #18BFC8;
			}
		
		.widget .widget-content UL {
			margin: 0; padding: 3px 0;
		}
			
			.widget .widget-content UL LI {
				margin: 0; padding: 3px 0 3px 12px;
				background: url(images/bullet_001.gif) no-repeat 0 5px;
			}
	
	.widget.widget-banner {
		padding: 24px 0;
		text-align: center;
	}
		
		.widget.widget-banner .widget-content {
			background: none;
			padding: 0;
		}
		
	.widget.widget-search-domain {
		 padding-left: 26px;
	}
		
		.widget.widget-search-domain .widget-title {
			background: url(images/tit_sdb_buscar-dominios.gif) no-repeat 0 100%;
			text-indent: -10000px;
			height: 45px;
		}
		
		.widget.widget-search-domain .label-alignleft {
			float: left;
			width: 135px;
			display: block;
		}
		
	.widget.widget-clientes {
		padding-left: 26px;
	}
		
		.widget.widget-clientes .widget-title {
			background: url(images/tit_sdb_clientes.gif) no-repeat 0 100%;
			text-indent: -10000px;
			height: 45px;
		}
		
		.widget.widget-clientes LABEL {
			display: block;
			font-weight: bolder;
		}
		
		.widget.widget-clientes .input-text {
			margin-bottom: 10px;
			width: 99%;
		}
		
	.widget.widget-enlaces {
	}
		
		.widget.widget-enlaces .widget-title {
			background: url(images/tit_sdb_enlaces.gif) no-repeat 0 100%;
			text-indent: -10000px;
			height: 45px;
		}
		
	.widget.widget-categorias {
	}
		
		.widget.widget-categorias .widget-title {
			background: url(images/tit_sdb_categorias.gif) no-repeat 0 100%;
			text-indent: -10000px;
			height: 45px;
		}
		
	.widget.widget-archivo {
	}
		
		.widget.widget-archivo .widget-title {
			background: url(images/tit_sdb_archivos.gif) no-repeat 0 100%;
			text-indent: -10000px;
			height: 45px;
		}

/* Pie de Pagina */
.pie-pagina {
}
	
	.pie-pagina .pie-pagina-interior {
		position: relative;
		margin: 0 20px; padding: 20px;
		background: #fff;
		
		border-radius: 11px;
		-ms-border-radius: 11px;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
		-khtml-border-radius: 11px;
	}
	
	.pie-pagina .logo-pie {
		float: left;
		width: 342px;
		background: url(images/logo_pie-pagina.gif) no-repeat 0 0;
		text-indent: -10000px;
	}
		
		.pie-pagina .logo-pie A {
			height: 66px;
			display: block;
		}
	
	.pie-pagina UL.menu-pie {
		float: left;
		overflow: hidden;
		padding:12px 0;
	}
		
		.pie-pagina UL.menu-pie LI {
			float: left;
			border-left: 1px solid #e5e6e6;
			margin-left: -1px; padding: 0 20px;
		}
			.pie-pagina UL.menu-pie LI A {
				font-weight: bolder;
				color: #000;
				text-decoration: none;
			}
			
			.pie-pagina UL.menu-pie LI UL {
				float: none;
			}
				
				.pie-pagina UL.menu-pie LI UL LI {
					float: none;
					border-left: none;
					margin-left: 0; padding: 0;
				}
					
					.pie-pagina UL.menu-pie LI  UL LI A {
						font-weight: normal;
						color: #9b9b9b;
					}
	
	.pie-pagina .logos {
		float: right;
		width: 114px;
		text-align: right;
	}
	
/* Titulos de Pagina */
.page-title {
	margin: 0 0 16px; padding: 2px 0 10px;
	font-size: 2em;
	color: #000;
	background: url(images/bkg_page-title.gif) no-repeat 100% 100%;
}
	
	.sidebar .page-title {
		color: #fff;
		background: url(images/bkg_page-title_sidebar.gif) no-repeat 100% 100%;
	}
	
	.page-title SPAN {
		display: block;
	}
		
		.page-title.page-title-ultimo-blog SPAN {
			background: url(images/page-title_lo-ultimo-blog.gif) no-repeat 0 50%;
			text-indent: -10000px;
		}
		.page-title.page-title-ultimo-escaparate SPAN {
			background: url(images/page-title_lo-ultimo-escaparate.gif) no-repeat 0 50%;
			text-indent: -10000px;
		}


/* Escaparate */
.escaparate-col2 {
	float: left;
	width: 50%;
	font-size: 1em;
}

.escaparate {
	padding: 15px 10px 10px ;
}
	
	.escaparate .miniatura {
		text-align: center;
	}
		
		.escaparate .miniatura A {
			text-align: center;
			display: block;
		}
		
		.escaparate .miniatura IMG {
			width: 150px; height: 110px;
			overflow: hidden;
			border: 10px solid #24272a;
			padding: 1px;
			background: #fff;
		}
	
	.escaparate .post-title {
		padding: 10px 15px 3px;
		color: #ff9600;
		font-size: 1.3em;
		font-weight: bolder;
	}
		
		.escaparate .post-title A {
			color: #ff9600;
			text-decoration: none;
		}
	
	.escaparate .entry {
		padding: 3px 15px;
		height: 110px;
	}

/* Blog */
.body-home {
	background-image: url(images/bkg_body_home.jpg);
}
	
	.body-home .contenedor {
	}
		.body-home .contenedor .contenido-interior {
			background: #fff url(images/bkg_contenido-interior_home.gif) repeat-y 622px 0;
		}
	
	.body-home .principal {
		width: 620px;
		background: none;
	}
		
		.body-home .principal .principal-interior {
			height: auto;
		}
	
	.body-home .sidebar {
		width: 336px;
		background: none;
	}
		
		.body-home .sidebar .sidebar-interior {
			height: auto;
		}
	
/* Pagina */
.body-page {
	background-image: url(images/bkg_body_home.jpg);
}
	
	.body-page .contenido-interior {
		background: #fff;
	}
	
	.body-page .principal {
		float: none;
		width: auto;
		padding-bottom: 174px;
	}
		
		.body-page .principal .principal-interior {
			height: auto;
			padding: 40px 120px;
		}
	
	.body-page .sidebar {
		float: none;
		width: auto;
		display: none;
		height: 0;
		overflow: hidden;
	}

/* Hosting */
.body-hosting {
	background-image: url(images/bkg_body_home.jpg);
}
	
	.body-hosting .contenedor {
	}
		.body-hosting .contenedor .contenido-interior {
			background: #fff url(images/bkg_contenido-interior_home.gif) repeat-y 622px 0;
		}
	
	.body-hosting .principal {
		width: 620px;
		background: none;
	}
		
		.body-hosting .principal .principal-interior {
			height: auto;
		}
	
	.body-hosting .sidebar {
		width: 336px;
		background: none;
	}
		
		.body-hosting .sidebar .sidebar-interior {
			height: auto;
		}



/* Post */
.post {
	position: relative;
	margin: 16px 30px; padding: 0 0 16px 0;
}
	
	.post A {
		color: #19bdcb;
		text-decoration: none;
	}
		
		.post A:hover {
			color: #19bdcb;
		}
		
	.post .post-date {
		width: 150px; height: 28px;
		margin: 0 0 10px -45px; padding: 8px 0 0 0;
		background: url(images/bkg_post-date.gif) no-repeat 100% 0;
		overflow: hidden;
		color: #fff;
		font-family: 'Times News Roman';
		line-height: 1em;
		font-size: 16pt;
		text-align: center;
	}
		
		.post .post-date SPAN {}
	
	.post .post-title {
		font-size: 1.3em;
		color: #19bdcb;
		font-weight: bolder;
		padding: 0 0 10px;
	}
		
	.post .post-meta {
		font-size: 0.9em;
		color: #8c8f91;
	}
	
	.post .post-comments {
		float: left;
		width: 98px; height: 33px;
		background: url(images/bkg_post-comments.gif) no-repeat 0 0;
		font-size: 0.9em;
		padding: 41px 0 0 43px;
	}
	
	.post .post-comments-right {
		margin-left: 156px;
		padding-top: 28px;
	}
		
	.post .post-tags {
		font-size: 0.9em;
		color: #8c8f91;
		background: url(images/bkg_post-tags.gif) no-repeat 0 2px;
		padding-left: 14px;
	}
		
	.post .entry {
		padding: 8px 0;
		color: #404a53;
		line-height: 1.5em;
	}
		
		.post .entry P {
			margin: 0; padding: 0 0 20px;
		}
		
		.post .entry H3 {
			font-size: 1.3em;
			color: #56cfd9;
			padding: 0 0 26px;
		}
		
		.post .entry H4 {
			font-size: 1.2em;
			color: #000;
			padding: 10px 0 20px;
		}
		
		.post .entry H5 {
			font-size: 1.1em;
			padding: 10px 0 20px;
		}
			
			.post .entry H5 SPAN {
				padding: 4px 8px;
				background: #a4aaae;
				color: #fff;
				
				border-radius: 3px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
		
		.post .entry UL {
			margin: 0; padding: 10px 30px;
		}
			
			.post .entry UL LI{
				margin: 0; padding: 7px 0 7px 16px;
				background: url(images/bullet_001.gif) no-repeat 0 10px;
			}
				
				.post .entry UL LI LI {
					background: url(images/bullet_002.gif) no-repeat 0 10px;
				}
		
		.post .entry .more-link {
			text-indent: -10000px;
			background: url(images/btn_more-link.gif) no-repeat 0 0;
			width: 67px; height: 22px;
			display: block;
		}
		
		.post .entry .clear {
			clear: both;
		}
		
		.post .entry .indent-n1 {
			padding-left: 20%;
		}
		
		.post .entry .indent-n2 {
			padding-left: 35%;
		}
		
		.post .entry .indent-n3 {
			padding-left: 50%;
		}
		
		.post .entry .bocadillo {
			margin: 0 40px 20px; padding: 20px;
			background: #f5f5f5;
			
			border-radius: 10px;
			-moz-border-radius: 10px;
			-khtml-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
		
		.post .entry .bocadillo-suave {
			background: #f5f5f5;
			
			border-radius: 10px;
			-moz-border-radius: 10px;
			-khtml-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
		
		.post .entry .bocadillo-izquierda {
			width: 36%;
			float: left;
			margin: 10px 40px 30px 0; padding: 30px 20px 80px;
			background: #f5f5f5;
			font-size: 1.2em;
			
			border-radius: 10px;
			-moz-border-radius: 10px;
			-khtml-border-radius: 10px;
			-webkit-border-radius: 10px;
		}

/* Entrada en "Lo Ultimo del Blog" */
.post.ultimo-blog {
	position: relative;
	border-bottom: 1px solid #e5e6e6;
	margin: 16px 30px; padding: 0 0 16px 0;
}
		
	.post.ultimo-blog .post-date {
		text-align: center;
		overflow: hidden;
		color: #64696d;
		font-size: 0.8em;
		line-height: 1em;
		
		position: absolute;
		margin: 0; padding: 4px 0 0;
		top: 2px; left: -32px;
		width: 26px; height: 33px;
		background: url(images/bkg_post-date_ultimo-post.gif) no-repeat 0 0;
		font-family: Arial, Helvetica, sans-serif;
	}
		
		.post.ultimo-blog .post-date SPAN {
			color: #000;
			font-size: 1.8em;
		}


/* Comentarios */
.comments {
	position: relative;
	margin: 32px 30px 48px; padding: 0 0 16px 0;
}
		
	.comments .comments-title {
		width: 150px; height: 28px;
		margin: 0 0 20px -45px; padding: 8px 0 0 0;
		background: url(images/bkg_post-date.gif) no-repeat 100% 0;
		overflow: hidden;
		color: #fff;
		font-family: 'Times News Roman';
		line-height: 1em;
		font-size: 16pt;
		text-align: center;
		font-weight: normal;
	}
		
		.comments .comments-title SPAN {}
		
	.comments .comments-list {
	}
		
.comment {
	position: relative;
}
	
	.comment A {
		color: #19bdcb;
		text-decoration: none;
	}
		
		.comment A:hover {
			color: #19bdcb;
		}
	
	.comment .comment-number {
		float: left;
		width: 76px;
		padding: 6px 24px 6px 0;
		text-align: center;
		color: #d4d4d4;
		font-size: 2.4em;
		font-weight: bolder;
		line-height: 1em;
	}
	
	.comment .comment-info {
		margin-left: 124px; padding: 6px 0 7px;
		font-weight: bolder;
		font-size: 0.9em;
	}
		
		.comment .comment-info SPAN {
			font-weight: normal;
		}
	
	.comment .comment-content {
		margin-top: -1px;
		border: 1px solid #d2d2d2;
		padding: 28px 42px;
		
		border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
		
		.comment .comment-content .comment-avatar {
			float: left;
			padding:6px 0;
		}
			
			.comment .comment-content .comment-avatar IMG {
				border: 1px solid #898989;
			}
		
		.comment .comment-content .comment-entry {
			margin-left: 50px;
		}
	
	.comment.comment-admin {
	}
		.comment.comment-admin .comment-number {
		}
		
		.comment.comment-admin .comment-content {
			background: #d2d2d2;
		}
	
	.comment .comment-number-bkg {
		position: absolute;
		top: 11px; left: 66px;
		width: 34px; height: 30px;
		background: url(images/bkg_comment-number.gif) no-repeat 0 0;
	}
		
		.comment.comment-admin .comment-number-bkg {
			background: url(images/bkg_comment-number_admin.gif) no-repeat 0 0;
		}
	
/* Dejar COmentario */
.respond {
	position: relative;
	margin: 16px 30px; padding: 0 0 16px 0;
}
	
	.respond A {
		color: #19bdcb;
		text-decoration: none;
	}
		
		.respond A:hover {
			color: #19bdcb;
		}
		
	.respond .respond-title {
		width: 220px; height: 28px;
		margin: 0 0 20px -45px; padding: 8px 0 0 0;
		background: url(images/bkg_post-date.gif) no-repeat 100% 0;
		overflow: hidden;
		color: #fff;
		font-family: 'Times News Roman';
		line-height: 1em;
		font-size: 16pt;
		text-align: center;
		font-weight: normal;
	}
		
		.respond .respond-title SPAN {}
	
	.respond  P {
		margin: 0; padding: 2px 0 6px;
	}
	
	.respond .respond-input {
		width: 98%;
		padding: 2px 4px;
		border: 1px solid #dedede;
		background: #fbfbfb;
	}
	
	.respond LABEL {
		padding: 1px 0 2px;
		display: block;
		font-weight: bolder;
		color: #404a53;
	}
		
	.respond .respond-left {
		float: left;
		width: 49%;
	}
		
	.respond .respond-right {
		float: right;
		width: 49%;
	}
	
	.respond .respond-button {
		clear: both;
		text-align: right;
	}


/* Formulario de Busqueda */
.frm-search-form {
	width: 288px; height: 47px;
	padding-top: 18px;
	overflow: hidden;
	background: url(images/bkg_search-form.gif) no-repeat 50% 50%;
	text-align: center;
}
	
	.frm-search-form .hidden {
		display: none;
	}
	
	.frm-search-form #s {
		border-top: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		border-right: none;
		
		font-size: 1.1em;
		padding: 5px 6px;
		width: 164px;
	}

/* Pagina de Hosting */
.hosting-cuadro,
.hosting-cuadro {
	float: left;
	width: 42%;
	
	line-height: 1em;
	
	padding: 20px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	
	.hosting-cuadro.hosting-cuadro-uno { background: #f5f5f5 url(images/bkg_hosting-cuadro-uno.gif) no-repeat 100% 98%; }
	.hosting-cuadro.hosting-cuadro-dos { background: #dedede; }
	
	.post .entry .hosting-cuadro UL {
		padding: 10px 20px;
	}
		
		.post .entry .hosting-cuadro UL UL {
			padding: 10px 20px;
		}
	
/* Pagina Informacion */
UL#component-nav {
	margin: 0; padding: 0 0 20px 0;
	float: left;
	list-style: none;
	font-size: 1.1em;
}
	
	UL#component-nav LI {
		float: left;
		margin: 0; padding: 0 4px;
	}
		
		UL#component-nav A {
			display: block;
			background: #a4aaae;
			padding: 2px 9px;
			color: #fff;
			text-decoration: none;
			
			border-radius: 3px;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
			
			UL#component-nav A:hover {
				background: #464646;
				color: #fff;
			}
		
A.top {
	display: inline;
	background: #464646;
	color: #fff;
	text-decoration: none;
	font: normal 0.7em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	margin-left: 10px;
	padding: 4px 10px;
			
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	
	.lightbox A.top { background: #464646; }

.squeezer {
	clear: both;
	margin: 0; padding: 30px 0;
	border-bottom: 1px solid #e3e4e5;
	color: #404a53;
}
	
	.squeezer h3 {
		font-size: 1.3em;
		color: #56cfd9;
		padding: 0 0 20px;
	}
	
	.squeezer .bigger {
		color: #56cfd9;
		font-size: 1.2em;
		font-weight: bolder;
		
	}
	
	.squeezer .column-left {
		float: left;
		width: 48%;
		margin-right: 2%;
	}
		
	.squeezer .column-right {
		float: right;
		width: 48%;
	}
		
		.squeezer .darkbox .column-right, .lightbox .column-right {
			margin-top: 20px;
		}
		
/* CSS para comparativas */

.textoinferiorcuadro {
	text-align: left;
}
.pricefont2 tbody tr {
	font-weight: bold;
	color: #495259;
	background-color: #424C53;
	
}
.pricefont2 tbody tr span{
	color: #FFF;
}
.pricefont2 tbody tr span.planes{
	color: #09F;
	font-weight:bold;
}


/* CSS Para Tablas */
TABLE.table-con-formato {
	width: 99%;
	margin: 14px 0;
	border-collapse: 0;
}
	
	.body-page TABLE.table-con-formato {
		margin: 14px -10%;
		width:120%;
	}
	
	
	TABLE.table-con-formato TH { width: 20%; padding: 14px; background: #f5f5f5; }
	TABLE.table-con-formato TD { padding: 14px; }
		TABLE.table-con-formato TD.td-amarillo { background: #f8f0df; }
		TABLE.table-con-formato TD.td-azul { background: #e2f5f8; }
		TABLE.table-con-formato TD.td-azul-claro { background: #c4e2ff; }
		TABLE.table-con-formato TD.td-rojo { background: #ffdadb; }
		TABLE.table-con-formato TD.td-lila { background: #ebc5dd; }
		TABLE.table-con-formato TD.td-subtitle { font-size: 1.1em; font-weight: bolder; color: #fff; text-transform: uppercase; background: #cbcece; }
		TABLE.table-con-formato TD.td-title-01 { font-size: 1.1em; font-weight: bolder; color: #fff; text-transform: uppercase; background: #f7a501 url(images/bkg_td_degradado-01.gif) repeat-x 0 100%; }
		TABLE.table-con-formato TD.td-title-02 { font-size: 1.1em; font-weight: bolder; color: #fff; text-transform: uppercase; background: #3bbcd1 url(images/bkg_td_degradado-02.gif) repeat-x 0 100%; }
		TABLE.table-con-formato TD.td-title-03 { font-size: 1.1em; font-weight: bolder; color: #fff; text-transform: uppercase; background: #4e95d6 url(images/bkg_td_degradado-03.gif) repeat-x 0 100%; }
		TABLE.table-con-formato TD.td-title-04 { font-size: 1.1em; font-weight: bolder; color: #fff; text-transform: uppercase; background: #e13034 url(images/bkg_td_degradado-04.gif) repeat-x 0 100%; }
		TABLE.table-con-formato TD.td-title-05 { font-size: 1.1em; font-weight: bolder; color: #fff; text-transform: uppercase; background: #9b439a url(images/bkg_td_degradado-05.gif) repeat-x 0 100%; }



/* reproductor video tutoriales */

.powerpress_player { text-align: center; }