/* general */	
    *  {
		font-family: Georgia, Verdana;
		color:#333333;
		padding:0;
		margin:0;
    }
   
    body  {
    	background: #fff;
		background-image:url(../imagenes/fondo_rayas.jpg);
		background-repeat:repeat-x;
    	margin: 0;
    	padding: 0;
    	text-align: center;
    }
	
	/* Inicializar los anclas */
	a {
		color:#00f;
		text-decoration:underline;
	}
	
	a:hover {
		color:#999;
		text-decoration:underline;
	}
	
    #nobody  {
    	background: #fff;
    	margin: 0;
    	padding: 0;
    	text-align: center;
    }
	img {
	border:0;
	}
	
	input, textarea, select {
		font-size: 11px;
		padding:2px;
		margin:0px;
		font-weight:normal;
	}
	select {
		width:96%;
	}
	input {
		width:96%;
	}
	
	textarea {
		height:100px;
		width:96%;
	}
		
	table {
		border-collapse:collapse;
		font-size: 10px;
	}

/* clases generales */
	
	/* Textos de errores de los formularios 
				- utilizado en contact.php */
	/* color y tamaño de fuente */
	.alert_menssage {
		font-size: 12px;
		font-weight:normal;
		color:#f00;
	}
	
	/* margen para los mensajes de los campos - que son spans -
		pero no recaen sobre el mensaje 'principal' - que es un p - */
	span.alert_menssage {
		margin-left:5px;
	}

	/* 
	los botones de envio de los formularios 
	todos los botones cuadrados y
	estan compuestos por inputs buttons o submits
	con clase submit	
	*/
	input.submit {
		width:92px;
		height:20px;
		background-image:url(../imagenes/bot_enviar.jpg);
		background-color:#ffd004;
		border:0;
		cursor:pointer;
	}


	/*
	clase general para alinear a la derecha uno o
	varios parafos a la izquierda embebiendolos
	con un div o p con clase right
	*/
	.right {
		float: right;
	}
	
	.left {
		float: left;
	}

    .select {
		margin-left:7px;
    } 


	h1 {
		font-size:18px;
		font-weight:bold;
		color:#666;
		margin-bottom:20px;
		margin-top:40px;
    } 
	h1.titulo {
    	width: 950px; 
		font-size:18px;
		font-weight:bold;
		color:#333;
		padding-bottom:8px;
		border-bottom:1px dotted #ccc;
		margin-bottom:15px;
		margin-top:15px;
    } 
	h1.formulario {
    	width: 950px; 
		font-size:20px;
		font-weight:bold;
		color:#333;
		padding-bottom:8px;
		border-bottom:1px dotted #ccc;
		margin-bottom:20px;
		margin-top:20px;
    } 
	h2 {
		font-size:18px;
		font-weight:bold;
		color:#666;
		margin-bottom:20px;
		margin-top:5px;
    } 
	h2.contacto {
		width:545px;
		font-size:18px;
		font-weight:bold;
		color:#333;
		padding-bottom:8px;
		border-bottom:1px dotted #ccc;
		margin-bottom:20px;
		margin-top:40px;
    } 
	h3 {
    	width: 950px; 
		font-size:16px;
		font-weight:bold;
		color:#fff;
		margin-top:12px;
		margin-left:15px;
		margin-bottom:15px;
		clear:both;
    } 
	h3 img {
		margin-right:10px;
    } 
	h3.oficina {
		font-size:14px;
		font-weight:bold;
		color:#79b62a;
		margin-top:10px;
		margin-left:0;
		clear:both;
    } 

	
/* container */		
    #container { 
    	width: 950px; 
    	background: #fff;
    	margin: 0 auto; 
    	text-align: left;
		border-left:11px solid #fff;
		border-right:11px solid #fff;
    }



/* cabecera */	
    .cabecera {
		width:950px;
		height:113px;
    	margin: 0 auto; 
    	background-color: #000;
		position:relative;
		clear:both;
    }
    .cabecera img {
		border:0;
    }
	.logo_promora {
		position:absolute;
		right:20px;
		top:15px;
		text-align:right;
		font-size:10px;
		color:#fff;
    }
	.enlaces_cabecera {
		position:absolute;
		right:20px;
		bottom:22px;
		text-align:right;
		font-size:10px;
		color:#fff;
    }


/* contenido */	
    #contenido { 
		width:950px;
    	margin: 0 auto; 
    	text-align: left;
		padding-bottom:25px;
		padding-top:5px;
		clear:both;
    } 
/* pie */
    .pie {
		width:940px;
		font-size:9px;
		color:#333333;
    	margin: 0 auto;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		clear:both;
    }
    .pie p {
		text-align:center;
		font-size:10px;
		color:#333333;
		font-weight:bold;
		clear:both;
    }



/* firmas */	
    #firmas { 
    	margin: 0 auto; 
		padding-bottom:15px;
		font-size:9px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#0066ff;
		text-align:center;
		border-top:1px dotted #666;
		padding-top:12px;
		margin-top:15px;
		clear:both;
    } 
    .destacados {
		clear:both;
    }	
	

/**** enlaces directos */	
    .caja_enlaces_directos {
		width:950px;
		padding-top:7px;
    	background-color: #000;
		overflow:hidden;
		position:relative;
		clear:both;
    }
    .columna_enlaces {
		position:relative;
		width:180px;
		padding-left:15px;
		border-left:1px solid #fff;
		margin-left:15px;
		margin-bottom:15px;
		float:left;
		z-index:1;
    }
    .fondo_decorativo {
		width:138px;
		height:171px;
		position:absolute;
		right:0;
		bottom:0;
		margin:0;
		z-index:0;
    }



/* botón en enlaces, se usa en destacado abajo */
	p.boton_enlaces {
		line-height:12px; 
		font-size:9px;
		margin-top:3px;
		margin-bottom:6px;
	}
	p.boton_enlaces img {
		width:7px;
		height:8px;
		margin-right:4px;
		border:0;
		float:left;
	}



/* tipos compartidas */

/* azules pequeños */
	a.enlaces_tipo_a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#0066ff;
		text-decoration:underline;
    } 
	a.enlaces_tipo_a:hover {
		text-decoration:none;
    }

/* azules pequeños subrayados */
	a.enlaces_tipo_bu {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#fff;
		text-decoration:underline;
    } 
	a.enlaces_tipo_bu:hover {
		text-decoration:none;
    }

/* enlaces azules en texto */
	a.enlace_en_texto {
		font-size:14px;
		color:#0066ff;
		text-decoration:underline;
    } 
	a.enlace_en_texto:hover {
		text-decoration:none;
    }


/* enlaces directos inicio */
	a.enlaces_tipo_c {
		font-family: Verdana, Arial,  sans-serif;
		font-size:10px;
		color:#fff;
		text-decoration:none;
    } 
	a.enlaces_tipo_c:hover {
		color:#79b62a;
		text-decoration:underline;
    }

/* azules pequeños */
	a.enlaces_firmas {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#0066ff;
		text-decoration:underline;
    } 
	a.enlaces_firmas:hover {
		text-decoration:none;
    }





/* botón en párrafo, se usa en destacado */
	p.boton {
		line-height:16px; 
		font-size:9px;
		margin-bottom:12px;
	}
	p.boton img {
		width:16px;
		height:15px;
		margin-right:9px;
		border:0;
		float:left;
		overflow:hidden;
	}


/* volver lo usa el listado y el detallado */	
    .volver {
    	margin: 0 auto; 
		text-align:right;
		padding-right:15px;
    }
    .volver img {
		border:0;
    }
	
	
/* mensajes generales de error */
	div.error {
		border: 1px solid #ccc;
		padding: 10px;
		margin: 5px auto;
	}
	
	h2.error {
		font-size:18px;
		font-weight:bold;
		color:#f90;
		padding:0;
	}
	
	div.error p {
		font-weight:normal;
		margin: 5px 0;
	}
	
/* mensajes generales de aviso */
	h2.aviso {
		color:#f90;
	}
	
	div.aviso p {
		font-weight:normal;
		margin: 5px 0;
	}



    #noborder {
		border:0;
    }








/*********+++++* páginas  ***+++++********/	
  
    .izquierda {
		float:left;
		width:420px;
		margin-left:10px;
		margin-bottom:20px;
    }
    .izquierda_a {
		float:left;
		width:470px;
		margin-left:10px;
		margin-bottom:20px;
    }
    .derecha {
		width:494px;
		float:right;
		margin-left:20px;
		margin-bottom:10px;
    }
    .derecha_a {
		width:442px;
		float:right;
		margin-left:20px;
		margin-bottom:10px;
    }
    p.foto {
		border:0;
		margin-bottom:20px;
    }
    p.texto {
		font-size:14px;
		color:#666;
    }
    p.anadir {
		margin-top:30px;
		text-align:center;
    }
	


     ul.menu {
		width:950px;
		height:30px;
		padding-top:0px;
		margin-top:8px;
		background-color:#79b62a;
    }
     li {
		list-style:none;
		display: inline;
		padding:0;
    }
     li a {
		text-align:center;		
		padding-left:31px;
		padding-right:31px;
		padding-top:6px;
		border-right:1px solid #fff;
		font-size:14px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		float:left;
		height:100%;
    }
     li a:hover {
		color:#000;
		text-decoration:none;
    }
    li a.selected {
		background-color:#666;
		color:#fff;
    }


    p.texto_destacado {
		color:#666;
		font-size:18px;
		font-weight:bold;
		padding-top:15px;
    }
    p.texto_descripcion {
		color:#666;
		font-size:14px;
		margin-top:20px;
    }

    p.texto_aviso{
		color:#666;
		font-size:14px;
		margin:15px 15px 40px 15px;
		clear:both;
		
    }


/*************** dar alta chalet ****************/
   
    .izquierda_form {
		float:left;
		width:470px;
		margin-left:10px;
    }
    .derecha_form {
		width:444px;
		float:right;
		margin-left:20px;
		margin-bottom:10px;
    }
   
    .formulario_contacto {
		padding:18px;
		background-color:#ffff99;
		margin-bottom:10px;
		clear:both;
    }
    .formulario_contacto p {
		padding-bottom:15px;
		color:#333;
		font-size:12px;
		font-weight:bold;
		clear:both;
    }
    .formulario_contacto p img {
		border:0;
    }
    .obligatorios {
		color:#333;
		font-size:11px;
		font-weight:normal;
    }
    .enviar {
		padding-right:5px;
		text-align:right;
		margin:0;
		padding:0;
    }
	
    p.confirmacion {
		color:#666;
		font-size:18px;
		font-weight:bold;
		text-align:center;
		margin-bottom:15px;
    }

    .caja_telefono {
		margin-top:30px;
		margin-bottom:30px;
		clear:both;
    }
   .caja_telefono img {
		float:left;
		margin-right:20px;
		margin-bottom:35px;
    }
	.telefono {
		font-size:22px;
		font-weight:bold;
		color:#79b62a;
    } 
	.tel_oficina {
		font-size:13px;
		font-weight:bold;
		color:#666;
    } 
   .horario  {
		color:#666;
		font-size:12px;
		font-weight:normal;
    }
	
	.greenLink{		
		color:#79b62a;
	}
	.greenLink:hover{
		color:#79b62a;
		text-decoration:none;
	}