/* FAPE Mediablogs */

/* -------------------- E S T I L O S   P A R A   E L   P E R F I L   P R I V A D O -------------------- */


/* Altura en AUTO para todos los divs contenedores principales de Mediablogs */
#B_content, 
#C_content, 
#F_content,
#G_content,
#tabF { height: auto;}

/* Ancho en pixeles para la zona derecha */
#C_content, 
#F_content {width: 340px;}

/* Separacion vertical entre la zona C y F */
#F_content { margin-top: 10px;}


/* Ancho, margen int. y altura en AUTO para los tabs content de la zona C */
#div_tabB0,
#div_tabB1,
#div_tabB2,
#div_tabBG0,
#div_tabBG1,
#div_tabBG2,
#div_exchange0,
#div_exchange1,
#div_exchange2,
#div_exchange3,
#div_tabB3 {height: auto;}

/* Ancho, margen int. y altura en AUTO para los tabs content de la zona C */
#div_tabC0,
#div_tabCR0,
#div_tabC1,
#div_tabC2,
#div_tabC3 { 
	width: 320px;
	padding: 10px;
	height: auto;}

/* Eliminamos la linea horizontal negra en la pestana Autor y el margen int. superior */
#C_content h2 {
	padding-top: 0;
	border-top: 0 none;}

/* Eliminamos los puntos de las listas en todo Mediablogs */
ul { list-style: none; }

/* Separadores */
hr { 
	margin: 3px 0;
	border-bottom: 1px dotted #999; }

/* Fondos de color para destacar algunas zonas de formularios */
.azul{background-color:#e4e9ef;}

/* Todos los links que pertenezcan a la class content se subrayan al pasar el puntero por encima  */
.content a:hover { text-decoration: underline; }
/* -------------------- B - BLOQUE DE INFORMACION PRINCIPAL -------------------- */
/* Blogs */
#Blogs { 
	float: left;
	padding-right: 10px; width:620px;}
#Blogs ul { list-style: none; }
#Blogs li { 
	float: left;
	height: auto;
	padding: 10px 0; }
#Blogs li img{ display:block !important; }
#Blogs .nav {display:block !important; width:300px; float:right; margin-bottom:1em;}
#Blogs .nav img, #Blogs .nav span{display:inline !important;}	
#Blogs span { 
	float: left;
	width: 350px;
	padding: 5px 0 0 0;}
#Blogs h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;}
#Blogs h3 a {
	font-size: 1.2em;
	color: #666;
	font-variant: small-caps;}
#Blogs h3 a:hover {text-decoration: underline;}
#Blogs p {
	float: left;
	width: 200px;
	/*border-left: 1px dotted #999;*/
	padding: 0 0 0 5px;}

#Blogs li p {
	float: left;
	width: 380px;
	padding: 0 0 0 1px;
	text-align:justify;
}
#Blogs li h2{
	display:inline;
	border-left: 0px dotted #999;
	padding-right: 5px;
}
#Blogs li h3 {
	display:inline;
	border-left: 1px dotted #999;
	padding: 0 0 0 5px;
}

/* Ultimos */
#Ultimos {
	float: left;
	width: 190px;
	border-left: 1px dotted #999;
	padding: 0 0 0 10px}
#Ultimos ul { list-style: none; }

#Ultimos a:hover { text-decoration: underline;}

/* Ultimos Comentarios */
#ultimosComentarios {	
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #999;}
#ultimosComentarios h2 {
	font-size: 1.2em;
	height: 20px;
	padding-left: 25px;
	background: url(../img/bg_ultimosComentarios.gif) no-repeat;}
#ultimosComentarios li {
	width: 100%;
	height: auto;
	padding: 5px 0 5px 0;}
#ultimosComentarios h3 {font-size: 1em;}
#ultimosComentarios span {color: #666;}

/* Ultimos Blogs */
#ultimosBlogs {padding-top: 20px;}
#ultimosBlogs h2 {
	font-size: 1.2em;
	width: 160px;
	height: 20px;
	padding-left: 25px;
	background: url(../img/bg_ultimosBlogs.gif) no-repeat;}
#ultimosBlogs ul {margin-top: 10px;}
#ultimosBlogs li {padding: 3px 0;}
#ultimosBlogs a {
	padding: 3px;
	font-size: 1em;
	font-weight: bold;}


/* POST */
/* Contenedor de las 3 parrillas de Video | Audio | Fotos a la izquierda */
#MEDIA { 
	float: left !important;
	width: 250px;
	height: auto;
	margin-right: 10px;}

/* Contenedor del Post a la derecha*/
#Post { 
	float: left !important;
	width: auto;
	height: auto;
	/*overflow-y: auto;*/
}

/* Tabs Video | Audio | Fotos  */
table#tabMEDIA {
	width: 100%;
	font-size: x-small;}

table#tabMEDIA td {width: 13%;}

table#tabMEDIA td#tabMEDIA3 {
	width: 61% !important;
	text-align: right;}

table#tabMEDIA td#tabMEDIA3 img {vertical-align: middle;}



/* Contenedor de cada 1 de las parrillas por separado */
.bd .parrilla {
	float: none;
	margin-top: 5px;
	padding: 4px;
	border: 1px solid #999;}
	
/* Altura auto para el carrusell de videos y fotos */
.bd .parrilla .carrusell { 
	width: auto;
	height: auto; 
	border: 0 none;
	background: none;
	clear: both;
	text-align: center;}
	
.bd .parrilla .image .zoom{
	display: none;
}	

.bd .parrilla .image {
	text-align: center !important;
	float: none;
}
	
/* Borde para las imagenes y los videos del carrusell */
.bd .parrilla .carrusell img {
	border: 1px solid #999;
	margin: 0;
	padding: 1px;}
	
.bd .parrilla .carrusell li a img {
width:100px;
height:100px;
	}	

/* Lista de archivos de Audio */
.bd .parrilla .audio { 
	width: 440px;
	height: auto;
	color: #333;}
.bd .nav {
	float: none !important;
}

.parrilla {
	float: left;
	margin-top: 5px;
	padding: 4px;
	border: 1px solid #999;}

/* Titulo del archivo multimedia */
.parrilla h2 { 
	font-size: 1.2em;
	padding: 5px 0 0 0;  }

/* Breve descripcion del arhivo multimedia */
.parrilla p { padding: 5px 0 5px 0; }

/* Dimensiones modificadas (mas pequeno) para el reproductor de video */
#video object {
	width: 236px;
	height: 236px;}

/* Tamano de la imagen seleccionada en el carrusell */
.image img {
	width: 227px !important;
	height: auto;
	margin: 5px;
	border: 1px solid #999; }

/* Margen superior para el listado de archivos en el carrusell */
.parrilla ul { margin: 10px 0 0 0; }
/* Separacion entre elementos del carrusell */
.parrilla li { padding: 3px; }

/* Altura auto para el carrusell de videos y fotos */
.parrilla .carrusell { 
	width: 240px;
	height: auto; 
	border: 0 none;
	background: none;}

/* Borde para las imagenes y los videos del carrusell */
.parrilla .carrusell img {
	border: 1px solid #999;
	margin: 0;
	padding: 1px;}
	
.parrilla .carrusell li a img {
width:70px;
height:70px;
	}	

/* Lista de archivos de Audio */
.parrilla .audio { 
	width: 240px;
	height: auto;
	color: #333;}

/* Alineacion de los iconos votar, comentario, enviar, */
.votacion td { 
	font-size: x-small;
	text-align: right;
	padding: 3px; }

/* Alineacion del texto Comentarios */
.votacion td img {vertical-align: middle !important;}

/* Dimensiones del Reproductor de Audio */
#audio object, #audio embed {
	width: 240px;
	height: 45px;} 

/* Cabecera del Post con imagen */
.CabeceraPost img {
	width: 368px;
	height: 88px;}

#Votacion {
	font-size: x-small;
	float: left;
	clear:both;
	width: 100%;
	min-height: 24px;
	margin: 20px 0;}

#Votacion table.votacion { 
	width: 100% !important;
	text-align: center !important;}
	
	
	
.nav_video {
	background:#f2f2f2;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;}

#tabNavVideo { 
	font-size: x-small;
	margin-left:25px;}	
#tabNavVideo .tab_on{
	text-align: center;
	font-weight: bold;
	padding:3px 5px;
	color:#333;
	background-color:#e2e2e2;}

#tabNavVideo .tab_off{
	font-weight: normal;
	cursor: pointer;
	color:#999;
	padding:3px 5px;}

#contentNavVideo { 
	background: #e2e2e2;
	padding:3px;}

#contentNavVideo input,
#contentNavVideo select,
#contentNavVideo textarea,
#contentNavVideo button{ font-size: x-small; }

#contentNavVideo button.botonVideo {
	background: transparent  url(../img/bg_botonVideo.gif) no-repeat;
	width: 50px;
	height: 19px;
	border: 0 none;
	margin:0;
	margin-left:-2px;}

#navTL_Video {
	background:#e2e2e2; 
	border-top:1px dotted #999;
	padding:5px;
	overflow-y:auto;
	_height:100%;
}
#navTL_Video .tab_on{
	color: #396D57;
	font-variant: small-caps; }

.BotVideo { 
	float:left; 
	width:35px; 
	text-align:right; 
	height:55px;}

.BotVideo ul { list-style:none;}

.ResVideo {
	margin:0 5px; 
	padding:3px; 
	background: #ededed;
	float:right;
	width:165px;
	height:50px;
	overflow-y:auto;}

#sindicacion { 
	background:#f7f7f7 url(../img/bg_sindicacion.gif) repeat-x bottom left; 
	width:auto; 
	height:27px;
	padding-left:30px;
	margin-bottom:20px;}

#sindicacion img{ padding-left:2px; vertical-align:text-bottom;}
#sindicacion span a  {
	color:#5752a4; 
	font-size:0.9em; 
	padding-left:30px; 
	padding-right:30px; 
	border-right:1px dotted #999; 
	margin-right:40px;}
	
.inp100 { width: 100px; }
.inp137 { width: 137px; }
.inp80 { width: 80px; }


/* -------------------- ULTIMOS POSTS PUBLICADOS & POSTS MAS VISTOS -------------------- */
#ultimosPosts {width: 628px; }
#ultimosPosts table {width: 628px; }
#ultimosPosts div.votacion table {width: auto !important;}
#ultimosPosts td.Posts {
	width: 400px;
	font-size: 1.1em;
	padding-right: 10px;}
#ultimosPosts td.Posts img {
	float: left;
	width: 70px;
	height: 70px;
	margin: 0 5px 3px 0}
#ultimosPosts td.Posts h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;}
#ultimosPosts td.Posts a {color: #333;}
#ultimosPosts td.Posts a:hover {text-decoration: underline;}
#ultimosPosts td.Posts span {float: left;}
#ultimosPosts td.Posts span a {color: #48679F;}
#ultimosPosts td.Posts span a:hover {
	color: #48679F;
	text-decoration: underline;}

#ultimosPosts td.Blogs {
	border-left: 1px dotted #999;
	padding-left: 10px;}
#ultimosPosts td.Blogs span {
	display: block;
	font-size: 1.1em;
	line-height: 23px;}
#ultimosPosts td.Blogs span a {color: #666;}
#ultimosPosts td.Blogs span a:hover {text-decoration: underline;}

#ultimosPosts td.Blogs img {
	width: 200px;
	height: 42px;}

#ultimosPosts div.votacion {
	margin-top: 5px;
	padding-bottom: 25px;}

#ultimosPosts .nav { float: right; }

/* -------------------- C - BLOQUE DE INFORMACION ADICIONAL -------------------- */
/* AUTOR */
#Autor {}
#Autor h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;}
	
#Autor p { text-align: justify; }

#Autor p img { 
	float: left;
	margin: 0 5px 2px 0 }

#Autor p a img { 
	vertical-align: middle;
	margin: -5px 0 0 0 !important; }

.nav img {
	width: auto !important;
	height: auto !important;
	vertical-align: middle !important; }

/* Tab Posts del Autor */
#Posts ul { list-style: none; }

#Posts li { 
	height: 40px;
	padding: 3px;
	margin-bottom: 10px;
	color: #666; }

#Posts .selected, #Posts .selected a { 
	background: #333;
	color: #fff !important; }

#Posts img {
	float: left;
	width: 40px;
	height: 40px;
	padding: 0 5px 0 0;}

#Posts a { 
	font-weight: bold;
	font-size: 1.1em;
	color: #333;}

#Posts a:hover { text-decoration: underline; }


/* Tab Comentarios */
#Comentarios {}
#Comentarios ul {list-style: none;}
#Comentarios li {
	padding: 5px 0 25px 0;
	border-bottom: 1px dotted #999;}
#Comentarios p { font-size: 1.2em; }
#Comentarios h4 {
	font-size: 1.1em;
	height: 20px;
	padding: 8px 0 0 25px ;
	margin: 0;
	background: url(../img/bg_ultimosComentarios.gif) no-repeat left 8px;}
#Comentarios h4 a:hover {text-decoration: underline;}

/* Tab Categorias */
#Categorias ul {list-style: none;}
#Categorias ul.CatSizes {
	border-bottom: 1px dotted #999;
	padding: 10px 0 20px 0;}
#Categorias ul.CatSizes li {
	display: inline;
	padding: 0 7px 0 7px;
	border-bottom: 0 none !important;}
#Categorias .Xsmall {font-size: .9em;} 
#Categorias .small {font-size: 1.2em;} 
#Categorias .medium {font-size: 1.5em;} 
#Categorias .large {font-size: 1.8em;} 
#Categorias .Xlarge {font-size: 2.2em;} 
#Categorias li { padding: 5px 0; }
#Categorias h3 { 
	padding: 10px 0 5px 0;
	font-size: 1.4em; }
#Categorias li h4, #Categorias li p { display: inline; }


/* -------------------- F - BLOQUE DE FORMULARIOS -------------------- */

/* Todas las tablas contenedoras de formularios al 100% de ancho... */
#Buscador table,
#CrearComentario table,
#nuevoComentario table,
#NuevoUsuario table { width: 100%; }

/* Fondos de color para destacar algunas zonas de formularios */
#Buscador tr.azul,
#CrearComentario tr.azul,
#NuevoUsuario tr.azul{background-color:#e4e9ef;}

/*Tab Crear Comentario*/
#CrearComentario {margin:8px;}
#CrearComentario td { padding:4px 2px;}
#CrearComentario textarea { height: 86px; }

/*Tab Nuevo Usuario*/
#NuevoUsuario {
	width:324px;
	margin:8px;}
#NuevoUsuario td { padding:4px 2px;}
#NuevoUsuario label { font-weight: bold; }
#NuevoUsuario strong { font-size: 1.2em; }

#tabF {margin-bottom: 6px;}

/* Para solucionar un Bug en IE de distorsion de imagenes */
div.nav a img {
	width: 30px !important;
	height: 20px !important;
	vertical-align: middle;}

.inputERROR {
  border:1px solid #4D809D;
  background-color: #999999; 
}	
.inputInicial{
  border:1px solid #A5ACB2;
  background-color: #FFFFFF;
}
/* -------------------- E S T I L O S   P A R A   E L   P E R F I L   P R I V A D O -------------------- */

/* -------------------- B - BLOQUE DE INFORMACION PRINCIPAL -------------------- */
/* Listado de Blogs */
#listBlog {min-height: 500px;}
#listBlog { padding: 20px 10px; }
#listBlog table{ 
	/*background: url(../img/bg_cabListado.gif) no-repeat;*/
	width: 607px; }
#listBlog td { 
	padding: 7px 5px;
	text-align: center; }
#listBlog td.left { text-align: left; }

#listBlog tr.cab td {
	height: 30px;
	padding: 0px 5px;
	border-right: 1px solid #ccc;}
#listBlog tr.cab td.left {padding-left: 10px;}
#listBlog tr.cab td.fin {border-right: 0 none;}
#listBlog tr.par { 
	background: #f5f5f5;
	font-weight: bold;}
#listBlog td.left img {vertical-align: middle; margin-right:5px;}
#listBlog tbody tr td {border-bottom: 1px dotted #ccc;}

/* Crear Post */
.CrearPost { 
	float: left; 
	width: 420px;
	padding-right: 6px;}
.CrearPost .azul {padding: 5px;}
.CrearPost label{
	display: block;
	font-weight: bold;}
.CrearPost input{
	margin: 2px 0;
	width: 98%;
	height: 13px;}
.CrearPost #stage {margin-top: 7px;}
.CrearPost #stage li {display: inline;}
.CrearPost #stage button {
	width: 25px;
	margin: 0;
	padding: 0;
	background: none;
	border: 0 none;
	cursor: pointer;}
.CrearPost #stage button.media {
	width: 137px;
	margin-top: 10px;}
	.CrearPost #stage button.media2 {
	width: 102px;
	margin-top: 3px;}
.CrearPost #stage label {margin-left: 5px;}
.CrearPost #stage #editor, .CrearPost #stage iframe {
	width: 408px;
	height: 238px;
	margin-left: 1px; 
	border:0px;
}
.CrearPost .azul li, .Tags .azul li { 
	padding: 3px 0;
	display: block !important;} 
.CrearPost .azul h3 {
	display: inline;
	font-size: 1em;
	padding-right: 5px;} 
.CrearPost .azul img {
	vertical-align: middle;
	margin-right: 5px;}

/* Seleccion de Tags relacionados, Descripcio corta, Categoria y enlaces de interes */
.Tags {
	float: left;
	width: 178px;
	border-left: 1px dotted #999;
	padding-left: 10px;}
.Tags label {
	font-weight: bold;
	display: block;}
.Tags textarea, .Tags select, .Tags input {
	width: 160px;
	margin-top: 5px;}

.Tags textarea {height: 60px;}
.Tags .azul, .Tags .blanco {padding: 5px;}
.Tags .azul ul li input {
	width: auto;
	margin-top: 0;}

.CrearPost input.file { height: auto !important;}
.CrearPost input.radio { width: auto; height: auto !important;}
.CrearPost .blanco ul {margin: 10px 20px;}
.CrearPost .blanco li {display: inline;}
.CrearPost .blanco button {
	background: none;
	border: 0;
	width: auto !important;
	float: right;
	margin-top: 10px;}
.Tags li {padding: 5px 0;}
.Tags li img {vertical-align: middle;}
.Tags li h3 {display: inline;}

/* -------------------- C - BLOQUE DE INFORMACION ADICIONAL -------------------- */

/* AUTOR REGISTRADO */
#AutorReg {background: url(../img/bg_autor.jpg) no-repeat 5px 5px;}
#AutorReg h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;}
#AutorReg h3{
	color: #666;
	font-size: 1em;
  _height:50px;
}
#AutorReg span img {
	float: left;
	margin: 0 10px 20px 0;}
#AutorReg .alert {
	background: url(../img/img_comentario.gif) no-repeat;
	width: auto;
	height: 40px;
	padding-left: 30px;}
#AutorReg ul {list-style: none;}
#AutorReg ul.navbar {
	clear: both;
	width: 291px;
	height: 20px;
	background: url(../img/bg_autorNavBar.gif) no-repeat;}
#AutorReg ul.navbar li {
	display: inline;
	padding: 0 7px;
	position: relative;
	top: 1px;
	margin-left:.5em;
	margin-right:.5em;
	border-right: 1px solid #333;}
#AutorReg ul.navbar li a {
	font-weight: bold;
	font-size: 1.1em;
	color: #333;
	text-decoration: none;}
#AutorReg ul.navbar li a:hover {color: #666;}

#AutorReg li {padding: 5px 0;}
#AutorReg a {font-weight: bold;}  
#AutorReg #selectSkin {
	float: left;
	clear: both;
	width: 320px;
	height: 150px;
	margin-top: 23px;}

#AutorReg #selectSkin ul { 
    float: right;
	width: 130px;
	margin-right: 20px;
	height: 150px;}
#AutorReg #selectSkin ul li a {
	font-weight: bold;
	font-size: 1.2em;
	padding: 3px 5px;
	color: #666;}
#AutorReg #selectSkin ul li a:hover {
	color: #333;
	background: #E4E9F1;
	border: 1px solid #999;
	text-decoration: none;}

#AutorReg #previewSkin {float:left;}
#AutorReg #previewSkin img {padding-left: 30px;}

.fuente1{
  font-family:Arial !important; 
}
.fuente2{
  font-family:"Courier New" !important; 
}
.fuente3{
  font-family:Georgia !important; 
}
.fuente4{
  font-family:Helvetica !important; 
}
.fuente5{
  font-family:Impact !important; 
}
.fuente6{
  font-family:"MS Sans Serif" !important; 
}
.fuente7{
  font-family:Tahoma !important; 
}
.fuente8{
  font-family:"Times New Roman" !important; 
}
.fuente9{
  font-family:Verdana !important; 
}
#spanfuente, #spangaleria, #spanblogspersonalizar{
 font-size:.9em;
 position:absolute;
 z-index:2;
 float:right;
 margin:.5em;
	margin-top:0em;
	margin-left:0em;
 background-color:#FFFFFF;
 color:#5B5A58;
 border:2px solid #E4E9EF;
 display:none;
}
#spanblogspersonalizar{
 padding-left:0px;
 left:0px;
 top:16px;
}
#spanblogspersonalizar li{border-right: 0px solid #333 !important;}
#spanfuente li, #spangaleria li, #spanblogspersonalizar li{
 display:block !important;
 margin:.3em;
 border-bottom:1px dotted #CBCAC8;
}
#spanfuente li a, #spangaleria li a, #spanblogspersonalizar li a{
 color:#000000;
 text-decoration:none;
}
#spanfuente li a:hover, #spangaleria li a:hover, #spanblogspersonalizar li a:hover {
 color:#5B5A58;
 text-decoration:underline;
}

.spanfuentesEncabezado{
 font-size:.9em;
 position:absolute;
 z-index:2;
 float:right;
 margin:.5em;
 margin-top:0em;
 margin-left:0em;
 background-color:#FFFFFF;
 color:#5B5A58;
 border:2px solid #E4E9EF;
 display:none;
}
.spanfuentesEncabezado li{
 display:block !important;
 margin:.3em;
 border-bottom:1px dotted #CBCAC8;
}
.spanfuentesEncabezado li a{
 color:#000000;
 text-decoration:none;
}
.spanfuentesEncabezado li a:hover{
 color:#5B5A58;
 text-decoration:underline;
}
div#centrarboton, div#centrarboton2{
 text-align:center;
	margin-top:.3em;
}
.on {
		filter: alpha(opacity=100);
		-moz-opacity:1;
}
.off {
		filter: alpha(opacity=20);
		-moz-opacity:.15;
}
.imgvideo{
 vertical-align:middle;
	width:60px;
	height:60px;
}
.mostrarfoto{
			display:block;
		}
.mostrar2{
	display:inline;
}
.ocultarfoto{
	display:none;
}
.oprocesador{
 z-index:1;
	border: 3px solid #4A699F;
	visibility:hidden;
	display:none;
}

.verprocesador{
	z-index:2;
	visibility:visible;
	display:inline-block;
	position:absolute;
	top:50%; 
	left:50%; 
	width:300px; 
	height:150px; 
	margin-left:-150px; 
	margin-top:-75px;
	border: 3px solid #4A699F;
}

/*table#editarPerfil{
 float: left; 
	width: 610px;
	padding-right: 6px;
} */

table#editarCabecera{
 /*float: left; */
	width: 723px;
	padding-right: 6px;
	margin: 10px;
}

#Post .contenedor_post {margin-right:1em;}

#Post .contenedor_post h2 {
	font-size: 1.5em;
	margin-top: 10px;}
 
#Post .contenedor_post p img{margin:.4em;}

/* Social Bookmarks -------------- */
.bookmark table {padding: 0px;}
.bookmark td {font-size: 1em; text-align: center; vertical-align: middle; color: #CCCCCC}
.bookmark img {vertical-align: middle;}

#tabEditor  {
	z-index:1;
	margin-left:10px;
	margin-bottom:-1px;
	position: relative;
	font-weight: normal;
	font-size:1.1em;
	color:#000000;
	margin-top:.5em;
	clear:left;
}

#tabEditor .tab_on{
	text-align: center;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
	font-weight: bold;
	padding:1px 20px;}

#tabEditor .tab_off{
	font-weight: normal;
	padding:1px 20px;
	cursor: pointer;
	color:#999;}

#Editor_content2 {
	float: left;
	width: 410px;
	border:1px solid #999;
	min-height:240px;
	margin-bottom:6px;
	padding:0px;
}	

#Editor_content_ed {
	float: left;
	width: 640px;
	border:1px solid #999;
	min-height:240px;
	margin-bottom:6px;
	padding:0px;
}		

#div_tabEditor1 textarea{
  width: 635px;
  height:500px;
  border:0px;
  font-size:1.2em !important;
  margin-top:.3em;
}

p.icoMedia { 
	margin: 0 !important;
	padding: 0 !important; }
.icoMedia img{ vertical-align: middle;}
.icoMedia a{ margin-left: 3px;}
 
#contenedorpost {
 	width: 630px;
	height: auto;}
 
#contenedorpost iframe {
	width: 100%;
	overflow: hidden !important;
	margin: 0;
	padding: 0;} 
  
.inp300ERROR{
  width:300px;
  border:1px solid #4D809D;
  background-color: #999999; 
}	 
.inp137ERROR{
  width:137px;
  border:1px solid #4D809D;
  background-color: #999999; 
}	
.inp150ERROR{
  width:150px;
  border:1px solid #4D809D;
  background-color: #999999; 
}	 	
.sepred {
	border-left: 1px solid #FF3300; 
	color:#FF3300;
	padding-left:10px; 
	margin-left:10px;}  


/* ------------------------------------------------------------------------------------------- */


/* ----------  CONFIGURACION PERSONALIZADA DE UN BLOG ---------- */

#contenidouser {width: 980px;}

/* Anchos distintos para las columnas */
#contenidouser #Columna1 {width: 740px;}
#contenidouser #Columna2 {width: 230px;}

/* Para poder ver una solapa con color de fondo le quitamos el relleno al contenedor del grupo... */
#contenidouser #B_content {padding: 0;}

/* ...y se lo aplicamos a cada una de las solapas independientemente */
#contenidouser #div_tabB0,
#contenidouser #div_tabB1,
#contenidouser #div_tabB2,
#contenidouser #div_tabBG0,
#contenidouser #div_tabBG1,
#contenidouser #div_tabBG2 {padding: 10px;}

/* Color distinto para la solapa Vista */
#contenidouser #tabB0.tab_on,
#contenidouser #div_tabB0,
#contenidouser #tabBG0.tab_on,
#contenidouser #div_tabBG0 {background: #E4E9F1;}

/* Le quitamos el borde blanco inferior */
#contenidouser #tabB0.tab_on, #contenidouser #tabBG0.tab_on {border-bottom: 0 none;}

/* Aqui la zona C no tiene ancho en px...por eso se lo quitamos */
#contenidouser #B,
#contenidouser #B_content,
#contenidouser #C,
#contenidouser #C_content { width: 100% !important; }

#contenidouser #div_tabC0, #contenidouser #div_tabCR { width: auto !important; }

#contenidouser #C,
#contenidouser #New1 { margin-bottom: 10px; }

#contenidouser #links { margin-top: 10px; }

/* Solapa Vistas (Layout) */
/* Columna izquierda */
#Columna4 {
	float: left;
	width: 485px;
	margin-right: 10px;}
/* Columna derecha */
#Columna5 {
	float: right;
	width: 220px;}

/* Color de fondo blanco para contrastar con el azul de Vista */
#Vista .New,
#Vista .tab_on {
 background-color: #fff;
 }

/* Nuevo Bloque de tipo Normal y Fijo */
.newBlock,
.newBlockFijo {
	float: left;
	clear:both;
	width: 98%;
	margin: 1%;
	min-height: 40px;
	border:1px solid #999;
	margin-bottom:6px;
	font-variant: small-caps;
	background: #FDE6C4;
	*height: 40px;
	cursor: move;}

.newBlockFijo {cursor: default !important;}

.newBlock h3,
.newBlockFijo h3{
	float: left;
	margin: 10px 0 0 5px;}

.newBlock img,
.newBlockFijo img{
	float: right;
	display: inline;
	margin: 10px 5px 0 5px;
	cursor: pointer;}

.newBlockFijo {background: #FFAA55 !important;}

/* Listado de Componentes */
#comp .azul {
	float: left;
/*	clear: both;*/
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	height: 35px;
	background: #E6E6EF url(../img/ico_widgets.gif) no-repeat 5px}
#comp hr { 
	position: relative; 
	top: 5px;}

#comp h3 {
	position: relative;
	left: 40px;
	top: 15px;
	font-variant: small-caps;}

#comp table {
	width: auto;
	margin: 0 1%;}
#comp td {
	padding: 10px 0;
	vertical-align: top;
	text-align:justify;
}
#comp td img {
	margin: 0 5px 3px 5px;
	padding: 5px;
	border: 1px solid #999;}
#comp td h4 {margin: 0; font-weight: bold;}
#comp td button {
	float: left;
	margin: 3px 0 0 0;}

#formComp table {width: 100%;}

#formComp td {padding: 5px;}

#formComp input,
#formComp select,
#formComp textarea {width: 96%;}

#formComp textarea {height: 150px;}

#formComp .radio {width: auto !important;}

#opciones {padding: 5px;}
#opciones td {padding: 5px;}
#opciones .azul {background: #E6E6EF}
#opciones button {
	display: inline;
	width: auto;}

/* ---------- PARA MOSTRAR EL DIAGRAMA DEL ENCABEZADO ---------- */
.prevEncabezado {
	/*float: left;*/
	width: 98%;
	border:1px solid #999;
	background-color: #ffffff;
	height:70px !important;
	margin-bottom:6px;
	padding:1%;}
	
/* ---------- CLASES PARA BLOQUES NUEVOS ---------- */
.New {
	float: left;
	width: 98%;
	border:1px solid #999;
	min-height:200px;
	margin-bottom:6px;
	padding:1%;}
	
.NewTop  {
	float: left;
	position: relative;
	left:10px;
	bottom:-1px;
	font-weight: normal;
	font-size:1.1em;
	color:#000;
	z-index:1;}

.NewTop .tab_on{
	text-align: center;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #fff;
	border-left:1px solid #999;
	font-weight: bold;
	padding:1px 10px;}

.NewTop .tab_off{
	font-weight: normal;
	padding:1px 10px;
	cursor: pointer;
	color:#999;}

.NewBottom {
	float: left;
	z-index:1;
	margin-top:-1px;
	position: relative;
	font-weight: normal;}

.NewBottom .tab_on{
	text-align: center;
	border-left:1px solid #999;
	border-top:1px solid #fff;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	font-weight: bold;
	padding:2px 10px;
	font-size:1em;}

.NewBottom .tab_off {
	font-weight: normal;
	padding:2px 10px;
	color:#59669d;
	font-size:1em; }

iframe#lectura{
  width:170px; 
  height:70px;
}
.estilo1{
  padding: 8px 4px 8px 4px;
}
#tabBG  {
	z-index:1;
	margin-left:10px;
	margin-bottom:-1px;
	position: relative;
	font-weight: normal;
	font-size:1.1em;
	color:#000000;}

#tabBG .tab_on{
	text-align: center;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
	font-weight: bold;
	padding:1px 20px;}

#tabBG .tab_off{
	font-weight: normal;
	padding:1px 20px;
	cursor: pointer;
	color:#999;}
	
#MEDIA_news #contvideo .carrusell, #MEDIA_news #contfoto .carrusell { 
	width: 268px;
	}
	
.New2 {
	float: left;
	width: 98%;
	display:block;
	min-height:200px;
	margin-bottom:6px;
	padding:1%;}

.New3 {
	float: left;
	width: 98%;
	display:none;
	min-height:200px;
	margin-bottom:6px;
	padding:1%;}	
	
#content_titulo
 {
 width:150px; 
 margin-left:auto;
 margin-right:auto;
 font-family:Arial,Helvetica,sans-serif;
 font-size:1.2em
}  
.centrarimg{vertical-align: middle;}
.subirimg{vertical-align: top;}
.ayuda1 { clear:both !important;}
.ayuda2 { float:left!important; padding: 0px 5px 5px 0 !important;}


/* Posicionamiento e imagen de fondo para zonaUsuarios */
#zonaUsuarios {
	position: relative;
	width: 420px;
	height: 98px;
	top: 30px;
	float: right;
	z-index: 10;
}

/* Posicionamiento lista para datos de zonaUsuarios*/
#zonaUsuarios ul{
	float:right;
	padding-top: 22px;
	padding-right: 15px;
	list-style: none;}

/* Datos de zonaUsuarios*/
#zonaUsuarios li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: 1px solid #999; }

#imgLoading{text-align:center; margin-top:1.5em;}

/* ---------- EXCHANGE ---------- */	
#exchange {
	width: 610px !important;
}


#tableexchange  {
	z-index:1;
	position: relative;
	left:10px;
	top: 1px;
	font-weight: normal;
	font-size:1.1em;
	color:#000;}
	
#tableexchange .tab_on {
	text-align: center;
	border-left:1px solid #999;
	background: url(../img/img_tab_on.gif) no-repeat right top;
	border-bottom:1px solid #fff;
	font-weight: bold;
	padding: 3px 14px 0 8px;}

#tableexchange .tab_off {
	font-weight: normal;
	padding:1px 10px;
	cursor: pointer;
	color: #59669d;}

#exchange ul{ list-style:none;}
#exchange li{ /*border-bottom: 1px solid #999; padding:10px 5px 10px 5px;*/}

#exchange h2  { 
	font-family:Arial, Helvetica, sans-serif!important;
	color: #666;
	font-size:1.4em;}

#exchange h3 {font-size:1.2em;}

#exchange h3 a {color: #343399;}

#exchange {
	float: left;
	width: auto;
	border:1px solid #999;
	padding:20px 8px 8px 10px;
	color:#555;}

#Autor li a {color:#59669d; font-size:.82em !important; }

#Votacion .votacion {
	border-top: 0px solid #999;
}

#Comentarios span.fecha{
	border-left:1px solid #999;
	padding-left:1px;}
	
#Comentarios ul li p { margin-top: 0em; }

#nuevoComentario table{ width: 100%; font-size:.96em;}

formComponentes, #formSolapa{}

#formComponentes .botonForma, #formSolapa .botonForma {
  width:auto;
}

#formComponentes table, #formSolapa table {width:90%;}

#formComponentes textarea, #formSolapa textarea {height:70px !important;}

#opciones .blancomarco {
 background: #FFFFFF;
 font-weight:bold;
 border: 1px solid #999999;
 color:#000000;
 font-variant:small-caps;
 height:36px;
 font-size:1.2em;
 margin:3px;
 padding-left:5px;
}

#div_tabC1, #div_tabC2 {
 width:auto; 
 padding:0px;
}
#div_tabC1 #opciones{
 margin:0px; 
 padding:0px;
}

#cuerposolapas ul{
  background: #FFFFFF;
  border: 1px solid #999999;
  margin:7px; 
}
#cuerposolapas li{
   font-size:.92em;
   margin:1px; 
   width:100%;
}
#cuerposolapas .grismarco {
  background: #CCCCCC;
  border-bottom: 1px solid #999999;
  margin:0px; 
  color:#000000;
  font-size:1.1em;
  font-weight: bold;
}
#cuerposolapas span {
  padding-left:.4em;
}
#cuerposolapas img {
  width:13px;
  height:13px;
  vertical-align:middle;
}
#cuerposolapas .opcionessolapas {
  width:30px;
}
#cuerposolapas table{
  width:100%;
}
#boton_cerrar{
  width:99%; 
  text-align:right; 
  position:absolute; 
  z-index:4; 
  top:2px; 
  left:0px; 
  margin:0px; 
  padding:0px;
}
#flashcontentEdicion{
  width:700px;
  margin: 10px;
}
#editarCabecera .separacion{
	border-left:1px dotted #999999 !important;
	padding-left:5px;}

#VistaB_content,
#VistaC_content,
#VistaF_content{
 background-color: #fff;
 background-repeat:no-repeat !important;
 background-position:center !important;
 height:auto !important;
 *height: 210px;
}

#VistaB_content{
 background-image:url(../img/btn_zona1.gif);
 *width:450px;
}

#VistaC_content{
 background-image:url(../img/btn_zona2.gif);
}

#VistaF_content{
 background-image:url(../img/btn_zona3.gif);
}

#contenidouser #div_tabBG0 {*width:710px;}

#contenidouser #Columna1 {*width:715px !important;}

#Columna4 {*width: 470px;}

#separador {
	border-bottom:1px dotted #999999;
	padding:2px 0pt 10px;
}

#ultimoscom li h2, #Blogs2 li h2 {
 font-family:Arial,Helvetica,sans-serif;
	font-size: 1.2em;} 

#Blogs td.Posts {
	width: 400px;
	font-size: 1.1em;
	padding-right: 10px;}
#Blogs td.Posts img {
	float: left;
	width: 70px;
	height: 70px;
	margin: 0 5px 3px 0}
#Blogs td.Posts h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;}
#Blogs td.Posts a {color: #333;}
#Blogs td.Posts a:hover {text-decoration: underline;}
#Blogs td.Posts span {float: left;}
#Blogs td.Posts span a {color: #48679F;}
#Blogs td.Posts span a:hover {
	color: #48679F;
	text-decoration: underline;}

#Blogs td.Blogs {
	border-left: 1px dotted #999;
	padding-left: 10px;}
#Blogs td.Blogs span {
	display: block;
	font-size: 1.1em;
	line-height: 23px;}
#Blogs td.Blogs span a {color: #666;}
#Blogs td.Blogs span a:hover {text-decoration: underline;}

#Blogs td.Blogs img {
	width: 200px;
	height: 42px;}

#contenedornoti .link{
  font-size:12px;
}

#div_tabB0,
#div_tabB1,
#div_tabB2,
#div_tabB3,
#div_tabB4{
  width:630px;
}

#div_tabVistaB0,
#div_tabVistaB1,
#div_tabVistaB2,
#div_tabVistaB3,
#div_tabVistaB4,
#div_tabVistaC0,
#div_tabVistaC1,
#div_tabVistaC2,
#div_tabVistaC3,
#div_tabVistaC4,
#div_tabVistaF0,
#div_tabVistaF1,
#div_tabVistaF2,
#div_tabVistaF3,
#div_tabVistaF4 {height: auto !important;} 

#Post #cuerpopost ul{
 list-style-type:square !important;
 list-style-position:inside;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 1.2em;
}

#Post #cuerpopost ol{
 list-style-type:decimal !important;
 list-style-position:inside;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 1.2em;
}


.componentGroup_off a{
  color:#000000;
  text-decoration:none;
}

.componentGroup_on a{
  color:#48679F;
  text-decoration:none;
  font-weight: bold;
}

#editarImagen{
  width:300px;
  vertical-align:top;
  border-right:1px dotted #333333;
}

#editarPerfilUsuarios{
  width:760px;
}

#editarBlogUsuario{
  width:620px;
  margin-top:10px;
  margin-left:10px;
}

#editarBlogUsuario textarea{
  height:100px;
  width:400px;
}

.icoblog{
  background: url(../img/ico_blogsUsuario.jpg) no-repeat top right;
  width:980px;
}
#editarPerfilUsuarios textarea{
  width:100%;
  height:100px;
}

#editarPerfil{
  float:left;
  width:100%;
  background: url(../img/ico_perfil.jpg) no-repeat top right; 
}

#editarPerfil table{
	padding-right: 6px;
}

#editarPerfil .fila1{
  width:auto;
  text-align:right;
  vertical-align:top;
  
}

#editarBlogUsuario .fila1{
  width:auto;
  text-align:left;
  vertical-align:top;
  
}

#editarPerfil .fila2, #editarBlogUsuario .fila2{
  text-align:center; 
}

#listaBlogsUsuarios{
  float:left;
  width:970px;
  position:relative;
}
#listaBlogsUsuarios .flotante{
	position:absolute;
	left:832px;
	width:150px;
}
#listaBlogsUsuarios table{
  width:100%;
}

#listaBlogsUsuarios img{
  vertical-align:middle;
  margin:0.4em; 
}

#listaBlogsUsuarios .fila1{
  width:75px;
  text-align:center;
  font-size:1.3em;
  font-weight: bold;
}
#listaBlogsUsuarios .fila3{
  width:auto;
  text-align:right;
  font-size:1.2em;
  color:#666666;
  font-weight: bold;
}
#listaBlogsUsuarios .fila3 a{
  color:#666666;
}
#listaBlogsUsuarios .fila2{
  font-size:1.3em;
  font-weight: bold;
}

#listaBlogsUsuarios .fila2 a{
  color:#000000;
}
.cabeceraListaPost{
 font-weight: bold;
 font-size:11px;
}

/************* NUEVOS ESTILOS EDITOR *************/


.CrearPostDos { 
	float: left; 
	width: 970px;
	padding-right: 6px;
	/*border:1px solid #999;*/
	}

.CrearPostDos .azul {padding: 5px;}
.CrearPostDos label{
	display: block;
	font-weight: bold;}
.CrearPostDos input{
	margin: 2px 0;
	width: 98%;
	height: 13px;}
.CrearPostDos #stage {margin-top: 7px;}
.CrearPostDos #stage li {display: inline;}
.CrearPostDos #stage button {
	width: 25px;
	margin: 0;
	
	padding: 0;
	background: none;
	border: 0 none;
	cursor: pointer;}
.CrearPostDos #stage button.media {
	width: 137px;
	margin-top: 10px;}
	.CrearPostDos #stage button.media2 {
	width: 102px;
	margin-top: 3px;}
.CrearPostDos #stage label {margin-left: 5px;}
.CrearPostDos #stage #editor, .CrearPostDos #stage iframe {
	width: 635px;
	height: 500px;
	margin-left: 1px; 
	border:0px;
}
.CrearPostDos .azul li, .Tags .azul li { 
	padding: 3px 0;
	display: block !important;} 
.CrearPostDos .azul h3 {
	display: inline;
	font-size: 1em;
	padding-right: 5px;} 
.CrearPostDos .azul img {
	vertical-align: middle;
	margin-right: 5px;}

#exchangeDos {
	width: 598px;
}
#exchangeDos {
	float: left;
	width: auto;
	border:1px solid #999;
	padding:20px 8px 8px 10px;
	color:#555;}

#div_tabB0,
#div_tabB1,
#div_tabB2,
#div_tabB3,
#div_tabB4{
  width:630px;
}

.imgopcionesblog{
  float:left;
  margin-right:5px;
  text-align:center;
  vertical-align:middle;
}

.imgopcionesblog img{
  height:15px;
}

.tablageneral{
  border: 1px solid #999999;
}

.estiloclave{
  background-image: none !important;
   width: 500px !important;
   margin-top:30px;
}

#divformclave{
  background: url(../img/ico_claveUsuario.jpg) no-repeat top right;
  height: 250px;
  width: 960px; 
  position:absolute;
}
td#mensajecambio{
  color:#48679F;
  text-align:center;
  font-size:1.2em;
}
/************** ESTIOLOS DE LOS GRUPOS *********************/

.filaGrupo {
	position:relative;
	/* border:solid 1px #111;*/
	width:100%;
	height:30px;
}

.colFilaGrupo {
	position:absolute;
	right:0px;
	/*border:1px solid #111; */
	width:75%;
	height:30px;
	top:0px;
}

.filaGrupo_dos {
	position:relative;
	/* border:solid 1px #111;*/
	width:100%;
	height:70px;
	
}

.colFilaGrupo_dos {
	position:absolute;
	right:0px;
	/*border:1px solid #111; */
	width:75%;
	height:50px;
	top:0px;
}

#migadepan{
  position:relative;
  /*top:10px;*/
  left:5px;
} 

#exchangett{
  float: left;
  width: 620px; 
  border:1px solid #999999; 
  padding:10px 8px 8px 10px;	
  color:#555555;
}
.CrearPostDos .contenedortabla{
  width:90%;
}

.CrearPostDos .separacion{
	border-left:1px dotted #999999 !important;
	padding-left:20px;
	padding-right:5px;
}

.CrearPostDos .inp395{
  width:395px !important;
}

.CrearPostDos .botoneseditor{
  width:670px;
  float:left;
}

.CrearPostDos .botoneseditor2{
  width:315px;
  float:right;
  height:500px;
  border-left: 1px dotted #999999;
  margin-top:20px;
  padding-left:5px;
}

.CrearPostDos #tabadicional{
  font-weight:bold;
  height:12px;
  margin-left:10px;
  width:130px;
  font-size:12px;
}

.cursive{
  font-style: italic;
  text-align: justify;
}

#Blogsq .Posts{
  width:420px;
}

#cuerpopost {
	font-size:12px;
}