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

Web: 		www.galicia.ccoo.es/f10m
Version: 	1.0
Fecha: 		04/12/2008
Autor: 		Javier Otero (Ceninteser Comunicacion)
Email: 		comunicacion{arroba}ceninteser.es

Colores Basicos: 
	- fondo pagina: 394049
	- fondo cabecera: CCCCCC
	- fondo azul: 0099CC
	- fondo menu normal: 70BFE1
	- fondo menu activo: 0099CC
	- fondo menu desplegable: 495058
	- texto contenido: 646464
	- texto pie: 999999

Familia de fuentes: 
	- Tahoma, Verdana, Arial, serif
	- "Trebuchet MS", Tahoma, Arial, serif
	
Indice:
	- 00 - Reset CSS .......................... 34
	- 01 - Estilos generales .................. 
	- 02 - Divs generales .....................
	- 03 - Cabecera ........................... 
	
	
---------------------------------------------------------- */


/* ------------------------------------------------------- 
 RESET CSS 
---------------------------------------------------------- */

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, p, a, 
ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: normal;
 font-style: normal;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}


/***** GENERAL *****/

body {
	background-color: #394049;
	text-align: center;
}

.clear {
	clear: both;
}
/***** DIVS *****/

#pagina {
	background-color: #FFFFFF;
	margin: auto;
	width: 980px;
}

#cabecera {
	height: 39px;
	margin: 0 20px 0 20px;
	width: 940px;
}

/***** LOGO *****/

#logo {
	background-color: #FFFFFF;
	float: left;
	height: 82px;
	width: 980px;
}

	#logo #logo_texto {
		float: left;
		text-align: right;
		width: 300px;
	}
	
	#logo #logo_texto h1 {
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 24px;
		color: #0099CC;
		margin: 20px 0 0 30px;
	}
	
	#logo #logo_texto h2 {
		font-family: Arial, Tahoma, Arial, serif;
		font-size: 24px;
		font-weight: bold;
		color: #CCCCCC;
		margin: -8px 0 0 30px;
	}
	
	#logo #logo_texto h2 a {
		color: #CCCCCC;
		text-decoration: none;
	}
	
	#logo #logo_imagen {
		float: right;
	}
	
	#logo #logo_imagen img {
		margin: 10px 20px 10px 0;
	}
	
	
/***** MENU PRINCIPAL *****/

/*#cabecera .menu ul li {
	float: left;
	list-style-type: none;
	margin: 0 1px 0 0;
}

#cabecera .menu ul li a {
	background-color: #70BFE1; 
	color: #FFFFFF;
	display: block;
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 12px;
	height: 15px;
	padding: 13px 20px 13px 20px;
	text-decoration: none;
	width: 150px;
}

#cabecera .menu ul li:hover a {
	background-color: #0099CC;
	color: #FFFFFF;
}*/
	
	
/***** PORTADA *****/

#imagenportada {
	background-color: #FFFFFF;
	float: left;
	overflow: hidden;
	width: 980px;
}

	#imagenportada #imagen {
		float: left;
		margin: 0 0 0 20px;
		_margin: 0 0 0 10px;
		width: 689px;
	}

	#imagenportada #imagen img {
		width: 689px;
	}
	
	/* recadro axuda */	
	#imagenportada #axuda {
		background-color: #0099CC;
		float: left;
		height: 280px;
		margin: 0 20px 0 0;
		text-align: justify;
		width: 250px;
	}

	#imagenportada #axuda h3 {
		color: #FFFFFF;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 24px;
		margin: 10px 0 0 20px;
	}
	
	#imagenportada #axuda p {
		color: #FFFFFF;
		font-family: Tahoma, Verdana, Arial, serif;
		font-size: 11px;
		margin: 3px 20px 0 20px;
	}
	/* recadro novas */
	
	#imagenportada #novas {
		background-color: #0099CC;
		height: 280px;
		margin: 0px 20px 0 0;
		text-align: justify;
		width: 250px;
	}
	
	#imagenportada #novas .maisnovas {
		float: right;
		margin: -25px 10px 0 0;
		position: relative;
	}
	
	#imagenportada #novas h3 {
		color: #FFFFFF;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 24px;
		margin: 0px 0px 0px 20px;
	}

	#imagenportada #novas .fecha {
		color: #333333;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		margin: 3px 0 0 20px;
	}
	
	#imagenportada #novas p {
		color: #FFFFFF;
		font-family: Tahoma, Verdana, Arial, serif;
		font-size: 11px;
		margin: 3px 20px 0 20px;
	}
	
	/* scrolling novas */
	.Container {
		height: 215px;
	}
	#Scroller-1 { 
		position: absolute; 
		overflow: hidden;
		width: 250px;
		height: 215px;
	}
	.Scroller-Container {
		position: absolute;
		top: 0px; left: 0px;
	}
	.Scroller-Container p {
		margin: 3px 20px 0 20px !important;
	}
	.Scrollbar-Up {
		cursor: pointer;
	}
	.Scrollbar-Down {
		cursor: pointer;
		margin: 215px 0 0 0;
	}
	.icons {
		padding: 4px 0 0 18px;
	}
	
	#imagenportada #novas .novalateral {
		margin: 0 0 10px 0;
	}

	
	#imagenportada #texto {
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		margin: 0 0 10px 0;
		text-align: justify;
	}

/* texto solo portada */
#textoportada {
	background-color: #FFFFFF;
	float: left;
	height: 185px;
	width: 980px;
}

	#textoportada #contenido {
		float: left;
		margin: 26px 0 0 30px;
		_margin: 26px 0 0 15px;
		text-align: left;
		width: 670px;
	}
	
	#textoportada #contenido h3 {
		color: #0099CC;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 14px;
		margin: 0 0 10px 0;
	}
	
	#textoportada #contenido p {
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		margin: 0 0 10px 0;
		text-align: justify;
	}
	
	
/* texto interiores */
#texto {
	background-color: #FFFFFF;
	float: left;
	overflow: overflow;
	width: 710px;
	min-height: 600px;
}

	#texto #contenido {
		float: left;
		margin: 26px 0 0 30px;
		_margin: 26px 0 0 15px;
		text-align: left;
		width: 670px;
		
	}
	
	#texto #contenido h3 {
		color: #0099CC;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 14px;
		margin: 0 0 10px 0;
	}
	
	#texto #contenido h4 {
		color: #111111;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 10px;
		margin: 0;
	}
	
	
	#texto #contenido p {
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		margin: 0 0 10px 0;
		text-align: justify;
	}
	
	#texto #contenido a {
		border-bottom: 1px dotted #646464;
		//color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		text-decoration: none;
	}
	
	#texto #contenido ul {
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		margin: 20px 40px 20px 40px;
	}
	
	#texto #contenido ul li {
		margin: 0 0 2px 0;
	}
	
	#texto #contenido ul li a {
		border-bottom: 1px dotted #646464;
		color: #646464;
		text-decoration: none;
	}
	
	#texto #contenido #foto {
		position: relative;
		float: right;
		margin: 0 0 10px 20px;
		z-index: 1;
	}
	
	#texto #contenido .nova {
		border-bottom: 1px dotted #CCCCCC;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	
	#texto #contenido .nova strong {
		color: 333333;
	}
	
	#texto #contenido .nova .imgnova {
		float: right;
		margin: 0 0 5px 15px;
		position: relative;
		width: 200px;
	}
	
	
/* formulario */
#fpedimento label {
	display: block;
}

#fpedimento input {
	border: 1px solid #CCCCCC;
	color: #646464;
	display: block;
	margin: 0 0 10px 0;
	padding: 2px;
	width: 300px;
}

#fpedimento .btn {
	border: 1px solid #CCCCCC;
	color: #646464;
	display: block;
	width: 100px;
}

.btn {
	border: 1px solid #646464;
	float: left;
	margin: 0 15px 0 0;
	_width: 75px;
	height: 22px;
}
		

/* acceso privado */
#textoportada #contenido #acceso p {
	margin: 5px;
}

#textoportada #contenido #acceso .acceso {
	font-weight: bold;
}

#textoportada #contenido #acceso .error {
	font-weight: bold;
	color: #FF0000;
}

#textoportada #contenido #acceso input {
	border: 1px solid #646464;
	width: 150px;
	height: 15px;
	margin: 0 0 0 5px;
	padding: 2px;
	font-size: 11px;
	color: 646464;
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
}

#textoportada #contenido #acceso .btn {
	_width: 50px;
	height: 22px;
	font-size: 12px;
	margin: 10px 0 0 5px;
	padding: auto;
}


/* admin > interiores */
#admin {
	background-color: #FFFFFF;
	float: left;
	overflow: hidden;
	width: 710px;
}

	#admin #contenido {
		float: left;
		margin: 26px 0 0 30px;
		_margin: 26px 0 0 15px;
		text-align: left;
		width: 670px;
	}
	
	#admin textarea {
		position: relative;
		z-index: 1;
	}
	
	#admin ul li {
		list-style-type: none;
		margin: 0 0 0 15px;
	}
	
	#admin hr {
		height: 1px;
		width: 400px;
	}

	/* formulario engadir / editar debate */
	#admin h3 {
		color: #0099CC;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 14px;
		margin: 10px 0px;
	}

	#admin label {
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 12px;		
	}

	#formadddbt #titulodbt {
		border:1px solid #646464;
		float:left;
		font-size:12px;
		height:15px;
		padding:3px;
		width:400px;
	}

	#formeddbt #titulodbt {
		border:1px solid #646464;
		font-size:12px;
		height:15px;
		padding:3px;
		width:400px;
	}
	
	#formeddbt input {
		margin-top: 10px;
	}
	
	#formadddbt .btn {
		border: 1px solid #646464;
		float: left;
		height: 22px;
		margin: 0 15px 0 0;
		width: 75px;
	}
	
	#formeddbt .btn {
		border: 1px solid #646464;
		height: 22px;
		width: 75px;
	}

	/* tabla listado debates */
	#admin .tbdebates {
		width: 650px;
	}
	
	#admin .tbdebates tr td {
		border-bottom: 1px dotted #CCCCCC;
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 12px;		
	}
	
	#admin .tbdebates tr th {
		font-weight: bold;
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 12px;
	}

	#admin .tbdebates tr td a {
		border-bottom: none !important;
	}
	
	/* tabla listado articulos */	
	#admin .tbartcls tr td {
		border-bottom: 1px dotted #CCCCCC;
		width: 650px;
	}
	
	#admin .tbartcls tr td a {
		border-bottom: none !important;
	}
	
	#formenlace .btn {
		border: 1px solid #646464;
		float: left;
		margin: 0 15px 0 0;
		width: 100px;
		height: 22px;
	}
	
	#admin .frmopciones input {
		border: 1px solid #646464;
		color: #646464;
		font-family: Tahoma, Verdana, Arial, serif;
		font-size: 12px;
		padding: 3px;
	}
	
	#admin .frmopciones .btn {
		color: #646464;
		font-family: Tahoma, Verdana, Arial, serif;
		font-size: 12px;
		height: 22px;
		padding: 2px;
		width: 80px;
	}
	

/***** PIE *****/

#pie {
	background-color: #FFFFFF;
	float: left;
	height: 50px;
	text-align: center;
	width: 980px;
}


	#pie p {
		color: #999999;
		display: block;
		float: left;
		text-align: center;
		font-family: Tahoma, Verdana, Arial, serif;	
		font-size: 9px;
		margin: 5px 0 0 5px;
		padding: 0px;
		_margin: 10px 0 -10px 20px;
		width: 690px;
	}
	
	#pie .idiomas {
		float: right;
		width: 100px;
	}
	
	#pie .idiomas a {
		color: #0099CC;
		text-decoration: none;
	}



/***** ADMIN *****/

#admin #contenido p {
	color: #646464;
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 12px;
	margin: 0 0 10px 0;
	text-align: justify;
}

#admin #contenido a {
	border-bottom: 1px dotted #646464;
	color: #646464;
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 12px;
	text-decoration: none;
}

#admin #contenido hr {
	color: #999999;
	height: 1px;
	width: 670px;
}
	
.txttiny_texto {
	height: 400px;
	width: 640px;
}

.txttiny_resumen {
	height: 200px;
	width: 640px;
}

.btnVolver {
	border: 1px solid #646464;
	height: 22px;
	width: 75px;
}

#formidiomas {
	float: left;
	font-size: 12px;
	padding: 2px;
	width: 200px;
}

	#formidiomas .btn {
		border: 1px solid #646464;
		width: 75px;
		height: 22px;
	}
	
#formidiomasn {
	font-size: 12px;
	padding: 2px;
	width: 200px;
}

form #titulo {
	border: 1px solid #646464;
	float: right;
	font-size: 12px;
	height: 15px;
	padding: 3px;
	width: 300px;
}

#formtextos .btn {
	border: 1px solid #646464;
	float: left;
	margin: 0 15px 0 0;
	_width: 75px;
	height: 22px;
}

#formtextos .file {
		border: 1px solid #646464;
		width: 600px;
		_height: 22px;
		margin: 0 10px 0 0;
}

#formtextos .divfoto {
	background-color: #EBEBEB;
	border: 1px solid #999999;
	color: #646464;
	font-family: Tahoma, Verdana, Arial, serif;	
	font-size: 11px;
	padding: 10px;
	width: 640px;
	height: 300px;
}

#formtextos .divfoto a {
	background-image: url(../public/img/image_delete.png);
	background-position: 0 1px;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

#formenviar .btn {
	border: 1px solid #646464;
	float: left;
	height: 22px;
	margin: 0 15px 0 0;
	width: 75px;
}

#formeliminar .btn {
	border: 1px solid #646464;
	float: left;
	height: 22px;
	margin: 0 15px 0 0;
	width: 75px;
}

.recuadroadmin {
	background-color: #EEEEEE;	border: 1px solid #CCCCCC;	margin: 2px; overflow: hidden;	padding: 2px; height: 20px;
}

.recuadroadmin a {
	border-bottom: 1px dotted #646464;
	color: #646464;
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 12px;
	text-decoration: none;
}

#recuadro {
	margin: 20px 20px 20px 0px;
	text-align: left;
	width: 250px;
}

.formrecuadro {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin: 5px 0 5px 0;
	overflow: auto;
	padding: 5px;
	width: 650px;
}

.formrecuadro p {
	margin: 0 !important;
}

	.formrecuadro #titulo {
		float: left;
		width:640px;
	}
	
/* listado novas admin */
#admin #contenido .nova {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#admin #contenido .nova p {
	padding: 0 0 0 25px;
}

#admin #contenido .nova .titulo {
	background-image: url(../img/application_edit.png);
	background-repeat: no-repeat;
	font-weight: bold;
}

#admin #contenido .nova .titulo a {
	border: none;
	padding: 0;
}

	#admin #contenido .nova .imgnova {
		float: right;
		margin: 0 0 5px 15px;
		position: relative;
		width: 200px;
	}
	
#contenido .paginador {
	background-color: #EBEBEB;
	border: 1px solid #999999;
	color: #646464;
	font-family: Tahoma, Verdana, Arial, serif;	
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	width: 660px;
}

	#contenido .paginador a {
		border: none !important;
	}
	
	#contenido .paginador .paginaselect {
		color: #0099CC !important;
		font-weight: bold !important;
	}


#admin #contenido .anadir {
	background-image: url(../img/add.png);
	background-position: 0 11px;
	background-repeat: no-repeat;
	border-top: 1px solid #646464;
	color: #0099CC;
	font-weight: bold;
	padding: 10px 0 0 25px;
}

	#admin #contenido .anadir a {
		color: #0099CC;
	}
	
/* tabla fotos */
#admin .tbfotos {
	margin: 5px 0 0 0;
	width: 670px;
}

#admin #formsubirimg {
	background-color: #EBEBEB;
	border: 1px solid #999999;
	color: #646464;
	font-family: Tahoma, Verdana, Arial, serif;	
	font-size: 11px;
	overflow: auto;
	padding: 10px;
	width: 650px;
}


#admin #formsubirimg .file {
        border: 1px solid #646464;
        float: left;
        margin: 0 15px 0 0;
        width: 660px;
        _height: 22px;
}

#admin #formsubirimg .btn {
        border: 1px solid #646464;
        float: left;
        margin: 0 15px 0 0;
        width: 100px;
        height: 22px;		
}

#vinculoCatalogo{
		height:60px;
	    width:120px;
		margin-right:135px;
		margin-top:25px;
		float:right;
}

	#vinculoCatalogo #CatalogoF a{
		background-image:url(../img/Catalogo.png);
		height:30px;
		width:120px;
		display: block;
		background-repeat: no-repeat;
		float:left;
	}

	#vinculoCatalogo #CatalogoF a:hover{
		background-image:url(../img/Catalogo_gris.png);
	}
	#vinculoCatalogo #CatalogoF a:focus{
		background-image:url(../img/Catalogo_gris.png);
	}
	
#listadodebates {
	margin: 20px 20px 0px 0px;
	text-align: left;
	background-color: #0099CC;
	width: 250px;
}

#listadodebates .maisdebates {
	float: right;
	margin: -25px 10px 0 0;
	position: relative;
}

#listadodebates a {
	text-decoration: none;
	color: #FFF;
}

#listadodebates h3 {
	color: #FFF;
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 24px;
	margin: 5px 0 0 20px;
}

#listadodebates li, p {
	color: #FFF;
	font-family: Tahoma,Verdana,Arial,serif;
	font-size: 11px;
	margin: 15px 20px 0px 20px;
	text-align: justify;
}

#contlateral {
	float: right;
	margin: 0px 20px 0px 0px;
	width: 250px;
	text-align: left;
}

#logos {
	margin: 0px 20px 0px 0px;
	text-align: center;
	width: 250px;
}

#logos h3 {
	font-family: Tahoma,Verdana,Arial,serif;
	font-size: 11px;
	font-weight: bold;
}

#logos img {
	margin-top: 10px;
}

.mceEditor a {
	text-decoration: none !important;
	border: 0px !important;
	
}
.twitter {
	margin-bottom: 0px;
	padding-bottom: 5px;
}
.fblike {
	overflow: visible;
	height:250px;
}
.fblike iframe {float:left;position: relative; top: 0px;overflow: visible;}