/* HOJA DE ESTILOS PARA PUERTA REAL */

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

body { 	color: #000000; 
		font-size: 0.8em; 
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		background-image:url(imag/fondo_PRJ1.jpg);
		margin:0px 0px 0px 0px; 
		padding: 0px; 
		text-align:center;

}

#website     { background-color: #ffffff; margin-right: auto; margin-left: auto; width: 739px; border-right: 1px solid #72221f; border-left: 1px solid #4d1715 }		
				 
				 
/*DEFINIMOS LA PARTE SUPERIOR DE LA WEB*/
				 
#super {width:100%;
		height: 127px;
		display:block;}



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

#logo a {	width: 220px; 
			height: 127px;
			display:block;
			 }

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

#logo span{	visibility:hidden;}

#corcho {
			background-image:url(imag/corcho.jpg);
			background-repeat:no-repeat;
			width:262px;
			height:127px;
			float:right;
			margin:0px;
			padding:0px;}

/*DEFINIMOS EL MENU CENTRAL DE LA P?GINA*/

#contenido {
			width:737px;
			/*height:584px;*/
			background-color:#FFFFFF;
}

#fotoprincipalportada{
			background-image:url(imag/foto_principal.jpg);
			background-repeat:no-repeat;
			float:left;
			margin:0px;
			padding:0px;
			width:327px;
			height:240px;
}

#bordeizdo {width:337px;background-color:#E3E3E3;
min-height:400px;
height:auto !important;
height:400px;
float: left;
}

#bordeizdo img {border:0px;margin:0px;padding:0px;}

#menuprincipal  {
	background-color:#972723;
	height:38px;
	width:410px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;	
	font-size: xx-small;
			}
				
#menuprincipal ul{	list-style:none; 
					margin:0;
					height:38px;
					padding:0px 50px 0px 0px;
					text-align:center;
					text-transform: uppercase;
					text-align:center;
					float:right;
					background-position:left top;
					font-size:x-small;
					}

#menuprincipal li { display: block;text-align:center; padding: 0 0 0 20px; height: 38px; float: left }

#menuprincipal li a  { color: #ffffff; font-size: xx-small;text-align:center; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; text-decoration: none; text-transform: uppercase; display: block; margin-right: 0; margin-left: 0; padding: 12px 0 0 }
					
#menuprincipal li a:hover { font-size:xx-small;
							color:#FF9900;
							padding:12px 0px 0px 0px;
	margin-left:0px;
	margin-right:0px;
							
							}
							



/*DEFINIMOS LA PARTE DONDE VAN LAS 4 FOTOS*/
#fotos {}

#fotos img {float:left;
margin-right:1px;
margin-top:1px;
}

.fotofinal {margin-right:0px;}

/*DEFINIMOS LA PARTE DONDE VA LA FIRMA Y LOS CONTENIDOS DEL RESTAURANTE*/

#firma {
		width:200px;
		height:164px;
		padding: 28px 0px 0px 38px;
		background-image:url(imag/direccion.gif);
		background-repeat:no-repeat;
		line-height:20px;
		color:#990000;
		margin: 0px 0px 0px 20px;
		font-size:small;
		float:left;
		text-align:left;
		}

#firma a:hover{
			color:#666666;
			text-align:left;
			padding: 0px 0px 0px 0px}


#mensajeportada {
width:360px;
height:164px;
text-align:center;
padding: 0px 0px 0px 10px;
background-color:#FFFFFF;
line-height:0px;
float:left;
margin: 0px 0px 0px 0px;}

#mensajeportada p{text-align:left; 
						color: #000000; 
						padding-left:45px; 
						font-family:Georgia, "Times New Roman", Times, serif;
						padding-right:15px;
						}

#visor {float: left;}

/*DEFINIMOS LA PARTE INFERIOR DE LA PAGINA*/

#avisolegal {
		background-image:url(imag/fondo_abajo.gif);
		background-color:#ffffff;
		background-repeat:no-repeat;
		float:left;
		height:30px;
		min-height:30px;
		height: auto !important;
		width:737px;
		max-width:737px;
		width: auto !important;
		color:#333333;
		font-size:x-small;
		margin-top:0px;
		border-top:1px solid white;
		font-style:normal;
		}
		
#avisolegal ul {	
			padding:9px 0px 0px 10px;
			float:left;
			margin:0px;
			background-repeat:no-repeat;
			background-position:left top;
			font-size:x-small;
			font-style:normal;
			text-align:left;
}

#avisolegal li  { color: #333333; font-style: normal; text-align: left; display: inline; margin: 0; padding: 0; height: 30px }

	

#avisolegal li a { 
				font-size:x-small;
				text-align:left;
				color:#000000;
				text-decoration:none;
				font-style:normal;
		 	
		   }
		   
#avisolegal li a:hover{
				font-size:x-small;
				text-align:left;
				color:#990000;
				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:Georgia, "Times New Roman", Times, 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  { width: 350px }

.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:135px;
					float:left;
					text-align:right;height:auto; padding-left:5px; padding-top:5px;}
					
.alineaformulario  { width: auto; height: auto !important; min-height: 35px; float: left; overflow: visible }

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

.mensajeportada {color:white;}

blockquote{font-size: 1.1em;line-height: 150%;background-image: url("imag/comillas.gif");background-repeat: no-repeat;background-position: left top; padding-left: 26px}			

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

#seccion
			 { color: #333333; font-size: x-small; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; padding: 0px 5px 0px 10px; max-width: 390px; width:375px; float: left; }
		
#seccion h1  { color: #962722; font-size: medium; font-weight: normal; 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  { color: black; font-size: 1.1em; line-height: 1.5em;  padding-right: 15px }
#seccion p:first-letter   { font-size: 1.7em }
/* ---- DONDE SE MUESTRAS LAS SUBSECCIONES ----- */

#subsecciones   { background-repeat: no-repeat; background-position: left top; text-align: left; float: left; border: solid 0 black }
				
#subsecciones h2  { font-size: 1.3em; font-weight: normal; background-image: url("imag/escudo.gif"); background-repeat: no-repeat; background-position: 0 3px; text-align: left; padding: 0 }
#subsecciones h2 a { text-decoration: none; background-image: url("imag/orlita.jpg"); background-repeat: no-repeat; background-position: left top; text-align: left; padding-top: 24px; padding-left: 12px; border-bottom: 1px dotted black }
#subsecciones h2 a:hover  { color: #962622; background-image: url("imag/orlita_roja.jpg"); border-bottom: 1px solid #962622 }
#subsecciones img {padding:0 0 0 10px;
					background-image: url("imag/cargando.gif"); 
					background-repeat: no-repeat; 
					background-position: center;}

ul#menusecundario   { text-align: left; float: left;margin:40px 0px 40px 0px;padding:0px;}
ul#menusecundario li  { font-size: 1.3em; font-weight: normal;text-align: left; padding: 0px 0px 30px 0px ;list-style-type: none; list-style-image: none;}
ul#menusecundario li a { text-decoration: none;  background-image: url("imag/orlitagris.jpg"); background-repeat: no-repeat; background-position: left top;text-align: left; padding-top: 24px; padding-left: 12px; border-bottom: 1px dotted black }
ul#menusecundario li a:hover  { color: #962622;  background-image: url("imag/orlitagris_roja.jpg"); border-bottom: 1px solid #962622 }


#contenedor
			{padding:0px;
			font-size: x-small; 
			text-align:left;
			background-image:url(imag/fondogris.jpg);
			background-position:bottom left;
			background-repeat:repeat-x;
			float:right;
			clear:right;
			width:100%;
			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;
			border-bottom: 1px solid #962722;
		}
		
#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: 5px 10px 5px 15px;
				
				background-position: 0px 8px;
			}

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

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

/* DOCUMENTO PRINCIPAL EN LA PORTADA */
#fotoprincipalportada img {border:0px;margin:0px;padding: 0px;}



#docprincipalportada {
						text-align:left; 
						color: black;
						float:left;
						width:409px;
						height:240px;
						font-family:Georgia, "Times New Roman", Times, serif;
						background-image:url(imag/fondo_orla.jpg);
						
					}
					


					
#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: #000000;
							padding:0px;
							margin:0px;
							text-align: left;
							text-decoration:none;
							font-weight:normal;
							visibility:hidden;
							height:1px;
						}

#docprincipalportada a {	font-size:0.8em;
							text-decoration:none;
							color:#000000;
							text-align:left;}

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




#docprincipalportada p{
		text-align:left;
		font-size: 1.2em;
		color:#000000;
		margin: 35px 10px 10px 25px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;}


#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:Georgia, "Times New Roman", Times, 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;
					color:#990000;
					}

#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:Georgia, "Times New Roman", Times, serif;
				font-style:normal;
				color:#962722;
				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; }

#archivodigital {clear:both;text-align: left; padding-left:5px; }

#archivodigitallista  { text-align: center; margin: 2px; width:auto !important;width:100px;  float: left; border: solid 1px #e3e3e3; }
						
#archivodigitallista:hover  { text-align:center; background-color: #cdcdcd; border: solid 1px #666 }

#archivodigitallista img {padding:0px;border:1px solid black;margin:2px;visibility: visible !important;clear:both; display:block;}

#archivodigitallista a  { color: #e3e3e3; text-decoration: none; }

#archivodigitallista a:hover  { color: #666; text-decoration: none }
			
#moduloextra {
	width:244px;
	padding: 20px 0px 20px 0px;
	text-align:center;
	border: 1px dotted #dddddd;

}

.separador {clear:both;}

#textocontacto { padding:0px 10px 0px 10px;}

#accesibilidad {
width:220px;
float:right;
text-align:right;
border:0px;
padding:13px 10px 0px 0px;
background-color:#ffffff;
}
#accesibilidad img {border:0px; padding:0px;}

#infer  { color: #ffffff; width: 100%; height:90px; border-top: 1px solid #c9c9c9; background-color:#FFFFFF; }

.tecla {text-decoration:underline;}

img {border:0px;}