/* HOJA DE ESTILOS PARA WWW.ARTEYMADERA.ES */

html {	margin: 0px;
		padding:0px;
}

body { 	color: #999999; 
		font-size: x-small; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#000000;
		margin:46px 0px 0px 0px; 
		padding: 0px; 
		text-align:center;

}

#website    { 	background-color: #000000; 
				margin-right: auto; 
				margin-left: auto; 
				width: 850px;
				 }		
				 
				 
				 
/* DEFINIMOS LA PARTE SUPERIOR DE LA WEB */

#super {width:100%;
		height: 92px;
		display:block;}



#logo {	width: 244px; 
		height: 92px;
		background-image:url(imag/logo.gif);
		float:left;
		background-repeat:repeat-x;
		margin: 0px 0px 0px 0px;}

#logo a {	width: 244px; 
			height: 92px;
			display:block;
			 }

#logo h1 {	visibility:hidden;
			margin:0px;
			padding:0px;
			font-size:large;
			height: 92px;
			}

#menuprincipal  {
	background-image:url(imag/fondo_menu.jpg);
	background-repeat:repeat-x;	
	height:92px;
	width:606px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
	font-size: medium;
				
			}
				
#menuprincipal ul{	list-style:none; 
					margin:0;
					background-image:url(imag/fondoizquierdamenuprincipal.gif);
					background-repeat:no-repeat;
					height:92px;
					padding:0px 0px 0px 0px;
					text-align:center;
					float:left;
					background-position:left top;
					}

#menuprincipal li{	height:92px; 
					display:block; 
					float:left; 
					padding: 0px 10px 0px 0px; 
					border-left: 1px solid #cccccc; 
					border-right:1px solid #000000;
					}

#menuprincipal li a {  	font-size:medium;
						color:#000000;
						display:block;
						/*width:200px;
						min-height:24px;*/
						text-decoration:none;
						/*height:24px;*/
						font-family:Verdana, Arial, Helvetica, sans-serif;
						padding:35px 0px 0px 0px;
						margin-left:10px;
						margin-right:10px;
					}
					
#menuprincipal li a:hover { font-size:medium;
							
							color:#FF9900;
							
							}
					
/* DEFINIMOS LA PARTE CENTRAL DE LA WEB*/

#contenido {
			width:850px;
			/*height:584px;*/
			min-height:413px;
			background-color:#CCCCCC;
}

#izquierdo {
			float:left;
			width:548px;
			height:413px;
			}

#izquierdo ul{	margin:0px;
				padding:0px 0px 0px 0px;
				height:413px;
				width:548px;
				float:left;
				background-position:left top;
				z-index:1000;
						}

#izquierdo li{	margin:0px 0px 0px 0px;
				list-style:none;
				font-style:normal;
				z-index:1000;
				background-image:url(imag/cuadrado.gif); 
				background-repeat:no-repeat;
				background-position: 0px 0px;
}

#izquierdo li a {	font-size:x-small;
					color:#666666;
					text-decoration:none;
					display:block;
					margin: 0px 0px 0px 0px;
					}


		
			
#izquierdo li a:hover { color:#990000;
						padding-left:13px;
						margin:0px;
						text-decoration:none;
						}
					
#izquierdo li:hover ul, #izquierdo li.over ul {z-index:1000;}

#visor {float:right;
		width:302px;
		height:413px;
		padding:0px 0px 0px 0px;
		background-color:#ffffff;
		background-image:url(imag/fondo_contenido.gif);
		background-repeat:no-repeat;
		background-position:right bottom;
		min-height:413px ;
		height:413px;
		overflow:auto;
		}
				

/* ESTO SERÍA PARA EL CONTENIDO DE LA WEB*/


#izquierdocontenido {
					float:left;
					width:244PX;
					height:413px;
					text-align:left;
					}

#izquierdoconenido ul{	margin:0px;
						padding:10px 0px 0px 0px;
						height:413px;
						width:244px;
						float:left;
						background-position:left top;
						z-index:1000;
								}

#izquierdocontenido li{
	margin:10px 0px 0px 0px;
	list-style:none;
	font-style:normal;
	z-index:1000;
	background-image:url(imag/cuadrado--.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	font-size:small;

}

#izquierdocontenido li a {
	font-size:small;
	color:#666666;
	text-decoration:none;
	border-bottom-color: #999999;
	display:block;
	margin: 0px 0px 0px 0px;
	border: 1px;
	border-top-style: solid;
							}


		
			
#izquierdocontenido li a:hover { 	color:#C05821;
									padding-left:13px;
									margin:0px;
									text-decoration:none;
									}
					
#izquierdocontenido li:hover ul, #izquierdo li.over ul {z-index:1000;}


#visorcontenido {	float:right;
					width:605px;
					height:413px;
					padding:0px 0px 0px 0px;
					background-color:#ffffff;
					background-image:url(imag/visor_contenido.gif);
					background-position:right bottom;
					background-repeat:no-repeat;
					min-height:413px;
					border-left:1px solid #999999;
					height:auto  !important ;
					height:413px;
					}
				 
				 
/* DEFINIMOS LA PARTE INFERIOR DE LA WEB */


#infer {
		background-image:url(imag/fondo_abajo.gif);
		background-repeat:no-repeat;
		float:left;
		height:52px;
		width:100%;
		color:#333333;
		font-size:x-small;
		margin-top:0px;
		border-top:1px solid white;
		}
		
#infer ul {	
			padding:18px 0px 0px 0px;
			float:left;
			margin:0px;
			background-repeat:no-repeat;
			background-position:left top;
			width:850px;
			height:52px;
			font-size:x-small;
}

#infer li { 
			margin:0px	;
			padding:0px 2px 0px 0px;
			height:52px;
			display:inline;
			text-align:left;
			color:#333333;
			}

	

#infer li a { 
				font-size:x-small;
				text-align:left;
				color:#AB4533;
				text-decoration:none;
		 	
		   }
		   
#infer li a:hover{
				font-size:x-small;
				text-align:left;
				color:#FFFFFF;
				text-decoration:underline;}
				
				
/* -------------- SE DEFINEN LOS ESTILOS DE LA WEB --------------- */

/* Comportamiento genérico de los párrafos */
p {line-height:150%;font-size:xx-small;
font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Los textos dentro de tablas */
td {font-size:xx-small;color:#000000;}

/* Comportamiento genérico de los enlaces */
a {color:#000000}
a:hover {color:#000000;}
a:visited  {color:#666666}

#candado { /* ---- EL candado que aparece cuando una sección es de acceso restringido --- */
background-image: url(imag_general/candado.gif);
background-repeat: no-repeat;
width: 22px;
height: 22px;
}

.anterior  { color: white; background-color: #FF6600; padding: 5px; height: 30px; border-left:3px solid #AA2200; }

.siguiente  { color: white; background-color: #BA3300; padding: 5px; height: 30px; border-right:3px solid #bb7700;  }

a.siguiente:visited {
	color:#FFFFFF;
}
a.anterior:visited {
	color:#FFFFFF;
}

#formulariocontacto { }

.botonverde  { background-color: #FF9900; padding: 3px 20px 3px 15px; border-style: double; text-align:center; }

.botonverde:hover{ background-color:#C05821; padding: 3px 20px 3px 15px; border-style: double; text-align:center; cursor:pointer;}
label{margin:0px; padding:0px;}
.campoformulario textarea{ text-align:left;height:auto;float:left;padding:5px 5px 0px 5px;}


.botoninfo {background-color: #007524; padding: 3px 6px 6px 3px; border-style: double;color:white;}
.botoninfo:hover {background-color: #00a934; padding: 3px 6px 6px 3px; border-style: double;color:black;}

.formul  { font-size: x-small; font-family:Verdana, Arial, Helvetica, sans-serif; color:black; background-image: url("imag/fondo_formul.gif"); background-position:bottom; background-repeat: repeat-x; padding: 1px; border-style: solid; border-width: 1px; border-color: #b58525 #daa12d #daa12d #b58525 }
.formul:hover {background-color:white;}			
.formul:focus  {   border-style: solid; border-width: 1px; border-color: #FF0000}


.textoformulario{	 width:85px;
					float:left;
					text-align:right;height:auto; padding-left:5px; padding-top:5px;}
					
.alineaformulario {height: auto !important; height:35px; min-height:35px;overflow:visible;width:48%;float:left}

.campoformulario{ text-align:left;height:auto;float:left;padding:5px 5px 0px 5px;}

.mensajeportada {color:white;}

			
			
/* DONDE SE MUESTRA EL TITULO, La descripción y la foto general de cada sección */

#seccion
			{font-size: x-small; 
			text-align:left;
			float:left;
			clear:both;
			display:block;
			color:#333333;
			width:100%;
			padding:0px 20px 0px 10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;

				}
		
#seccion h1 {	font-size: medium; 
				color:#CC6600; 
				text-align:left; }

.fotoseccion  { background-color: white; 
				margin: 5px; 
				padding: 2px;
				border: double 0px black;
				background-image: url("imag/cargando.gif"); 
				background-repeat: no-repeat; 
				background-position: center;}
				
#seccion p {font-size: x-small; 
			color: black; 
			line-height: 145%;
			text-align:justify;
			padding-right:15px;}

/* ---- DONDE SE MUESTRAS LAS SUBSECCIONES ----- */

#subsecciones  {/* background-image: url("imag/fondo_subsecciones.gif");*/ 
				background-repeat: repeat-x; 
				text-align: left; 
				float: left; 
				border: solid 0px black;
				margin-left:2px; }
				
#subsecciones h2 { font-size: 1.3em ;
					font-weight:normal;				
					padding:4px 5px 0px 0px;
					text-align: left; }
	
	
#subsecciones h2 a{ text-decoration: none;
					border-bottom:1px dotted black;
					text-align: left; 
					margin-left:0px; 
					margin-top:5px;
					}

#subsecciones img {padding:0 0 0 10px;
					background-image: url("imag/cargando.gif"); 
					background-repeat: no-repeat; 
					background-position: center;}


#contenedor
			{padding:0px;
			font-size: x-small; 
			text-align:left;
			float:right;clear:
			right;width:80%;
			color:#000000;}
			
/* CADENACAD es el arbol de situación de la web, que se muestra en todas las páginas. Por ejemplo: Estás en website / servicios / subsección */

#cadenacad {
			margin:0px;
			font-size:x-small;
			color: black;
			/*background-image: url(imag/triangulo_rojo.gif);*/
			background-repeat: no-repeat;
			background-position: 0px 8px;
			text-align: left;
			padding: 5px 5px 5px 10px;
		}
		
#cadenacad li{
				display: inline;
				list-style-type: none;
				font-size:x-small;
				color: black;
				background-image: url(imag/cuadrado.gif);
				background-repeat: no-repeat;
				text-align: left;
				padding: 10px 5px 5px 15px;
				
				background-position: 0px 8px;
			}

#cadenacad li a{
				text-decoration:none;
}

#cadenacad li a:hover{
	text-decoration:underline;
}	

/* DOCUMENTO PRINCIPAL EN LA PORTADA */
#docprincipalportada {
						text-align:left; 
						color: black;
						float:left;
						max-width:470px;
						padding-left:4px;
						padding-right:4px;
						padding-top: 5px;
						padding-bottom:5px;
						font-family:Verdana, Arial, Helvetica, sans-serif;
					
						/* para internet explorer// width:60%;*/
					}
					
#docprincipalportada img {
							background-image: url("imag/cargando.gif"); 
							background-repeat: no-repeat; 
							background-position: center;
							padding: 3px;
							border:1px solid #333333;
}

#docprincipalportada h1 {
							font-style:normal;
							font-size:medium;
							color: gray;
							text-align: left;
							text-decoration:none;
							font-weight:normal;
						}

#docprincipalportada a {	font-size:x-small;
							text-decoration:none;
							color:#FF9900;
							text-align:left;}

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


#docprincipalportada p {text-align:left;
						font-size:1em;
						line-height:1.5em;
						color: gray; 
						padding-left:5px; 
						padding-right:15px;
						font-style:normal;}

#documentosportada {
					font-style:normal;
					text-align:right;
					float:right;			
					padding: 3px;		
					margin-top:5px;
					}

#documentosportada a h2{text-align:right;
						text-decoration:none;
						color:#000000;
						font-weight:normal;}

#documentosportada a{text-align:right;
						text-decoration:none;
						color:#000000;
						font-weight:normal;}

#documentosportada a:hover{color:#FF9900}

#documentosportada a h2:hover{
								text-decoration:underline;
								color:#FF9900;}

#documentosportada p {
						text-align:right;
						font-size: xx-small;
						font-family:Verdana, Arial, Helvetica, sans-serif;
						color:#333333;
						padding:5px 5px 5px 5px;
						margin:0;
}
#documentosportada h2{text-align:left;
						font-size:medium;
						color:#333333;
						font-style:normal;
						padding:5px 5px 0px 5px;
						margin:0;
						}

#documentosportada img{
					padding:5px 5px 5px 5px;
					background-image: url("imag/cargando.gif"); 
					background-repeat: no-repeat; 
					background-position: center;
					border:1px solid #333333;
}

		
		
 /* ---- LISTADOS DE DOCUMENTOS ----*/
/* LISTADO POR MODULOS */
#docmodulo { /* Aspecto del módulo */
			padding: 0px;
			margin: 5px;
			float: left;
			/*background-image:url("imag/diapositiva.jpg");*/
			background-repeat: no-repeat;
			border: 1px dotted #aaaaaa;
			height:134px;
			}

#docmodulo h2 { /*Aspecto del título */
				font-size:xx-small;
				margin:5px 0 0 5px;
				font-weight: normal;
				}

#docmodulo h2 a {
					text-decoration: none;
					}

#docmodulo img {
				border: 1px solid white;
				/* width:92px; */
				margin:12px 0 0 12px;
				background-image: url("imag/cargando.gif"); background-repeat: no-repeat; background-position: center;
				}

#docmodulo img:hover {
						border: 1px solid black;
						/* width:92px; */
						margin:12px 0 0 12px;
						}

/* LISTADO POR LISTADO (qué cosas más raras) */
/*#doclistado {
border: 0px solid black;
padding: 0px;
background-image:url("imag/fondo_doclistado.gif");
background-repeat: no-repeat;
}*/

#doclistado  {
				margin: 4px;
				border-bottom: 1px solid #cccccc;
				width: 350px;
				float:left;
				clear:both;
				padding: 0 0 0 5px;
			}

#doclistado h2{
				font-size:small;
				margin:0px 0 0 0px;
				font-weight: normal ;
				background-image: url(imag/iconoescudo.gif);
				background-repeat: no-repeat;
				background-position: 0px 4px;
				text-align: left;
				padding: 3px 3px 3px 20px; 
			}

#doclistado h2 a {
					text-decoration: none;
					display:block;
					}

#doclistado h2:hover {
						text-decoration: none;
						color:#C05821;
						background-color: #FFFFFF; 
						}

#doclistado h2 a:hover {
						text-decoration: none;
						display:block;
						color:#C05821;
						}


/* --------- DOCUMENTO. Títulos, subtítulo, párrafos... ------- */
#documento {
			display: block;
			padding: 5px;
			text-align:left;
			font-style:normal;
			
			}

#documento h1 { /* El título del documento */
				font-size:large;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-style:normal;
				color:#FF6600;
				text-decoration:underline;
				}

#documento h2  { color: #000000; font-size: medium }

#documento p {/* texto del párrafo */
				font-size:xx-small;
				line-height:150%;
				color:black;
				text-align:justify;
				font-style:normal;
				}


#documento img {background-color:white;
				padding:5px;
				border:0px solid black;
				background-image: url("imag/cargando.gif"); background-repeat: no-repeat; background-position: center;
				}

.nombrecampo {font-weight:bold; }
#separador {clear:both;}
.separador {clear:both; visibility:hidden}

#archivodigital {clear:both;}

div.archivodigitallista {/* La forma en que muestra los listados de archivos digitales asociados a un documento o seccion */
						background-color:#f1f1d3;
						width:110px;
						padding:5px 0px 0px 0px;
						border-top:1px solid #aaaaaa;
						text-align:center;
						margin:1px 1px 3px 1px;
						float:left;
						}
						
div.archivodigitallista:hover {/* La forma en que muestra los listados de archivos digitales asociados a un documento o seccion */
							background-color:#C05821;
							width:110px;
							color:#333333;
							border-top:1px solid #000000;
							text-align:center;
							float:left;
							}

img.archivodigitallista {margin:0px 0px 5px 0px;padding:0px;border:1px solid black;}

a.archivodigitallista {text-decoration:none;font-size:1.2em;}

a.archivodigitallista:hover {color:#333333;
text-decoration:underline;}

#firma {
width:244px;
padding: 10px 0px 0px 0px;
text-align:center;}

#firma a:hover{
color:#666666;
			text-align:center;
			padding: 0px 0px 0px 0px}
			
#moduloextra {
	width:244px;
	padding: 20px 0px 20px 0px;
	text-align:center;
	border: 1px dotted #dddddd;

}