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

Javier Otero (Ceninteser Comunicacion)
comunicacion{arroba}ceninteser.es

Colores: 
	- fondo pagina: 394049
	- fondo cabecera: CCCCCC
	- fondo azul: 669900
	- fondo menu normal: 70BFE1
	- fondo menu activo: 669900
	- fondo menu desplegable: 495058
	- texto contenido: 666666
	- texto pie: 999999

Familia de fuentes: 
	- Tahoma, Verdana, Arial, serif
	- "Trebuchet MS", Tahoma, Arial, serif
	
Indice:
	- Reset CSS .......................... 29
	- Estilos generales .................. 
	- Divs generales .....................
	- 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, 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;
}

img {
	border: 0;
	outline: 0;
}


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

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

hr {
	border-top: 1px dotted #646464;
	height: 0px;
}

h1 {
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 18px;
	font-weight: bold;
	color: #0099CC;
}

h2 {
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 16px;
	font-weight: bold;
	color: #0099CC;
}

h3, h3 a {
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 14px;
	/*font-weight: bold;*/
	color: #0099CC;
	text-decoration: none;
}

h4 {
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 14px;
	color: #0099CC;
}

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

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

address {
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 11px;
	color: #0099CC;
}

pre {
	font-family: "Trebuchet MS", Tahoma, Arial, serif;
	font-size: 11px;
	color: #70BFE1;
}

a {
	color: #646464;
	text-decoration: none;
}

/***** CLASES GENERALES *****/

.imgeditor {
	float: left;
	margin: -2px 5px 0 0;
}

.btnGen {
	border: 1px solid #646464;
	color: #646464;
}

.btnGenFloat {
	border: 1px solid #646464;
	color: #646464;
	float: left;
	margin: 0 5px 0 0;
}

.txtFile {
	border: 1px solid #CCCCCC;
	color: #646464;
	padding: 2px;
	width: 300px;
}


/***** DIVS *****/

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

#cabecera {
	height: 59px;
	margin: 0 20px 0 20px;
	padding: 20px 0 0 0;
	position: relative;
	z-index: 2;
	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: 30px 0 0 30px;
	}
	
	#logo #logo_texto h2 {
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 24px;
		color: #CCCCCC;
		margin: -10px 0 0 30px;
	}*/
	
	#logo #logo_imagen {
		float: left;
	}
	
	#logo #logo_imagen img {
		margin: 0 0 0 20px;
	}
	
	#logo .feder {
		float: right;
		margin: 50px 25px 0 0;
	}
	
	#logo .feder a {
		color: #abc1da;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
	}
	
/***** PORTADA *****/

#imagenportada {
	background-color: #FFFFFF;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 980px;
}

	#imagenportada #imagen {
		float: left;
		margin: 0 0 0 20px;
		_margin: 0 0 0 10px;
		width: 689px;
	}
	
	/* recadro novas */
	#imagenportada #novas {
		background-color: #0099CC;
		float: left;
		height: 280px;
		margin: 0 20px 0 0;
		text-align: justify;
		width: 250px;
	}
	
	#imagenportada #novas .maisnovas {
		float: right;
		margin: -25px 20px 0 0;
		position: relative;
	}
	
	#imagenportada #novas h3 {
		color: #FFFFFF;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 24px;
		margin: 10px 0 0 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 10px 20px;
	}
	
	#imagenportada #novas p span {
		background-image: url(../img/icon_info.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		margin: 5px 0 0 0;
		padding: 0 0 0 17px;
	}
	
	#imagenportada #novas p a {
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}
	
	#imagenportada #novas .novalateral {
		margin: 0 0 10px 0;
	}
	
		#imagenportada #novas .novaleteral .fecha {
			color: #646464;
		}
	
	#imagenportada .nova {
		border-bottom: 1px solid #CCCCCC;
		font-size: 11px;
		margin: 0 0 5px 0;
		overflow: hidden;
		padding: 0 0 5px 0;
	}

	#imagenportada .nova .opciones {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		margin: 0;
		padding: 2px 2px 2px 5px;
		width: 150px;
	}
	
	#imagenportada .nova .fecha {
		color: #000000;
		font-style: italic;
	}
	
	#imagenportada .nova img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	#imagenportada .nova span {
		display: block;
		float: left;
		width: 60px;
	}

	#imagenportada .engadir a {
		background-image: url(../img/application_add.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		border: none !important;
		color: #0099CC !important;
		font-weight: bold;
		padding: 0 0 0 25px;
	}
	
	.paginador {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		padding: 2px 2px 2px 5px;
	}
	
	.paginador a {
		border: none !important;
	}
	
	.paginador .paginaselect {
		color: #0099CC !important;
		font-weight: bold;
	}
	
	/* 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 .comentario .titulo {
		background-image: url(../img/comment.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0 0 0 20px;
	}
	
	#imagenportada .comentario .texto {
		background-image: url(../img/text_signature.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0 0 0 20px;
	}
	
	#texto #contenido #gestor .comentario a {
		border: none !important;
		margin: 0 5px 0 0;
	}
	
	/* galeria fotos */	
	#texto #contenido .listadogaleria {
		vertical-align: top;
	}
	
	#texto #contenido .listadogaleria a {
		border: none;
	}
	
	#texto #contenido .listadogaleria img {
		border: 5px solid #666666;
		margin: 0 10px 10px 0;
		width: 100px;
	}
	
	#texto #contenido .listadogaleria img:hover {
		border: 5px solid #999999;
	}
	
	#texto #contenido .listadogaleria p a {
		color: #FFFFFF;
		background-color: #666666;
		font-weight: bold;
		padding: 0 5px 0 5px;
	}
	
	#texto #contenido .galeria_fotos {
		/*border: 1px solid #CCCCCC;*/
		float: left;
		height: 150px;
		margin: 0 5px 10px 0;
		overflow: hidden;
		padding: 5px;
		text-align: center;
		width: 150px;
	}
	
	#texto #contenido .galeria_fotos img {
		border: 5px solid #666666;
		width: 140px;
	}
	
	#texto #contenido .galeria_fotos img:hover {
		border: 5px solid #999999;
	}

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

	#textoportada #contenido {
		color: #646464;
		float: left;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 12px;
		margin: 26px 10px 0 30px;
		_margin: 26px 10px 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: #666666;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		margin: 0 0 10px 0;
		text-align: justify;
	}
	
	#textoportada #contenido p a {
		border-bottom: 1px dotted #666666;
		color: #666666;
		text-decoration: none;
	}
	
	#logos {
		display: block;
		float: right;
		margin: 20px 20px 0 0;	
		width: 250px;
	}
		
		#logos img {
			margin: 0 0 10px 0;	
		}
	
	
/* texto interiores */
#texto {
	background-color: #FFFFFF;
	float: left;
	overflow: hidden;
	width: 710px;
}

	#texto #contenido {
		color: #646464;
		float: left;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 12px;
		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 p {
		color: #666666;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		margin: 0 0 10px 0;
		text-align: justify;
	}
	
	#texto #contenido p a {
		border-bottom: 1px dotted #666666;
		color: #666666;
		text-decoration: none;
	}
	
	#texto #contenido ul {
		color: #666666;
		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 #666666;
		color: #666666;
		text-decoration: none;
	}
	
	#texto #contenido ol {
		color: #666666;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		margin: 20px 40px 20px 40px;
	}
	
	#texto #contenido ol li {
		margin: 0 0 2px 0;
	}
	
	#texto #contenido ol li a {
		border-bottom: 1px dotted #666666;
		color: #666666;
		text-decoration: none;
	}
	
	#texto #contenido blockquote {
		color: #999999;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 11px;
		margin: 10px 20px 10px 20px;
	}
	
	/* formulario contacto */
	#texto #contenido #formcontacto {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		padding: 10px;
		width: 650px;
	}
	
		#texto #contenido #formcontacto p {
			margin: 10px 0 0 0;
			padding: 0;
		}
	
		#texto #contenido #formcontacto #txtnombre, 
		#texto #contenido #formcontacto #txtcorreo, 
		#texto #contenido #formcontacto #txtasunto {
			border: 1px solid #CCCCCC;
			color: #646464;
			font-family: Verdana, Tahoma, Arial, serif;
			font-size: 11px;
			padding: 4px;
			width: 300px;
		}
		
		#texto #contenido #formcontacto textarea {
			border: 1px solid #CCCCCC;
			color: #646464;
			font-family: Verdana, Tahoma, Arial, serif;
			font-size: 11px;
			height: 150px;
			padding: 4px;
			width: 500px;
		}
		
	/* formulario comentarios */
	#texto #contenido .titcomentarios {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		font-weight: bold;
		margin: 20px 0 10px 0;
		padding: 2px;
	}
	
	#texto #contenido .comentario {
		border-bottom: 1px dotted #646464;
		margin: 0 0 10px 0;
	}
	
	#texto #contenido #formcomentario {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		padding: 10px;
	}
	
		#texto #contenido #formcomentario p {
			font-weight: bold;
			margin: 5px 0 0 0;
		}
		
		#texto #contenido #formcomentario span {
			color: #646464;
			font-family: "Trebuchet MS", Tahoma, Arial, serif;
			font-size: 11px;
			font-style: italic;
		}
		
		#texto #contenido #formcomentario #txtnombre, 
		#texto #contenido #formcomentario #txtfecha {
			border: 1px solid #CCCCCC;
			color: #646464;
			font-family: "Trebuchet MS", Tahoma, Arial, serif;
			font-size: 11px;
			padding: 2px;
			width: 200px;
		}
		
		#texto #contenido #formcomentario textarea {
			border: 1px solid #CCCCCC;
			color: #646464;
			font-family: "Trebuchet MS", Tahoma, Arial, serif;
			font-size: 11px;
			height: 150px;
			padding: 2px;
			width: 500px;
		}
		
		#texto #contenido #formcomentario img {
			float: left;
			height: 30px;
			margin: 0 5px 0 0;
			width: 100px;
		}
		
		#texto #contenido #formcomentario #tmptxt {
			border: 1px solid #CCCCCC;
			color: #646464;
			font-family: "Trebuchet MS", Tahoma, Arial, serif;
			font-size: 14px;
			height: 20px;
			padding: 4px;
			margin: 2px 0 0 0;
			width: 65px;
		}
	
	/* formulario acceso */
	#texto #contenido #formacceso p {
		margin: 0;
		padding: 0;
	}
	
	#texto #contenido #formacceso .error {
		background-color: #FF0000;
		border: 1px double #FF0000;
		color: #FFFFFF;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 2px;
		text-indent: 2px;
		width: 200px;
	}
	
	#texto #contenido #formacceso .menuform {
		border: 1px solid #CCCCCC;
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 12px;
		padding: 3px;
		width: 200px;
	}
	
	#texto #contenido #formacceso .txtform {
		border: 1px solid #CCCCCC;
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 12px;
		padding: 3px;
		width: 200px;
	}
	
	#texto #contenido #formacceso .btnform {
		border: 1px solid #CCCCCC;
		color: #646464;
		font-family: "Trebuchet MS", Tahoma, Arial, serif;
		font-size: 12px;
		width: 75px;
	}
	
	/* admin / gestor */
	#texto #contenido #gestor {
		margin: -25px 0 0 0;
	}
	
	#texto  #contenido #gestor #galform {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		margin: 0 0 5px 0;
		padding: 8px;
		width: 647px;
	}
	
		#texto #contenido #gestor #galform p {
			color: #646464;
			font-family: "Trebuchet MS", Tahoma, Arial, serif;
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 2px 0;
		}	
		
		#texto #contenido #gestor #galform #txtnomgal {
			border: 1px solid #CCCCCC;
			font-family: "Trebuchet MS", Tahoma, Arial, serif;
			font-size: 11px;
			padding: 2px;
			width: 200px;
		}
	
	#texto #contenido #gestor #langform {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		margin: 0 0 5px 0;
		padding: 8px;
		width: 647px;
	}
	
		#texto #contenido #gestor #langform p {
			color: #646464;
			font-family: "Trebuchet MS", Tahoma, Arial, serif;
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 2px 0;
		}
		
		#texto #contenido #gestor #langform #idioma {
			border: 1px solid #CCCCCC;
			font-family: "Trebuchet MS", Tahoma, Arial, serif;
			font-size: 11px;
			padding: 2px;
			width: 200px;
		}
		
		#texto #contenido #gestor #langform #txtgaleria {
			border: 1px solid #CCCCCC;
			font-family: "Trebuchet MS", Tahoma, Arial, serif;
			font-size: 11px;
			padding: 2px;
			width: 200px;
		}
		
	#texto #contenido #gestor #orden_galeria .txtorden {
		border: 1px solid #646464;
		color: #646464;
		font-size: 11px;
		height: 15px;
		margin: 0 5px 0 0;
		padding: 2px;
		width: 15px;
	}
	
	#texto #contenido #gestor .txtordenfotos {
		border: 1px solid #646464;
		color: #646464;
		float: left;
		font-size: 11px;
		height: 15px;
		margin: 0 5px 0 0;
		padding: 2px;
		width: 15px;
	}
	
	#texto #contenido #gestor #txtform #divmenuform {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		margin: 0 0 5px 0;
		padding: 8px;
		width: 647px;
	}
	
		#texto #contenido #gestor #txtform #divmenuform #menuform {
			border: 1px solid #CCCCCC;
			font-family: Tahoma, Arial, serif;
			font-size: 11px;
			padding: 4px;
			width: 300px;
		}
		
		#texto #contenido #gestor #txtform #divmenuform p {
			font-weight: bold;
			margin: 0 0 2px 0;
		}
	
	#texto #contenido #gestor #txtform #divtitform {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		margin: 0 0 5px 0;
		padding: 8px;
		width: 647px;
	}
	
		#texto #contenido #gestor #txtform #divtitform p {
			font-weight: bold;
			margin: 0 0 2px 0;
		}
		
		#texto #contenido #gestor #txtform #divtitform #titform {
			border: 1px solid #CCCCCC;
			font-family: Tahoma, Arial, serif;
			font-size: 11px;
			padding: 4px;
			width: 300px;
		}
		
		#texto #contenido #gestor #txtform #divtitform #txtfecha {
			border: 1px solid #CCCCCC;
			font-family: Tahoma, Arial, serif;
			font-size: 11px;
			margin: 0 10px 0 0;
			padding: 4px;
			width: 150px;
		}
	
	#texto #contenido #gestor #txtform #txrform {
		height: 250px;
	}
	
	#texto #contenido #gestor ul li {
		list-style-type: none;
	}
	
	#texto #contenido #gestor ul li a {
		border: none;
		font-size: 12px;
	}
	
	#texto #contenido #gestor ul li .gal_del {
		background-image: url(../img/application_delete.png);
		background-repeat: no-repeat;
		padding: 0 0 0 25px;
	}
	
	/* admin formularios */
	.txttiny {
		height: 400px;
		width: 660px;
	}
	
	/* admin galeria */
	#texto #contenido #gestor .galeria_admin {
		border-bottom: 1px solid #CCCCCC;
		height: 70px;
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		width: 660px;
	}
	
	#texto #contenido #gestor .galeria_admin img {
		float: left;
		margin: 0 10px 0 0;
		width: 100px;
	}
	
		#texto #contenido #gestor .galeria_admin p {
			margin: 0;
		}
		
		#texto #contenido #gestor .galeria_admin #txtdescgal {
			border: 1px solid #CCCCCC;
			color: #646464;
			margin: 0 0 5px 0;
			padding: 2px;
			width: 200px;
		}
		
		#texto #contenido #gestor .galeria_admin .btnGen {
			float: left;
			margin: 0 5px 0 0;
		}
	

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

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

	#pie p {
		color: #999999;
		float: left;
		font-family: Tahoma, Verdana, Arial, serif;	
		font-size: 9px;
		margin: 15px 0 0 20px;
		_margin: 10px 0 -10px 20px;
	}
	
	#pie a {
		color: #0099CC;
		font-weight: bold;
		text-decoration: none;
	}
	
	#pie .menupie {
		color: #0099CC;
		float: right;
		font-weight: bold;
		margin-right: 20px;
	}
	
	#pie .menupie .sair {
		background-image: url(../img/bullet_delete.png);
		background-position: 1px -3px;
		background-repeat: no-repeat;
		color: #bc4204;
		padding: 0 0 0 15px;
	}