/* CSS Document */

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

body{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
}

img{
	border:0px;
}

p{
	padding:0px 0px 15px 0px;
	font-size:1em;
	line-height:1.7em;
}

a{
	text-decoration:none;
	color:#FFF;
}
a:hover{
	text-decoration:underline;
}

em{
	font-style:italic;
}

h1{
	width:211px;
	height:130px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
}
h1 a{
	width:211px;
	height:130px;
	display:block;
}
h1 span{
	position:absolute;
	top:-6000px;
}
h2, h3, h4{
	font-size:1em;
}

/***************************************************************************************/

.salto{
	clear:both;
}

.gal_img img{
	background-image:url(../images/marco.png);
	background-repeat:no-repeat;
	padding:9px;
	float:left;
	margin:0px 25px 15px 0px;
}

.col{
	width:260px;
	margin:15px 0px 0px 40px;
}

/***************************************************************************************/

ul#menu{
	position:fixed;
	margin:0px 0px 0px 75px;
}
ul#menu li{
	float:left;
	width:125px;
	margin:0px 6px 0px 0px;
	list-style:none;
}
ul#menu li#home{
	width:260px;
	position:fixed;
	right:75px;
}
ul#menu li a{
	height:27px;
	padding:5px 0px 0px 0px;
	display:block;
	text-align:center;
	font-size:19px;
	/*background-image:url(../images/btn_navegacion.png);
	background-repeat:no-repeat;
	background-position:bottom;*/
	background-color:#000;
	opacity: .35;
}
ul#menu li a#lnk_home{
/*	background-image:url(../images/home_gutizi.gif);
	background-repeat:no-repeat;*/
}
ul#menu li a.on{
	padding:35px 0px 0px 0px;
	opacity: .55;
}
ul#menu span{
	position:absolute;
	top:-6000px;
}

.menu_cont{
	font-size:1.4em;
	position:relative;
}

.menu_cont ul li{
	float:left;
	margin:0px 25px 0px 0px;
	list-style:none;
}
.menu_cont ul li a{
	text-decoration:underline;
}
.menu_cont ul li a:hover{
	text-decoration:none;
}
#platos .menu_cont ul li a{color:#000;}
#producto .menu_cont ul li a{color:#97ab9d;}
#catering .menu_cont ul li a{color:#FFF;}

.bocadillo{
	width:156px;
	height:30px;
	padding:8px 0px 12px 0px;
	background-image:url(../images/bocadillo1.gif);
	background-repeat:no-repeat;
	font-size:15px;
	text-align:center;
	color:#FFF;
	visibility:hidden;
	position:absolute;
	top:-50px;
}
#boc4{
	left:100px;
}
#producto .bocadillo{
	background-image:url(../images/bocadillo2.gif);
	color:#000;
}
#catering .bocadillo{
	float:left;
	background-image:url(../images/bocadillo3.gif);
	color:#97ab9d;
}

/***************************************************************************************/

#presentacion{
	background-image:url(../images/degradado1.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#eceffb;
	color:#656970;
	width:100%;
}

	#presentacion h1{
		margin:5px 0px 20px 0px;
	}
	#presentacion h2{
		color:#FFF;
		font-size:3em;
		font-weight:normal;
		padding:0px 0px 15px 0px;
	}

	#platos{
		background-image:url(../images/platos_gutizi.png);
		background-position:620px 50px;
		background-repeat:no-repeat;
		padding:50px 0px 100px 0px;
	}
		#platos .col{
			float:left;
			padding:0px 0px 100px 0px;
		}

	#producto{
		background-color:#242425;
		background-image:url(../images/pintxos1.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		color:#98ac9e;
	}
		#producto .col{
			float:left;
		}
		#producto #cont_fondo{
			background-color:#242425;
			float:left;
			padding:0px 80px 0px 0px;		
		}
		#producto .gal_img{
			width:156px;
			padding:15px 0px 0px 48px;
			float:left;
		}

	#servicios, #contactos{
		padding:70px 0px 0px 0px;
		display:block;
	}
	#catering{
		background-color:#98ac9e;
		color:#000;
		padding:20px 0px 120px 0px;
	}
		#catering .gal_img{
			padding:15px 0px 0px 48px;
		}
		#catering .col{
			width:390px;
			margin:15px 0px 0px 55px;
			float:left;
		}
		#clientes li{
			list-style:none;
			padding:0px 0px 10px 0px;
			line-height:1.4em;
		}
	#contacto{
		background-color:#242425;
		color:#FFF;
		padding:0px 0px 100px 0px;
		width:100%;
	}
		#contacto .col{
			float:left;
			width:548px;
		}
		#contacto .formulario{
			width:285px;
		}
		#contacto p{
			padding:0px 0px 25px 0px;
		}
			.mapa{
				padding:15px;
				background-color:#1d1d1e;
				text-align:right;
				font-size:1.1em;
			}
				#map{
					width:518px;
					height:364px;
					margin:0px 0px 10px 0px;
					/*background-image:url(../images/mapa.jpg);*/
				}

	#pie{
		background-color:#000;
		width:100%;
		position:relative;
		float:left;
	}
	#pie ul{
		float:left;
		overflow:hidden;
		padding:0px 0px 0px 20px;
	}
	#pie li{
		list-style:none;
		float:left;
		/*margin:0px 66px 0px 0px;*/
		color:#FFF;
		display:block;
	}
	#pie li.empresa{
		padding:20px 33px 0px 0px;
	}
	#pie li a{
		color:#636363;
		padding:20px 33px 20px 33px;
		display:block;
	}
	#pie li a:hover{
		background-color:#FFF;
		color:#000;
		cursor:pointer;
	}
	#firma{
		float:right;
		background-image:url(../images/pie_norsis.gif);
		background-position:right 16px;;
		background-repeat:no-repeat;
	}
	#firma span{
		position:absolute;
		top:-10000px;
		left:0px;
	}
	#firma a{
		padding:20px 90px 0px 0px;
		display:block;
	}
	
	#avisolegal, #politica{
		width:330px;
		padding:20px 17px 20px 17px;
		background-color:#FFF;
		color:#000;
		height:350px;
		position:absolute;
		top:-391px;
		left:125px;
		visibility:hidden;
		border-top:1px solid #242425;
		border-left:1px solid #242425;
		border-right:1px solid #242425;
	}
	#politica{
		width:500px;
		height:550px;
		left:259px;
		top:-591px;
	}
	#avisolegal h2, #politica h2{
		color:#000;
		font-size:2.5em;
		font-weight:normal;
		padding:0px 0px 15px 0px;
	}


/* FORMULARIO */

.form{
	padding:0px 0px 20px 0px;
}

label{
	width:285px;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	padding:0px 0px 5px 0px;
}
input, textarea{
	width:265px;
	height:32px;
	padding:12px 10px 0px 10px;
	border:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
}
textarea{
	height:164px;
	font-size:0.9em;
}
.btn{
	width:285px;
	height:55px;
	background-color:#1d1d1e;
	color:#FFF;
	padding:0px;
	font-weight:bold;
}
.btn:hover{
	background-color:#111;
	cursor:pointer;
}

span.error {
	color: #f76f04;
	font-weight: bold;
}

.invisible {
	display: none;
}