/* CSS - Turismo Rural en Gijon */

/* Reseteo */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, tr, td {margin:0; padding:0;}
img {border:0;}
a {text-decoration:none;}
ol, ul {list-style:none;}

/* Elementos basicos */ 

body {
	background:#FFF;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/* Clasese genericas */

.left {display:inline; float:left;}
.right {display:inline; float:right;}
.clear {clear:both;}
/*.verde-oscuro {color:#3C4700; font-size:18px; font-weight:bold;} */
.verde-oscuro {color:#942800; font-size:18px; font-weight:bold;}
.font-14 {font-size:14px; font-weight:bold;}

/* Plantilla Basica */

#page {margin:0 auto; width:950px; position:relative;}
	#top {text-align:right;}
	#header {overflow:hidden; height:1%;}
	#wrap {}
		#content {
			overflow:hidden;
			height:1%;
			}
			#col-a, #col-b,
			#col-c, #col-d,
			#col-e, #col-f {
				float:left;
				display:inline;
				}
			#col-a {
				width:670px;
				margin-right:5px;
				}
			#col-b {
				width:275px;
				}
			#col-c {
				width:750px;
				margin-right:5px;
				}
			#col-d {
				width:195px;
				}
			#col-e {
				width:470px;
				margin-right:10px;
				overflow:hidden;
				}
			#col-f {
				width:470px;
				}				
	#footer {text-align:center; clear:both;}

	/* Elementos de #top */
	
	#top ul, #footer ul {
		line-height:40px;
		}
		#top ul li, #footer ul li {
			display:inline;
			font-size:9px;
			}
			#top ul li a, #footer ul li a {
				color:#000;
				margin:0px 2px;
				}
			#top ul li a:hover, #footer ul li a:hover {
				text-decoration:underline;
				}
			.linktur {
				color:#8F8404;
				/* background:url(common/images/manzana.gif) no-repeat -10px 0; */
				}
	
	/* Elementos de #header */
	
	#header h1 a {
		font-size:22px;
		color:#942800;
		letter-spacing:-2px;
		text-indent:-999em;
		background:url(common/images/logo.jpg) no-repeat 0 0;
		height:75px;
		width:365px;
		display:block;
		margin:0px 0px 5px 10px;
		}
		
	/* Elementos de #wrap */
		
	.flash-home {margin-bottom:10px;}
	
	#nav-interna {
		overflow:hidden;
		height:1%;
		margin-bottom:10px;
		}
	#nav-interna-2 {
		overflow:hidden;
		height:1%;
		}
		#nav-interna  h2, #nav-interna-2 h2 {
			float:left;
			display:inline;
			width:150px;
			line-height:30px;
			text-align:center;
			font-size:11px;
			font-weight:normal;
			background:#EBF094 url(common/images/bg-nav-interna-h2.jpg) repeat-y 0 0;
			margin-right:5px;
			}
		#nav-interna ul, #nav-interna-2 ul {
			padding-left:10px;
			float:left;
			display:inline;
			width:785px;
			line-height:30px;
			background:#4E4E3E url(common/images/bg-nav-interna-ul.jpg) repeat-y 0 0;
			}
			#nav-interna ul li, #nav-interna-2 ul li {
				float:left;
				display:inline;
				}
				#nav-interna ul li a, #nav-interna-2 ul li a {
					color:#000;
					padding:0px 3px;
					}
				#nav-interna ul li a:hover, #nav-interna-2 ul li a:hover {
					color:#FFF;
					}
				#nav-interna ul li a.current, #nav-interna-2 ul li a.current {
					color:#FFF;
					font-weight:bold;
					}
	
		.frases {
			width:420px;
			font-size:15px;
			font-style:italic;
			margin-bottom:20px;
			}
			
		#gijon-a-la-carta-interna {
			background:url(common/images/bg-gijon-a-la-carta-interna.jpg) repeat 0 0;
			padding:20px;
			overflow:hidden;
			height:1%;
			position:relative;
			}
		#gijon-a-la-carta-interna p {
			padding-bottom:10px;
			}
			#gijon-a-la-carta-interna .contenido {
				float:left;
				display:inline;
				width:700px;
				margin-right:10px;
				}
			#gijon-a-la-carta-interna .banners {
				float:left;
				display:inline;
				width:200px;
				}
			#gijon-a-la-carta-interna .formpie {
				}
			
				#gijon-a-la-carta-interna h2 {
					margin-bottom:15px;
					}
					
			ul#gijon-carta-caracteristicas {
				overflow:hidden;
				clear:both;
				margin-bottom:20px;
				}
				ul#gijon-carta-caracteristicas li {
					display:inline;
					float:left;
					width:140px;
					text-align:left;
					margin-right:35px;
					}
					ul#gijon-carta-caracteristicas li h3 {
						font-size:14px;
						height:60px;
						color:#3D4800;
						}
					ul#gijon-carta-caracteristicas li ul {
						margin:5px 0px;
						}
						ul#gijon-carta-caracteristicas li ul li {
							float:none;
							display:block;
							width:auto;
							height:auto;
							font-size:10px;
							background:none;
							padding-top:3px;
							margin-right:0px;
							}
							
			.form-carta td {
				padding:5px 0px;
				font-size:10px;
				}
			.form-carta a {
				color:#423F2C;
				}
					
			.input-fino-largo,
			.input-fino-medio,
			.input-fino-corto {
				background:url(common/images/bg-inputs.jpg) repeat 0 0;
				border:1px solid #000;
				padding:1px;
				}
			.input-fino-largo {width:449px;}
			.input-fino-medio {width:205px;}
			.input-fino-corto {width:150px;}
			
			.input-ancho,
			.txt-ancho {
				background:url(common/images/bg-inputs.jpg) repeat 0 0;
				border:1px solid #000;
				padding:4px;
				margin:2px 0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				}
			.input-ancho {width:425px;}
			.txt-ancho {width:425px; height:80px;}
			
			.btn-enviar {
				padding:4px 15px;
				background:#323D00;
				font-weight:bold;
				color:#FFF;
				font-size:10px;
				border:none;
				margin-right:20px;
				cursor:pointer;
				}
			
			.pluma {
				position:absolute;
				bottom:135px;
				right:30px;
				height:37px;
				width:41px;
				background:url(common/images/pluma.png) no-repeat 0 0;
				}
			
		/* Elementos de #content */
		
		.texto-sobre-imagen {
			background:url(common/images/img-fondo-la-ciudad.jpg) no-repeat 0 0;
			height:405px;
			}
			.texto-sobre-imagen div.txt {
				width:590px;
				padding:20px 290px;
				}
			.texto-sobre-imagen div.txt p {
				line-height:125%;
				padding-bottom:15px;
				width:590px;
				}
				
		.contacto {
			background:url(common/images/bg-contacto.jpg) no-repeat 0 0;
			height:436px;
			}
		.contacto table td {
			padding:5px 0px;
			}
			.contacto div.txt {
				font-size:10px;
				width:400px;
				padding:120px 0px 0px 375px;
				}
			.contacto div.txt p {
				line-height:125%;
				}
				
				.input-contacto-corto,
				.input-contacto-medio,
				.input-contacto-largo {
					background:#E8E5D8;
					border:1px solid #000;
					padding:1px 2px;
					font-size:10px;
					font-family:Arial, Helvetica, sans-serif;
					}
				.input-contacto-corto {
					width:156px;
					}
				.input-contacto-medio {
					width:340px;
					}
				.input-contacto-largo {
					width:388px;
					}
					
				.btn-enviar-contacto {
					padding:4px 15px;
					background:#942900;
					font-weight:bold;
					color:#FFF;
					font-size:10px;
					border:none;
					margin-right:7px;
					cursor:pointer;
					}
					
			.alta {
				background:url(common/images/bg-alta.jpg) no-repeat 0 0;
				height:440px;
				}
				.alta div.txt {
					text-align:center;
					width:265px;
					padding:225px 0px 0px 330px;
					}
				.alta div.txt p {
					line-height:200%;
					}
			
			.publicidad {
				background:url(common/images/bg-publicidad.jpg) no-repeat 0 0;
				height:440px;
				}
				.publicidad div.txt {
					text-align:center;
					width:265px;
					padding:165px 0px 0px 410px;
					}
				.publicidad div.txt p {
					line-height:200%;
					}
					
			.quienes-somos {
				background:url(common/images/bg-quienes-somos.jpg) no-repeat 0 0;
				height:440px;
				}
				.quienes-somos div.txt {
					width:350px;
					padding:50px 0px 0px 400px;
					}
				.quienes-somos div.txt p {
					line-height:140%;
					padding-bottom:10px;
					}
					
			.fondo-blanco {
				padding:200px 0px;
				text-align:center;
				}
		
			/* Elementos de #col-a */
			
			ul#secciones,
			ul#secciones-laciudad {
				overflow:hidden;
				}
				ul#secciones li {
					display:inline;
					float:left;
					width:130px;
					background:#F4F9CE url(common/images/degrade-amarillo.jpg) repeat-x left top;
					text-align:center;
					margin-right:4px;
					margin-bottom:-30000px;
					padding-bottom:30000px;
					}
				ul#secciones-laciudad li {
					display:inline;
					float:left;
					width:130px;
					background:#EECF43 url(common/images/degrade-amarillo-oscuro.jpg) repeat-x left top;
					text-align:center;
					margin-right:4px;
					margin-bottom:-30000px;
					padding-bottom:30000px;
					}
					ul#secciones li h3,
					ul#secciones-laciudad li h3 {
						font-size:14px;
						height:45px;
						color:#942900;
						}
					ul#secciones li ul,
					ul#secciones-laciudad li ul {
						margin:15px 10px;
						}
						ul#secciones li ul li,
						ul#secciones-laciudad li ul li {
							float:none;
							display:block;
							width:auto;
							height:auto;
							font-size:10px;
							background:none;
							padding-top:3px;
							}
							ul#secciones li ul li a,
							ul#secciones-laciudad li ul li a {
								color:#000;
								display:block;
								}
							ul#secciones li ul li a:hover{
								color:#942900;
								}
							ul#secciones-laciudad li ul li a:hover {
								color:#481400;
								}
								
				/* Elementos de #col-b */
				
				#banner-275x265 {
					width:275px;
					height:265px;
					display:inline;
					float:right;
					}
				
				/* Elementos de #col-c */
				
				ul.listado {
					overflow:hidden;
					height:1%;
					}
					ul.listado li {
						float:left;
						display:inline;
						width:360px;
						margin-right:15px;
						overflow:hidden;
						height:1%;
						margin-bottom:15px;
						}
						ul.listado li a img {
							float:left;
							display:inline;
							margin-right:10px;
							width:60px;
							}
						ul.listado li div {
							float:left;
							display:inline;
							width:290px;
							}
							ul.listado li div h3 {
								font-size:12px;
								font-weight:bold;
								margin-bottom:4px;
								}
							ul.listado li div h3 a {
								color:#000;
								}
							ul.listado li div p {
								font-size:10px;
								}
								
				ul.listado-ciudad {}
					ul.listado-ciudad li {
						overflow:hidden;
						height:1%;
						margin-bottom:15px;
						}
						ul.listado-ciudad li img {
							float:left;
							display:inline;
							margin-right:10px;
							width:90px;
							}
						ul.listado-ciudad li div {
							float:left;
							display:inline;
							width:620px;/*ver*/
							}
							ul.listado-ciudad li div a.cat {
								color:#942800;
								text-decoration:none;
								}
							ul.listado-ciudad li div p {
								font-size:11px;
								padding-bottom:5px;
								}
							ul.listado-ciudad li div a {
								color:#000;
								text-decoration:underline;
								}
								
				.paginacion {
					text-align:center;
					clear:both;
					line-height:25px;
					font-size:10px;
					}
					.paginacion a {
						padding:1px 3px;
						border:1px solid #8B9067;
						color:#8B9067;
						background:#F4F6C7;
						margin-right:4px;
						}
					.paginacion a:hover,
					.paginacion a.current {
						padding:1px 3px;
						border:1px solid #404703;
						color:#404703;
						background:#EFF2A5;
						margin-right:4px;
						}
				
				/* Elementos de #col-e */
				
				.ficha h2 {
					font-size:21px;
					font-weight:normal;
					letter-spacing:-1px;
					margin-bottom:10px;
					}
				.ficha h3 {
					font-size:13px;
					font-weight:bold;
					margin-bottom:10px;
					}
				.ficha a {
					color:#000;
					text-decoration:underline;
					}
					.ficha a:hover {
						color:#87901D;
						}
				.ficha p {
					line-height:160%;
					margin-bottom:10px;
					}			
				
				/* Elementos de #col-f */
				
				
				.fotos-ficha p.foto-big {
					position:relative;
					height:300px;
					margin-bottom:5px;
					}
				.fotos-ficha img#largeImg {
					width: 470px;
					height: 300px;					
					}
				.fotos-ficha p.thumbs a {
					position:relative;
					}
				.fotos-ficha p.thumbs a img {
					width:106px;
					height:106px;
					border:1px solid #CCC;
					padding:3px;
					margin-bottom:3px;
					}
				.fotos-ficha p.thumbs a:hover img {
					border:1px solid #87901D;
					}
					.fotos-ficha p.thumbs a span {
						position:absolute;
						bottom:12px;
						right:8px;
						height:15px;
						width:15px;
						background:url(common/images/lupa-ampliar.png) no-repeat 0 0;
						z-index:1;
						}
				.fotos-ficha span.desc {
					background:url(common/images/bg-negro-transparent.png) repeat 0 0;
					padding:5px 10px;
					color:#FFF;
					text-align:center;
					position:absolute;
					right:10px;
					bottom:10px;
					width:430px;
					}

										
	/* Elementos de #footer */
	
		a.creditos {
			position:absolute;
			bottom:12px;
			right:0px;
			height:13px;
			width:10px;
			display:block;
			background:url(common/images/creditos.gif) no-repeat 0 0;
			text-indent:-999em;
			}
	
	/* Elementos */
	
		.recomendados {
			font-size:13px;
			color:#942900;
			margin-left:22px;
			margin-bottom:10px;
			}
		
		.destacados {
			margin-left:22px;
			}
		.destacados-item {
			text-align:center;
			line-height:120px;
			width:170px;
			border:1px solid #515B1C;
			color:#942900;
			text-transform:uppercase;
			margin-bottom:15px;
			}