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

									/*********************************************************
											HOJA DE ESTILO CSS DEL LLAGAR DE COLLOTO
										desing by Estudios Estigia www.estudiosestigia.com
									**********************************************************/
									
/* Parametros Generales */
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Geneva, sans-serif;
}
h1 {
	font-size: 10px;
}
h2 {
	font-size: 10px;
}
h3 {
	font-size: 10px;
}
h4 {
	font-size: 10px;
}
h5 {
	font-size: 10px;
}

.times25{
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
}
	.times25_icolor1{
		font-family:"Times New Roman", Times, serif;
		font-size:20px;
		color:#4D0012;
	}
	.times25_icolor2{
		font-family:"Times New Roman", Times, serif;
		font-size:20px;
		color:#614000;
	}
	.times25_icolor3{
		font-family:"Times New Roman", Times, serif;
		font-size:20px;
		color:#380000;
	}
.times35{
	font-family:"Times New Roman", Times, serif;
	font-size:35px;
}
	.times35_acolor{
		color:#614000;
		font-family:"Times New Roman", Times, serif;
		font-size:35px;
	}
	.times35_sacolor{
		color:#816633;
		font-family:"Times New Roman", Times, serif;
		font-size:35px;
	}
.times40{
	font-family:"Times New Roman", Times, serif;
	font-size:40px;
}
.negro{
	color:#000;
}

input{
	background-color:#FFF;
	border:1px solid #2E2B00;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
textarea{
	background-color:#FFF;
	border:1px solid #2E2B00;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
/* PLANTILLA */
.franja{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:178px;
	background-color:#000;
}
.principal{
	margin-top:178px;
	width:800px;
	height:auto;
	margin:0 auto;
}
	.web{
		width:100%;
		height:auto;
		position:relative;
		float:left;
	}
		.head{
			width:100%;
			height:178px;
			background-color:#000;
			position:relative;
			float:left;
		}
		.menu{
			width:100%;
			height:auto;
			position:relative;
			float:left;
		}
			.boton1_on{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#822439;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton1_off{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#5E1A2A;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton2_on{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#77001B;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton2_off{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#4D0012;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton3_on{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#A28040;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton3_off{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#816633;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton4_on{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#845600;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton4_off{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#614000;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton5_on{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#723D3D;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton5_off{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#603333;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton6_on{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#510000;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton6_off{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#380000;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton7_on{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#88863C;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton7_off{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#767433;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton8_on{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#6A6800;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
			.boton8_off{
				position:relative;
				float:left;
				width:100px;
				height:20px;
				padding-top:5px;
				text-align:center;
				background-color:#545200;
				font-family:"Times New Roman", Times, serif;
				cursor:pointer;
			}
		.content{
			width:100%;
			height:auto;
			position:relative;
			float:left;
			margin-top:1px;
		}
		.info{
			width:100%;
			height:20px;
			position:relative;
			float:left;
			color:#000;
			text-align:right;
			margin-top:10px;
		}
		.pie{
			width:100%;
			height:30px;
			position:relative;
			float:left;
			background-color:#000;
		}
		.copy{
			width:100%;
			height:30px;
			position:relative;
			float:left;
			text-align:right;
			color:#CCC;
		}
			.linkcopy:link{
				color:#CCC;
			}
			.linkcopy:visited{
				color:#CCC;
			}
			.linkcopy:hover{
				color:#666;
			}
			.linkcopy2:link{
				color:#CCC;
			}
			.linkcopy2:visited{
				color:#CCC;
			}
			.linkcopy2:hover{
				color:#CCC;
				cursor:default;
			}

	/* CONTENTS */
	
		/* Index */
		.i_lateral{
			position:relative;
			float:left;
			width:200px;
			height:442px;
			background-color:#000;
			text-align:right;
		}
			.i_interlineado{
				line-height:26px;
			}
				.i_link:link {
					color: #FFF;
					text-decoration: none;
				}
				.i_link:visited {
					text-decoration: none;
					color: #FFF;
				}
				.i_link:hover {
					text-decoration: none;
					color: #4D0012;
				}			
			.i_lat_interior{
				position:relative;
				float:left;
				width:170px;
				height:auto;
				margin-left:15px;
				margin-top:30px;
			}
			.i_line{
				position:relative;
				float:left;
				width:100%;
				height:2px;
				background-color:#5E1A2A;
				margin-bottom:25px;
			}
			.i_fotogal{
				margin-top:36px;				
			}
		.i_drch{
			position:relative;
			float:right;
			width:599px;
			height:442px;
		}
			.i_foto{
				position:relative;
				float:left;
				width:599px;
				height:220px;
				background-image:url(../img/index/i_foto.jpg);
			}
			.i_caja1{
				position:relative;
				float:left;
				border:1px solid #4D0012;
				width:178px;
				height:200px;
				margin-top:10px;
				margin-left:10px;
				padding-left:5px;
				padding-right:5px;
				padding-top:10px;
			}
				.i_link1:link {
					color: #4D0012;
					text-decoration: none;
				}
				.i_link1:visited {
					text-decoration: none;
					color: #4D0012;
				}
				.i_link1:hover {
					text-decoration: none;
					color: #4D0012;
				}
				.i_link1:active {
					text-decoration: none;
					color: #4D0012;
				}
				.i_pie_caja1{
					position:absolute;
					background-color:#4D0012;
					width:100%;
					height:35px;
					bottom:0px;
					left:0px;
				}
				.i_masinfo{
					position:absolute;
					bottom:40px;
					right:5px;
				}
			.i_caja2{
				position:relative;
				float:left;
				border:1px solid #614000;
				width:178px;
				height:200px;
				margin-top:10px;
				margin-left:10px;
				padding-left:5px;
				padding-right:5px;
				padding-top:10px;
			}
				.i_link2:link {
					color: #614000;
					text-decoration: none;
				}
				.i_link2:visited {
					text-decoration: none;
					color: #614000;
				}
				.i_link2:hover {
					text-decoration: none;
					color: #614000;
				}
				.i_link2:active {
					text-decoration: none;
					color: #614000;
				}
				.i_pie_caja2{
					position:absolute;
					background-color:#614000;
					width:100%;
					height:35px;
					bottom:0px;
					left:0px;
				}
			.i_caja3{
				position:relative;
				float:left;
				border:1px solid #380000;
				width:178px;
				height:200px;
				margin-top:10px;
				margin-left:9px;
				padding-left:5px;
				padding-right:5px;
				padding-top:10px;
			}
				.i_link3:link {
					color: #380000;
					text-decoration: none;
				}
				.i_link3:visited {
					text-decoration: none;
					color: #380000;
				}
				.i_link3:hover {
					text-decoration: none;
					color: #380000;
				}
				.i_link3:active {
					text-decoration: none;
					color: #380000;
				}
				.i_pie_caja3{
					position:absolute;
					background-color:#380000;
					width:100%;
					height:35px;
					bottom:0px;
					left:0px;
				}
		
		/* Historia */
		.h_lateral{
			position:relative;
			float:left;
			width:200px;
			height:442px;
			background-color:#5E1A29;
			text-align:right;
			background-image:url(../img/historia/h_imglat.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
		}
			.h_interlineado{
				line-height:26px;
			}
			.h_lat_interior{
				position:relative;
				float:left;
				width:170px;
				height:auto;
				margin-left:15px;
				margin-top:30px;
			}
		.h_drch{
			position:relative;
			float:right;
			width:599px;
			height:442px;
		}
			.h_foto{
				position:relative;
				float:left;
				width:599px;
				height:312px;
				background-image:url(../img/historia/h_foto.jpg);
			}
			.h_text_c1{
				position:relative;
				float:left;
				width:300px;
				height:auto;
				color:#000;
				margin-left:20px;
				margin-top:20px;
			}
			.h_text_c2{
				position:relative;
				float:left;
				width:258px;
				height:auto;
				margin-left:20px;
				color:#000;
				margin-top:20px;
			}

		/* Sidreria */
		.s_lateral{
			position:relative;
			float:left;
			width:200px;
			height:442px;
			background-color:#4D0012;
			text-align:right;
			background-image:url(../img/sidreria/img_lat.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
		}
			.s_lat_interior{
				position:relative;
				float:left;
				width:170px;
				height:auto;
				margin-left:15px;
				margin-top:30px;
			}
		.s_drch{
			position:relative;
			float:right;
			width:599px;
			height:442px;
			background-image:url(../img/sidreria/img_llagar.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
		}
			.s_text{
				position:relative;
				float:left;
				width:400px;
				height:auto;
				color:#000;
				margin-left:205px;
				margin-top:60px;
			}

		/* Asador */
		.a_lateral{
			position:relative;
			float:left;
			width:300px;
			height:442px;
			background-color:#816633;
			text-align:right;
		}
			.a_interlineado{
				line-height:26px;
			}
			.a_lat_interior{
				position:relative;
				float:left;
				width:270px;
				height:auto;
				margin-left:15px;
				margin-top:30px;
				margin-right:15px;
			}
		.a_drch{
			position:relative;
			float:right;
			width:499px;
			height:442px;
			background-image:url(../img/asador/img_asador.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
		}

		/* Salones */
		.sa_lateral{
			position:relative;
			float:left;
			width:400px;
			height:442px;
			background-color:#614000;
			text-align:right;
		}
			.sa_interlineado{
				line-height:26px;
			}
			.sa_lat_interior{
				position:relative;
				float:left;
				width:370px;
				height:auto;
				margin-left:15px;
				margin-top:30px;
				margin-right:15px;
			}
			.sa_line1{
				position:relative;
				float:left;
				width:100%;
				height:2px;
				background-color:#71531A;
				margin-top:10px;
				margin-bottom:10px;
			}
			.sa_img1{
				position:relative;
				float:left;
				width:360px;
				height:171px;
				background-image:url(../img/salones/img_salones1.jpg);
				margin-left:20px;
				margin-top:40px;
			}
		.sa_drch{
			position:relative;
			float:right;
			width:399px;
			height:442px;
			background-image:url(../img/salones/img_salones2.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
		}
			.sa_interlineado2{
				line-height:26px;
				color:#614000;
			}
			.sa_lat_interior2{
				position:relative;
				float:left;
				width:370px;
				height:auto;
				margin-left:15px;
				margin-top:30px;
				margin-right:15px;
				color:#000;
			}
			.sa_line2{
				position:relative;
				float:left;
				width:100%;
				height:2px;
				background-color:#71531A;
				margin-top:10px;
				margin-bottom:10px;
			}

		/* Menus */
		.me_lateral{
			position:relative;
			float:left;
			width:500px;
			height:442px;
			background-color:#614000;
			text-align:right;
			background-image:url(../img/menus/carta_bg.jpg);
			background-repeat:no-repeat;
		}
			.me_lat_interior{
				position:relative;
				float:left;
				width:455px;
				height:auto;
				margin-left:15px;
				margin-top:10px;
				margin-right:15px;
			}
			.me_down{
				position:relative;
				float:left;
				width:360px;
				height:auto;
				margin-left:110px;
				margin-top:255px;
				color:#603333;
			}
				.me_link:link{
					color:#603333;
				}
				.me_link:visited{
					color:#603333;
				}
		.me_drch{
			position:relative;
			float:right;
			width:300px;
			height:442px;
		}
			#me_foto1{
				position:absolute;
				bottom:0px;
				right:0px;
			}

		/* Banquetes */
		.banquetes{
			position:relative;
			float:left;
			width:100%;
			height:auto;
			margin-top:20px;
		}
			.b_ficha{
				position:relative;
				float:left;
				width:390px;
				height:auto;
				margin-top:10px;
			}
			.b_ficha2{
				position:relative;
				float:left;
				width:390px;
				height:auto;
				margin-top:10px;
				margin-left:20px;
			}
				.b_img{
					position:relative;
					float:left;
					width:98px;
					height:118px;
					border:1px solid #380000;
				}
				.b_drch{
					position:relative;
					float:right;
					width:280px;
					height:auto;
					margin-left:5px;
				}
					.b_title{
						font-family:"Times New Roman", Times, serif;
						font-size:20px;
						color:#380000;
						position:relative;
						float:left;
						width:100%;
						height:auto;
					}
					.b_text{
						color:#000;
						position:relative;
						float:left;
						width:100%;
						height:auto;
					}
			.b_line{
				position:relative;
				float:left;
				width:100%;
				height:1px;
				margin-top:10px;
				background-color:#CDBFBF;
			}
			.b_line2{
				position:relative;
				float:left;
				width:100%;
				height:1px;
				margin-top:10px;
			}
		.b_vacio{
			position:relative;
			float:left;
			width:390px;
			height:128px;
			margin-left:20px;
			background-color:#380000;
		}
					
		/* Galeria */
		.g_galeria{
			position:relative;
			float:left;
			width:100%;
			height:442px;
		}
			.g_marco{
				position:absolute;
				width:640px;
				height:384px;
				left:0px;
				top:25px;
				background-image:url(../img/galeria/marco.jpg);
				background-repeat:no-repeat;
			}
				.g_foto{
					position:absolute;
					width:570px;
					height:334px;
					left:25px;
					top:21px;
				}
			.g_atras{
				position:absolute;
				width: 90px;
				height: 15px;
				left: 33px;
				top: 410px;
				color:#918640;
				background-image:url(../img/galeria/left.jpg);
				background-repeat:no-repeat;
				background-position:left;
				padding-left:15px;
			}
			.g_siguiente{
				position:absolute;
				width: 90px;
				height: 15px;
				left: 497px;
				top: 410px;
				color:#918640;
				background-image:url(../img/galeria/right.jpg);
				background-repeat:no-repeat;
				background-position:right;
				text-align:right;
				padding-right:15px;
			}
			.g_arriba{
				position:absolute;
				width: 10px;
				height: 10px;
				left:695px;
				top: 10px;
			}
			.g_slider{
				position:absolute;
				width:98px;
				height: 368px;
				left:650px;
				top: 29px;
				background-color:#767433;
				overflow:hidden;
			}
				.g_fot1{
					position:relative;
					width: 82px;
					height: 82px;
					margin-left: 8px;
					margin-top: 8px;
					background-color:#FFF;
				}
			.g_abajo{
				position:absolute;
				width: 10px;
				height: 10px;
				left:695px;
				top: 404px;
			}
				
		/* Contacto */
		.c_lateral{
			position:relative;
			float:left;
			width:300px;
			height:442px;
			background-color:#545200;
			text-align:right;
		}
			.c_lat_interior{
				position:relative;
				float:left;
				width:90%;
				height:auto;
				margin-left:15px;
				margin-top:30px;
			}
				.enviar{
					background-color:transparent;
					color:#545200;
				}

		.c_drch{
			position:relative;
			float:right;
			width:500px;
			height:442px;
		}
			.c_foto{
				position:relative;
				float:left;
				width:500px;
				height:442px;
				background-image:url(../img/contacto/img_contacto.jpg);
			}