@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;
}

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

a {
	text-decoration: none;
	color:#f80014;
}
	a:hover {
		color:#000;
	}
	
#breadcrum {
	font-size:1em;
	margin-bottom:10px;
	display:block;
}
	#breadcrum a {
		color:#f80014;
	}
	#breadcrum a:hover {
		color:#333;
	}
	
img.photo {
	border:11px solid #bdbdbd;
}

img.photogal {
	border: 10px solid #bdbdbd;
}

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

/* Layout */

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

	#header {
		width:760px;
		height:135px;
		background-image:url(../images/escuela/header/escuela-profesional-de-pizzeros-empanaderos-y-cocineros.gif);
		background-repeat:no-repeat;
		background-position:185px 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;
				color:#f80014;
				margin-bottom:20px;
			}
			#content h3 {
				font-size:1.3em;
				margin:20px 0 20px 0;
				padding-bottom:10px;
				border-bottom:1px solid #000;
				clear:both;
			}
				#content h3 span {
					font-size:0.7em;
					line-height:1em;
					font-weight:normal;
					text-transform: uppercase;
				}
				
			#content h4 {
				font-size:1.2em;
				line-height:3em;
				color:#f80014;
			}
			#content h5 {
				font-size:1.3em;
				font-style:italic;
				margin:20px 0 10px 0;
			}

			#content p {
				line-height:1.6em;
				padding:0;
			}
			
			#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.colFull {
					clear:both;
					width:475px;
					margin-bottom:20px;
				}
				
					dl.col dt, dl.colFull dt {
						font-size:1.6em;
						line-height:1em;
						padding-bottom:10px;
						border-bottom:1px solid #000;
						font-weight:bold;
					}

						dl.col dt.doble, dl.colFull dt.doble {
							line-height:2em;
						}
						
						dl.col dt span, dl.colFull dt span {
							font-size:0.6em;
							line-height:1em;
							font-weight:normal;
							text-transform: uppercase;
						}

					
					
					dl.col dd, dl.colFull dd {
						padding:20px 0 20px 0;
						margin-bottom:15px !important;
						border-bottom:1px solid #b3b3b3;
						font-size:1.1em;
						line-height:1.6em;
					}
						dl.colFull dd.noline {
							border-bottom:none;
							padding:0 0 20px 0;
							margin:10px 0 0 0;
						}
	
						dl.colFull dd ul {
							margin:10px 0 0 0;
						}
							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 {
							padding:0 0 5px 0;
							margin:0;
							width:150px;
							border:0;
							height:auto;
							clear:both;
							font-size:1em;
						}
				
						dl.col dd.boton a, dl.colFull dd.boton a {
							background-repeat:no-repeat;
							background-position:0px 0px;
							height:22px;
							display:block;
							padding: 5px 0 0 28px;

						}
				
						dl.col a.linkVer, dl.colFull a.linkVer {
							background-image:url(../images/escuela/buttons/red-go.gif);
							color:#f80014;
						}

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

						dl.col a.lnkBack, dl.colFull a.linkBack {
							background-image:url(../images/escuela/buttons/red-back.gif);
							color:#f80014;
						}
							 dl.col a.linkBack:hover, dl.colFull a.linkBack:hover, dl.col a.linkVer:hover, dl.colFull a.linkVer:hover, dl.col a.linkInfo:hover, dl.colFull a.linkInfo:hover {
							 	background-position:0px -27px;
								color:#fff;
							}
			
						
						div.boton {
							border:0;
							display:block;
							float:right;
							margin-bottom:20px;
						}
							div.botonInter {
								border:0;
								display:block;
								clear:both;
								margin-top:20px;
							}
				
						div.boton a, div.botonInter a {
							background-repeat:no-repeat;
							background-position:0px 0px;
							height:22px;
							display:block;
							padding: 5px 0 0 28px;
							margin-left:10px;
							float:left;
							width:122px;
						}
						
							div.botonInter a  {
								margin:10px 10px 0 0;
							}
							
						div.boton a.linkInfo {
							background-image:url(../images/escuela/buttons/red-more.gif);
							color:#f80014;
						}

						div.boton a.linkInscribirse, div.botonInter a.linkInscribirse {
							background-image:url(../images/escuela/buttons/red-go.gif);
							color:#f80014;
						}

						div.botonInter a.linkBack {
							background-image:url(../images/escuela/buttons/red-back.gif);
							color:#f80014;
						}
	
							div.boton a.linkInfo:hover, div.boton a.linkInscribirse:hover, div.botonInter a.linkInscribirse:hover, div.botonInter 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.institucional {
			background-image:url(../images/escuela/menu/institucional_off.gif);
			width:93px;
		}
			ul#menu li a.institucional:hover {
				background-image:url(../images/escuela/menu/institucional_on.gif);
			}
		ul#menu li a.cursos {
			background-image:url(../images/escuela/menu/cursos_off.gif);
			width:65px;
		}
			ul#menu li a.cursos:hover {
				background-image:url(../images/escuela/menu/cursos_on.gif);
			}

		ul#menu li a.carreras {
			background-image:url(../images/escuela/menu/carreras-profesionales_off.gif);
			width:157px;
		}
			ul#menu li a.carreras:hover {
				background-image:url(../images/escuela/menu/carreras-profesionales_on.gif);
			}
		ul#menu li a.fotos {
			background-image:url(../images/escuela/menu/fotos_off.gif);
			width:52px;
		}
			ul#menu li a.fotos:hover {
				background-image:url(../images/escuela/menu/fotos_on.gif);
			}
		ul#menu li a.fotos {
			background-image:url(../images/escuela/menu/fotos_off.gif);
			width:52px;
		}
			ul#menu li a.fotos:hover {
				background-image:url(../images/escuela/menu/fotos_on.gif);
			}
		ul#menu li a.videos {
			background-image:url(../images/escuela/menu/videos_off.gif);
			width:62px;
		}
			ul#menu li a.videos:hover {
				background-image:url(../images/escuela/menu/videos_on.gif);
			}
		ul#menu li a.contacto {
			background-image:url(../images/escuela/menu/contacto_off.gif);
			width:72px;
		}
			ul#menu li a.contacto:hover {
				background-image:url(../images/escuela/menu/contacto_on.gif);
			}
		ul#menu li a.novedades {
			background-image:url(../images/escuela/menu/novedades_off.gif);
			width:86px;
		}
			ul#menu li a.novedades:hover {
				background-image:url(../images/escuela/menu/novedades_on.gif);
			}


			#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.profesional {
						background-image:url(../images/escuela/menu/bg_carreras-top.gif);
						width:242px;
					}
					ul#menu li div.cursar {
						background-image:url(../images/escuela/menu/bg_cursos-top.gif);
						width:260px;
					}
					
				ul#menu li div ul {
					background-position:bottom left;
					background-repeat:no-repeat;
					padding-bottom:10px;
				}
					ul#menu li div.profesional ul {
						background-image:url(../images/escuela/menu/bg_carreras-bottom.gif);
						width:242px;
					}
					ul#menu li div.cursar ul {
						background-image:url(../images/escuela/menu/bg_cursos-bottom.gif);
						width:260px;
					}
		
						ul#menu li div ul li {
							background-position:top left;
							background-repeat:repeat-y;
						}
							ul#menu li div.profesional ul li {
								background-image:url(../images/escuela/menu/bg_carreras-list.gif);
								width:242px;
							}
							ul#menu li div.cursar ul li {
								background-image:url(../images/escuela/menu/bg_cursos-list.gif);
								width:260px;
							}

				#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:#ffccd1;
					}
			

/* Photos Header */

#foto {
	width:475px;
	height:150px;
	margin-bottom:15px;
	background-position: top;
	background-repeat:no-repeat;
}

	.foto_home {
		background-image:url(../images/escuela/fotos/home.jpg);
	}
	.foto_institucional {
		background-image:url(../images/escuela/fotos/institucional.jpg);
	}
	.foto_cursos {
		background-image:url(../images/escuela/fotos/cursos.jpg);
	}
		.foto_pastas {
			background-image:url(../images/escuela/fotos/cursos/pastas.jpg);
		}
		.foto_tallado {
			background-image:url(../images/escuela/fotos/cursos/tallado.jpg);
		}
		.foto_alimentos {
			background-image:url(../images/escuela/fotos/cursos/alimentos.jpg);
		}
		.foto_sandwiches {
			background-image:url(../images/escuela/fotos/cursos/sandwiches.jpg);
		}
		.foto_navidad {
			background-image:url(../images/escuela/fotos/cursos/navidad.jpg);
		}
		.foto_ingles {
			background-image:url(../images/escuela/fotos/cursos/ingles.jpg);
		}
		.foto_vino {
			background-image:url(../images/escuela/fotos/cursos/vino.jpg);
		}
		.foto_panes {
			background-image:url(../images/escuela/fotos/cursos/panes.jpg);
		}
		.foto_pizzas {
			background-image:url(../images/escuela/fotos/cursos/pizzas.jpg);
		}
		.foto_ciencia {
			background-image:url(../images/escuela/fotos/cursos/ciencia.jpg);
		}
		.foto_delicias {
			background-image:url(../images/escuela/fotos/cursos/delicias.jpg);
		}
		.foto_panaderia {
			background-image:url(../images/escuela/fotos/cursos/panaderia.jpg);
		}
		.foto_sana {
			background-image:url(../images/escuela/fotos/cursos/sana.jpg);
		}
		.foto_tortas {
			background-image:url(../images/escuela/fotos/cursos/tortas.jpg);
		}
		.foto_basica {
			background-image:url(../images/escuela/fotos/cursos/cocina-basica.jpg);
		}
		.foto_mozo {
			background-image:url(../images/escuela/fotos/cursos/mozo.jpg);
		}
		.foto_administracion {
			background-image:url(../images/escuela/fotos/cursos/administracion.jpg);
		}
		.foto_reposteria {
			background-image:url(../images/escuela/fotos/cursos/reposteria.jpg);
		}
		.foto_eventos {
			background-image:url(../images/escuela/fotos/cursos/eventos.jpg);
		}
		.foto_chocolate {
			background-image:url(../images/escuela/fotos/cursos/chocolate.jpg);
		}
		.foto_caramelo {
			background-image:url(../images/escuela/fotos/cursos/caramelo.jpg);
		}
	.foto_carreras {
		background-image:url(../images/escuela/fotos/carreras.jpg);
	}
	.foto_galeria {
		background-image:url(../images/escuela/fotos/fotos.jpg);
	}
	.foto_videos {
		background-image:url(../images/escuela/fotos/videos.jpg);
	}
	.foto_contacto {
		background-image:url(../images/escuela/fotos/contacto.jpg);
	}
	.foto_novedades {
		background-image:url(../images/escuela/fotos/novedades.jpg);
	}


/* Tables */

table {
	margin:-10px 0 10px 0;
	padding:0;
	width:100%;
}

table th {
	text-align:left;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:130px;
}

table th, table td {
	vertical-align:top;
}
	table td p {
		font-size:1em;
		line-height:0.7em;
	}
	
	table td ul {
		font-size:0.9em;
		margin:0 0 10px 20px;
	}
	
		table td ul li {
			list-style:outside;
			list-style-type:disc;
		}
	
	table td.data, table td span, table td a {
		color:#f80014;
	}
		table td a:hover {
			color:#000;
		}
		
	table.line, table th.line, table td.line {
		border-bottom:1px solid #b3b3b3;
		padding:0 0 10px 0;
	}
		table.line td ul li {
			font-size:0.9em;
		}
	
/* Form */

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

table#form th {
	text-align:left;
	font-weight:normal;
	width:140px;
	display: block;
	vertical-align: bottom;
	border-bottom: 1px dotted #ffccd1;
	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:#ffccd1;
		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/escuela/buttons/red-send.gif);
			color:#f80014;
		}
		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;
	}