@charset "UTF-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

* {
	margin: 0;
	padding:0;
}

img {
	border:0;
}

p {
	font-size:1.1em;
}
	p img {
		float: left;
		margin: 0 20px 10px 0;
	}

h1, h2, h3, h4, h5, h6, th, dt {
	font-family:Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color:#00732e;
}
	a:hover {
		color:#000;
	}

#breadcrum {
	font-size:1em;
	margin-bottom:10px;
	display:block;
}
	#breadcrum a {
		color:#00732e;
	}
	#breadcrum a:hover {
		color:#333;
	}
	
img.photo {
	border:11px solid #ccc;
}

	img.right {
		float:right;
		margin:0 0 10px 20px;
	}

.clear {
	clear:both;
	height:20px;
}

/* Layout */

#container {
	width:760px;
	height:auto;
	margin:auto;
}

	#header {
		width:760px;
		height:135px;
		background-image:url(../images/header/asociacion-de-propietarios-de-pizzerias-y-casas-de-empanadas.gif);
		background-repeat:no-repeat;
		background-position:250px 39px;
	}
		#header img {
			float:left;
		}

	#main {
		width:760px;
		height:auto;
		margin-top:5px;
	}
	
		#content {
			width:475px;
			height:auto;
			float:left;
			font-size:1.1em;
			padding:0 0 20px 15px;
		}
			#content .colMain {
				width:300px;
				float:left;
				margin-right:15px;
				display:block;
			}
			
			#content h2 {
				font-size:2.5em;
				line-height:0.95em;
				color:#00732e;
				margin-bottom:20px;
			}
			#content h3 {
				font-size:1.3em;
				margin:20px 0 20px 0;
				padding-bottom:10px;
				border-bottom:1px solid #000;
			}
				#content h3 span {
					font-size:0.7em;
					line-height:1em;
					font-weight:normal;
					text-transform: uppercase;
				}

			#content h4 {
				font-size:1.3em;
				margin:20px 0 10px 0;
				color:#00732e;
			}
			#content h5 {
				font-size:1.3em;
				font-style:italic;
				margin:20px 0 10px 0;
			}

			#content p {
				line-height:1.6em;
				padding:0;
				margin-bottom:1em;
			}
			#content ul, #content ol {
				list-style-position:outside;
				margin:0 0 10px 20px;
				line-height:1.6em;
				font-size:1.1em;
			}
				#content ul.mapa {
					font-size:1em;
				}
					#content ul.mapa li {
						font-weight:bold;
					}
						#content ul.mapa li li, #content ul.mapa li li li {
							font-size:0.9em;
							font-weight:normal;
						}
		
		#column {
			width:254px;
			height:auto;
			float:right;
		}
			
			dl.col {
				width:230px;
				display:block;
			}

				dl.col.left {
					float:left;
				}
				dl.col.right {
					float:right;
				}
				dl.colSmall {
					float:right;
					width:160px;
				}
				dl.colLarge {
					float:left;
					width:300px;
				}
	
				dl.colFull {
					clear:both;
					width:475px;
					margin-bottom:20px;
				}
				
					dl.col dt, dl.colSmall dt, dl.colFull dt, dl.colLarge dt {
						font-size:1.6em;
						line-height:1em;
						padding-bottom:10px;
						border-bottom:1px solid #000;
						font-weight:bold;
					}
						dl.col dt.doble, dl.colSmall dt.doble, dl.colFull dt.doble, dl.colLarge dt.doble {
							line-height:2em;
							
						}
						
						dl.col dt span, dl.colSmall dt span, dl.colFull dt span, dl.colLarge dt span {
							font-size:0.6em;
							line-height:1em;
							font-weight:normal;
							text-transform: uppercase;
						}
					
					dl.col.left dd.equal, dl.col.right dd.equal {
						height:170px;
					}
					dl.col.left dd.hist, dl.col.right dd.hist {
						height:auto;
						font-size:1.1em;
						line-height:1.6em;
					}
						dl.col.left dd.hist img, dl.col.right dd.hist img {
							clear:both;
							margin-bottom:20px;
						}
					
					dl.colSmall dd, dl.colLarge dd {
						color:#00732e;
						padding:10px 0 10px 0;
						border-bottom:1px solid #b3b3b3;
					}
						
						dl.colSmall dd.photo {
							text-align:center;
						}
					
					dl.col dd, dl.colFull dd {
						padding:20px 0 20px 0;
						margin-bottom:15px;
						border-bottom:1px solid #b3b3b3;
						font-size:1.1em;
						line-height:1.6em;
					}
					dl.col.left dd {
						font-size:1em;
						line-height:1.6em;
					}
					dl.colFull dd ul li {
						font-size:0.9em;
					}
						dl.colFull dd.noline {
							border-bottom:none;
							padding:0 0 20px 0;
							margin:10px 0 0 0;
						}
						
						dl.col.left dd strong {
							font-size:1.1em;
						}
						
						dl.col.left ul li strong {
							font-size: 1em;
						}

						dl.col.left ul li li {
							font-size:0.9em;
						}
	
						dl.col dd ul, dl.colFull dd ul {
							margin:10px 0 0 0;
						}
							dl.col dd ul li, dl.colFull dd ul li {
								margin:0 0 0 20px;
							}
				
						
						dl.colFull dd.autor {
							border:none;
							margin:0;
							padding-bottom: 0;
							font-style:italic;
						}
						
							dl.colFull dd img {
								float:left;
								margin:0 20px 10px 0;
							}
						
						dl.col dd.boton, dl.colFull dd.boton, div.botonInter {
							padding:0 0 20px 0;
							margin:0;
							width:150px;
							border:0;
							height:auto;
							clear:both;
							font-size:1em;
						}
				
						dl.col dd.boton a, dl.colFull dd.boton a, div.botonInter a {
							background-repeat:no-repeat;
							background-position:0px 0px;
							height:23px;
							display:block;
							padding: 4px 0 0 28px;
						}
				
						dl.col a.linkVer, dl.colFull a.linkVer {
							background-image:url(../images/buttons/green-go.gif);
							color:#00732e;
						}

						dl.col a.linkDescargar, dl.colFull a.linkDescargar {
							background-image:url(../images/buttons/black-download.gif);
							color:#000;
						}

						dl.col a.linkInfo, dl.colFull a.linkInfo {
							background-image:url(../images/buttons/green-more.gif);
							color:#00732e;
						}

						div.botonInter a.linkBack, dl.colFull a.linkBack {
							background-image:url(../images/buttons/green-back.gif);
							color:#00732e;
						}

							dl.col a.linkVer:hover, dl.colFull a.linkVer:hover, dl.col a.linkDescargar:hover, dl.colFull a.linkDescargar:hover, dl.col a.linkInfo:hover, dl.colFull a.linkInfo:hover, div.botonInter a.linkBack:hover, dl.colFull a.linkBack:hover {
								background-position:0px -27px;
								color:#fff;
							}


/* Menu */

#menu {
	list-style-type: none;
	list-style-position: outside;
	float:right;
	padding-top:102px;
}


/* Items principales */
	
	#menu li {
		display: block;
		float: left;
		height:28px;
	}

	#menu li a {
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
		background-position:top left;
		background-repeat:no-repeat;
	}

		ul#menu li a.nosotros {
			background-image:url(../images/menu/nosotros_off.gif);
			width:74px;
		}
			ul#menu li a.nosotros:hover {
				background-image:url(../images/menu/nosotros_on.gif);
			}
		ul#menu li a.servicios {
			background-image:url(../images/menu/servicios_off.gif);
			width:74px;
		}
			ul#menu li a.servicios:hover {
				background-image:url(../images/menu/servicios_on.gif);
			}
		ul#menu li a.publicaciones {
			background-image:url(../images/menu/publicaciones_off.gif);
			width:103px;
		}
			ul#menu li a.publicaciones:hover {
				background-image:url(../images/menu/publicaciones_on.gif);
			}
		ul#menu li a.cursos {
			background-image:url(../images/menu/cursos_off.gif);
			width:66px;
		}
			ul#menu li a.cursos:hover {
				background-image:url(../images/menu/cursos_on.gif);
			}
		ul#menu li a.historia {
			background-image:url(../images/menu/historia_off.gif);
			width:68px;
		}
			ul#menu li a.historia:hover {
				background-image:url(../images/menu/historia_on.gif);
			}
		ul#menu li a.contacto {
			background-image:url(../images/menu/contacto_off.gif);
			width:73px;
		}
			ul#menu li a.contacto:hover {
				background-image:url(../images/menu/contacto_on.gif);
			}
		ul#menu li a.fiestas {
			background-image:url(../images/menu/fiestas_off.gif);
			width:64px;
		}
			ul#menu li a.fiestas:hover {
				background-image:url(../images/menu/fiestas_on.gif);
			}
			/*#menu li ul {
				/*
					Los submenúes están ocultos por defecto,
					los links contenidos en él no son accesibles sin javascript.
					Deben aparecer en otro sector de la página.
				
			}*/
			

			#menu li div {
				position: absolute;
				display: none;
			}
							
				/* Subitems */					

				ul#menu li div{
					background-position:top left;
					background-repeat:no-repeat;
					padding-top:7px; 
				}
					ul#menu li div.publica {
						background-image:url(../images/menu/bg_publicaciones-top.gif);
						width:181px;
					}
					ul#menu li div.cursar {
						background-image:url(../images/menu/bg_cursos-top.gif);
						width:264px;
					}
					
				ul#menu li div ul {
					background-position:bottom left;
					background-repeat:no-repeat;
					padding-bottom:10px;
				}
					ul#menu li div.publica ul {
						background-image:url(../images/menu/bg_publicaciones-bottom.gif);
						width:181px;
					}
					ul#menu li div.cursar ul {
						background-image:url(../images/menu/bg_cursos-bottom.gif);
						width:264px;
					}
		
						ul#menu li div ul li {
							background-position:top left;
							background-repeat:repeat-y;
						}
							ul#menu li div.publica ul li {
								background-image:url(../images/menu/bg_publicaciones-list.gif);
								width:181px;
							}
							ul#menu li div.cursar ul li {
								background-image:url(../images/menu/bg_cursos-list.gif);
								width:264px;
							}

				#menu li li {
					float: none;
					font-size:1.1em;
					padding:3px 0 6px 0;
					height:auto;
				}
				
				#menu li li a {
					padding: 0 0 0 10px;
					color:#fff;
					text-indent:0;
				}
					#menu li li a:hover {
						color:#cce3d5;
					}
			

/* Photos Header */

#foto {
	width:475px;
	height:150px;
	margin-bottom:15px;
	background-position: top;
	background-repeat:no-repeat;
}
	
	.foto_home {
		background-image:url(../images/fotos/home.jpg);
	}
	.foto_nosotros {
		background-image:url(../images/fotos/nosotros.jpg);
	}	
	.foto_servicios {
		background-image:url(../images/fotos/servicios.jpg);
	}
	.foto_publicaciones {
		background-image:url(../images/fotos/publicaciones.jpg);
	}
		.foto_editorial {
			background-image:url(../images/fotos/editorial.jpg);
		}
	.foto_historia {
		background-image:url(../images/fotos/historia.jpg);
	}
		.foto_pizza {
			background-image:url(../images/fotos/pizza.jpg);
		}
		.foto_empanada {
			background-image:url(../images/fotos/empanada.jpg);
		}
		.foto_pizzas {
			background-image:url(../images/fotos/pizzas.jpg);
		}
		.foto_faina {
			background-image:url(../images/fotos/faina.jpg);
		}
	.foto_contacto {
		background-image:url(../images/fotos/contacto.jpg);
	}
	.foto_novedades {
		background-image:url(../images/fotos/novedades.jpg);
	}
	.foto_destacados {
		background-image:url(../images/fotos/destacados.jpg);
	}
	.foto_fiestas {
		background-image:url(../images/fotos/fiestas.jpg);
	}
	.foto_boletines {
		background-image:url(../images/fotos/boletines.jpg);
	}
	.foto_fotonotas {
		background-image:url(../images/fotos/fotonotas.jpg);
	}
	.foto_notas {
		background-image:url(../images/fotos/notas.jpg);
	}

/* Photo tile */

#phototile {
	height:122px;
	width:453px;
	margin:22px 0 42px 0;
	padding-left: 22px;
	text-align: center;
}
	#phototile img {
		margin:0 22px 22px 0;
		float: left;
	}


/* Tables */

table, table#form {
	padding: 0;
	margin: 0;
}

table {
	width: 100%;
}

	table th {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border-bottom: 1px dotted #cce3d5;
		text-align:left;
	}

	table th, table td {
		padding: 4px;
		border-bottom: 1px dotted #cce3d5;
	}

	table#form th {
		text-align:left;
		font-weight:normal;
		display: block;
		vertical-align: bottom;
		border-bottom: 1px dotted #cce3d5;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width:140px;
		margin-right: 10px;
	}
		
	table#form th, table#form td {
		padding: 4px 0 5px 0;
	}
		table#form th.big {
			height: 85px;
		}
		table#form input, table#form textarea, table#form select {
			background-color:#cce3d5;
			border:0;
			padding:3px;
			width: 300px;
		}
			table#form input.small {
				width: 100px;
			}
			table#form th.small {
				width:80px;
				margin-left:10px;
			}
	
	table#form td.buttons {
		text-align: right;
	}
		table#form input.button {
			float: right;
			width: auto;
			background-color: #fff;
			background-position:0xp 0px;
			background-repeat: no-repeat;
			text-align: left;
			margin-left: 12px;
			padding: 0 0 2px 30px;
			width: 112px;
			height: 27px;
			font-weight: bold;
			cursor: pointer;
			font-size:1em;
		}
			table#form input.button.send {
				background-image: url(../images/buttons/green-send.gif);
				color:#00732e;
			}
			table#form input.button.reset {
				background-image: url(../images/buttons/grey-reset.gif);
				color: #000;
			}
				table#form input.button.send:hover, table#form input.button.reset:hover {
					background-position:0px -27px;
					color:#fff;
				}
	
	table#form textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

div.alert {
	font-size: 0.9em;
	color: #390;
	margin-bottom: 20px;
	font-weight: bold;
}
div.error {
	font-size: 0.9em;
	color: #f00;
	margin-bottom: 20px;
	font-weight: bold;
}
	div.alert ul li, div.error ul li {
		list-style-position: outside;
		margin-left: 30px;
		font-size: 1em;
	}

/* Footer */

#footer {
	background-image:url(../images/appyce_footer.gif);
	background-position:center left;
	background-repeat:no-repeat;
	height:112px;
	width:475px;
	clear:both;
}
	#footer2 {
		background:none;
		padding:15px 0 15px 0;
		margin:10px 0 10px 0;
		font-size:0.9em;
		color:#666;
		border-top:1px dotted #666;
	}
	
	#footer p {
		font-size:1em;
		color:#666;
		margin-bottom:10px;
		padding-left:105px;
	}
	#footer p a {
		color:#00732e;
	}
	#footer p a:hover {
		color:#666;
	}
	
/* Google Map */
	
#map {
	width:250px;
	height:600px;
}
	#map div {
		 max-width: 250px; /* Change to the width of your map */
	}
	#map div span {
		 white-space: normal;
	}

	#map strong {
		font-size:1.4em;
		font-family:Arial, Helvetica, sans-serif;
		color:#00732e;
	}