/* CSS Document */

/* ///////////////////////////////////////// FORMATO DE CAPAS PRINCIPALES ////////////////////////////   INICIO    */

/* Cuerpo -------------------------------------------------------------------------- INICIO */
body {
	background-color:#DFDBDB;
	color:#FFFFFF;
}

/* Cuerpo -------------------------------------------------------------------------- FIN */

/* Contenedor ---------------------------------------------------------------------- INICIO */
#contenedor{
	width:901px;
	background-image:url(images/cuerpo.gif);
	position:absolute;
	padding: 0px; 
	margin: 0px auto;
	left:50%;
	margin-left:-450px;
	/*
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px
	*/
}

/* Contenedor ---------------------------------------------------------------------- FIN */


/* Titulo -------------------------------------------------------------------------- INICIO */

#titulo {
	margin: 0px;
	position:relative;
	background-image:url(images/cabecera.gif);
	left:0;
	width:900px;
	height:300px;
	
	
	
	
}

.welcome {

	/*text-decoration:underline;*/
	padding:250px 0 0 0;
	font-style:italic;
	text-align:left;
	font-size:18px;
	width:900px;
	position:relative;
	float:left;
	text-align:center;

}

a:link.textwellcome {

	color:#FFFFFF;
	
}

a:active.textwellcome {

	color:#FFFFFF;
}

a:visited.textwellcome {

	color:#FFFFFF;
}

a:hover.textwellcome {

	color:#FF0000;
}

/* Titulo -------------------------------------------------------------------------- FIN */

/* OBJETOS DEL MENU ----------------------------------------------------------------- INICIO */ 

/* MENU LATERAL --------------------------------------------------------------------- INICIO*/

/* Capa del Menu ----------------------------------- INICIO */

#menu {
	padding:5px 5px 5px 22px;
	margin-left: 0px;
	left:0;
	float:left;
	width:140px;

	/*height:52px;*/
	/*background-image:url(images/sub_menu.gif);*/
	/*
	border-color:#00FF00;
	border-style:solid;
	border-width:1px;
	*/
}

/* Capa del Menu ----------------------------------- FIN */

/* Botones del Menu ----------------------------------- INICIO */

/*
.boton {
	padding:7px 5px 5px 12px;
	width:109px;
	height:24px;
	background-image:url(images/botonmenu.gif);
	cursor:pointer;
	text-align:center;
}*/

.gestion {
	padding:7px 5px 5px 12px;
	width:109px;
	height:20px;
	background-image:url(images/bgestion.png);
	cursor:pointer;
	text-align:center;
	margin-bottom:5px;
	
	
}

.noticias {
	padding:7px 5px 5px 12px;
	width:109px;
	height:20px;
	background-image:url(images/bnoticias.png);
	cursor:pointer;
	text-align:center;
	margin-bottom:5px;
}

.identificarse {
	padding:7px 5px 5px 12px;
	width:109px;
	height:20px;
	background-image:url(images/bidentificarse.png);
	cursor:pointer;
	text-align:center;
	margin-bottom:5px;
}

.usuario {
	padding:7px 5px 5px 12px;
	width:109px;
	height:20px;
	background-image:url(images/busuario.png);
	cursor:pointer;
	text-align:center;
	margin-bottom:5px;
}

.empresa {
	padding:7px 5px 5px 12px;
	width:109px;
	height:20px;
	background-image:url(images/bempresa.png);
	cursor:pointer;
	text-align:center;
	margin-bottom:5px;
}

.articulos {
	padding:7px 5px 5px 12px;
	width:109px;
	height:20px;
	background-image:url(images/barticulos.png);
	cursor:pointer;
	text-align:center;
	margin-bottom:5px;
}

.foro {
	padding:7px 5px 5px 12px;
	width:109px;
	height:20px;
	background-image:url(images/foro.png);
	cursor:pointer;
	text-align:center;
	margin-bottom:5px;
}

.galeria {
	padding:7px 5px 5px 12px;
	width:109px;
	height:20px;
	background-image:url(images/bgaleria.png);
	cursor:pointer;
	text-align:center;
	margin-bottom:5px;
}

.textboton {

	margin-left: -3px;

}

/* Botones del Menu ----------------------------------- FIN */

/* MENU LATERAL -------------------------------------------------------------------- FIN*/

/* CAPA PRINCIPAL ----------------------------------------------------------------- INICIO */

#main {
	padding:5px 10px 5px 5px;
	float:left;
	width:558px;
	/*
	border-color:#00FF00;
	border-style:solid;
	border-width:1px;
	*/
}

/* CAPA PRINCIPAL ----------------------------------------------------------------- FIN */

/* CAPA PRINCIPAL ----------------------------------------------------------------- INICIO */

#novedadesimagen {

	background-image:url(images/novedades.gif);
	width:125px;
	height:40px;

}

#novedades {

	margin-top:5px;
	float:right;
	width:155px;
	position:fixed;
	
}

#novedadesmenu {

}

.articulo {
	
	padding: 0px; 
	margin: 0px auto;
	width:108px;

}

a.enlacenovedades:link {

	text-decoration:none;
}

a.enlacenovedades:visited {

	text-decoration:none;
}

a.enlacenovedades:active {

	text-decoration:none;
}

a.enlacenovedades:hover {

	text-decoration:none;
}

a.enlacenovedades:focus  {

	text-decoration:none;
}

/* CAPA PRINCIPAL ----------------------------------------------------------------- FIN */

/* PIE DE LA WEB ----------------------------------------------------------------- INICIO */

#pie{
	width:800px;
	height:60px;
	float:left;
	padding: 30px 50px 10px 50px;
	position:relative;
	background-image:url(images/pie.gif);
	text-align:center;
	/*
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	*/
}

#personal{
	float:left;
	position:relative;
	font-size:1px;
	color:#000000;
}

/* PIE DE LA WEB ----------------------------------------------------------------- FIN */

.articulo {

	background-image:url(../../../images/articulos/vacio.gif);
	height:128px;

}

.imagenarticulo{

	padding: 20px 2px 2px 4px;
	text-align:center;

}
.nombrearticulo {

	margin: 0px 0 0 11px;
	color:#000000;
}


/* ///////////////////////////////////////// FORMATO DE CAPAS PRINCIPALES ////////////////////////////   FIN    */

/* ESTILO DE OBJETOS DE FORMULARIO ---------------------------------------------- INICIO 	*/

input.logininput{

	background-color:#CCCCCC;
	color:#000000;
	border:none;
}

select.logininput{

	background-color:#CCCCCC;
	color:#000000;
	border:none;
}

textarea.logininput{

	background-color:#CCCCCC;
	color:#000000;
	border:none;
	width:200px;
	height:200px;
	overflow-y: hidden;
	overflow-x: hidden;
	border-style: solid; 
	border-width: 0; 
	padding: 0;
}

.mapa  {

	padding: 10px; 
	margin: 0px auto;
	left:50%;
	width:350px;
	text-align:center;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}

/* ESTILO DE OBJETOS DE FORMULARIO ---------------------------------------------- FIN	 	*/

/* ESTILO DE FICHAS ---------------------------------------------- INICIO 	*/

.tituloficha {

	text-align:center;
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-style:italic;
	width:auto;
	padding: 0px; 
	margin: 0px auto;
	left:50%;
	
}

.usuariosenespera {

	margin-left:5px;
	background-color:#333333;
	border-color:red;
	border-style:solid;
	border-width:1px;
	width: 115px;
	text-align:center;

}

.visitas {

	margin-left:5px;
	background-color:#333333;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	width: 115px;
	text-align:center;

}

.login {
	
	padding: 10px; 
	margin: 0px auto;
	left:50%;
	background-color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	width: 195px;
}

.registro {

	text-align:center;
}

.titulofichausuario {

	background-color:#000000;
	text-align:center;
	width:auto
}

.fichausuario {

	padding: 0px;	 
	margin: 0px auto;
	left:50%;
	background-color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	width: 400px;

}

.nuevologin {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	background-color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	width: 300px;

}

.formulario_administracion{

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	width:360px;
	background-color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}

.fichafamiliasmodificar{
	
	padding: 0px; 
	margin: 0px auto;

	width:195px;
	background-color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	
}

.ficha_usuarios{

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	width:540px;	
	
}

.ficha_clave {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	width:230px;
}

.tablausuario {

	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;

}

.ficha_usuarios_titulos{

	background-color:#000000;
}

.ficha_usuarios_campos {

	background-color:#666666;
}

.formulario_articulos{

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	width:340px;
	background-color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}

.noticiaficha {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	width:490px;
}

.noticiacabecera {

	padding:10px 0px 2px 0px;
	background-image:url(images/noticiascabecera.png);
	width:490px;
	height:20px;

}

.noticiacuerpo {

	padding:10px 15px 10px 15px;
	background-image:url(images/noticiascuerpo.png);
	width:470px;

}

.noticiapie {

	background-image:url(images/noticiaspie.png);
	width:490px;
	height:30px;
	padding:8px 5px 0px 15px;	
}

.ventanapie {

	background-image:url(images/ventanapie.png);
	width:490px;
	height:24px;
	padding:8px 5px 0px 15px;

}

.ventanapietexto {

	text-align:center;
	padding: 0px; 
	margin: 0px auto;
	left:50%;
}

.ventanainter{
	
	padding:10px 15px 10px 15px;
	background-image:url(images/ventanainter.png);
	width:470px;
	height:20px;
}

.noticiatitulo {
	
	font-size:18px;
	font-weight:bold;
	margin-left:7px;	
	width:470px;
	text-align:center;
}

.noticiatexto {
	
	margin-left:7px;	

}

.noticiafechausuario {
	
	margin-left:7px;
	width:470px;

}

.noticiausuario {

	width:185px;
	float:left;
	position:relative;

}

.noticiafecha {
	
	width:180px;
	float:left;
	position:relative;

}


.formulario_modificarnoticia{

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	width:387px;
	background-color:#333333;

}

.textmodificarnoticia {

	background-color:#CCCCCC;
	color:#000000;
	border:none;
	width:321px;
	height:200px;
	overflow-y: hidden;
	overflow-x: hidden;
	border-style: solid; 
	border-width: 0; 
	padding: 0;

}

.formulario_moduser {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	width:270px;
	background-color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	
}

.imagen {

	background-color:#333333;
	float:left;
	width:125px;
	height:120px;
	margin: 0px 0px 10px 15px;
	padding: 2px 2px 2px 2px;
	vertical-align:inherit;
	border-color:#FFFFFF;
	border-style:dotted;
	border-width:1px;
	text-align:center;	
}

.tiposelectficha {
	
	text-align:center;
	padding: 0px; 
	margin: 0px auto;
	left:50%;
}

.fichaimagenambiente {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	background-color:#333333;
	width:435px;
	height:140px;
	margin-top:5px;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;

	border-color:#FFFFFF;
	border-style:dotted;
	border-width:1px;
}

.fichaarticulo {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	margin-left:10px;
	background-color:#333333;
	width:435px;
	margin-top:5px;
	float:left;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
	border-color:#FFFFFF;
	border-style:dotted;
	border-width:1px;
}

.articulodetalle{

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	width:380px;
	margin-bottom:10px;
}

.articulotitulo {

	font-size:18px;
	font-weight:bold;

}

.imagenambiente {

	width:125px;
	height:110px;
	margin-top:5px;
	padding: 2px 2px 2px 5px;
	vertical-align:baseline;
	text-align:left;
	float:left;	
}

.imagenambientecomentario {

	padding-left:10px;
	width:270px;
	height:120px;
	text-align:left;
	float:left;

}

.imagenambientepie{

	padding-left:10px;
	width:425px;
	text-align:left;
	float:left;

}

.borrarimagenambiente {

	float:right;
	vertical-align:bottom;
	
}

.articulonombreficha {

	float:left;
	vertical-align:bottom;
	font-weight:bold;		
}

.fechaimagenambiente {

	float:left;
	vertical-align:bottom;
	width:180px;
}

.usuarioimagenambiente {

	float:left;
	vertical-align:bottom;
	width:130px;
}

.formulario_addimagenes {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	width:355px;
	background-color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}

#capacomentario {

	height:1px;
	visibility:hidden;
	overflow:hidden;

}

.galeriaficha {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	height:110px;
	width:450px;

}

.datosarticulos {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	background-color:#333333;
	width:490px;

}

.tabladatos{
	
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	background-color:#666666;
	
	
}

/* ESTILO DE FICHAS ---------------------------------------------- FIN	*/

/* ESTILO DE ENLACES ---------------------------------------------- INICIO 	*/

a:link {
	font-size:18px;
	text-decoration:none;
	color:#000000;
	margin:0px;
	padding:0px;
}

a:visited {
	font-size:18px;
	text-decoration:none;
	color:#000000;
	margin:0px;
	padding:0px;
}

a:active {
	font-size:18px;
	text-decoration:none;
	color:#000000;
	margin:0px;
	padding:0px;
}

a:hover {
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}

a.enlacetitulonoticia:link {
	font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
}

a.enlacetitulonoticia:visited {
	font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
}

a.enlacetitulonoticia:active {
	font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
}

a.enlacetitulonoticia:hover {
	font-size:14px;
	text-decoration:none;
	color:#FFFF00;
}

.menuhorizontal {

	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	height:20px;
	width:auto;
	background-color:#666666;
	text-align:center;

}

.menuhorizontalcomponente {

	float:left;
	position:relative;
	padding: 0px 10px 0px 5px;

}

.enlaceanterior {

	text-align:center;
	font-size:18px;

}

.modificarnoticia {

	text-align:right;
	margin-right:20px;

}

.enlaceambiente {

	font-style:italic;
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
	text-align:center;

}

/* ESTILO DE ENLACES ---------------------------------------------- FIN 		*/

/* ESTILO DE PAGINACION ---------------------------------------------- INICIO 		*/

.paginacion {

	text-align:right;
	margin: 5px 0px 10px 0px;
	font-size:14px;

}

a.linkactivo:link {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

a.linkactivo:visited {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

a.linkactivo:active {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

a.linkactivo:hover {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFF00;
}

a.linkactivorojo:link {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

a.linkactivorojo:visited {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

a.linkactivorojo:active {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

a.linkactivorojo:hover {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FF0000;
}

a.email:link {

	color:#FFFFFF;
}

a.email:visited {

	color:#FFFFFF;
}

a.email:active {

	;
}

a.email:hover {

	color:#FFFF00;
}

/* ESTILO DE PAGINACION ---------------------------------------------- FIN 		*/

/* BOTONES ADMINITRADOR ---------------------------------------------- INICIO 		*/

.noticiaborrar {

	padding-right:10px;
	padding-top:2px;
	float:right;
	position:relative;

}

.noticiamodifica {

	padding-top:2px;
	float:right;
	position:relative;

}

.nuevanoticia {

	/*padding-right:10px;*/
	padding-top:2px;
	float:left;
	position:relative;
}

/* BOTONES ADMINITRADOR ---------------------------------------------- FIN	 		*/


/*mensaje error */

.mensaje {

	padding: 0px; 
	margin: 0px auto;
	left:50%;
	padding-right:10px;
	padding-top:2px;
	color:#FFFFFF;
	width:400px;
	background-color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	text-align:center;

}

.denegado {

	background-color:#CC0033;

}

.admitido {

	background-color:#009900;

}

.publicidad {
	padding: 0px; 
	margin: 0px auto;
	left:50%;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	text-align:center;
	/*width:400px;*/
}

/*mensaje de error fin*/