@charset "utf-8";
/* Reiniciamos los estilos */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal;
	font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline
}
body {line-height: 1;}
:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

/* A continuación definimos los estilos para la estructura del documento */
body {
	background: #000 url(../image/fondobggra.gif) center;
	text-align: center;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}
h3{clear:both;}

#contenedor{
        margin: 0 auto;
        width: 781px;
}

#page{
        width: 781px;
        text-align:left;
        margin: 0 auto;
}

#menuSup{
    width:100%;
    overflow:auto;
}

#menuSup ul{
    margin:auto;
}

#menuSup ul li{
    float:left;
    background:transparent url(../image/fondoMSup.png) center no-repeat;
    width:120px;
    height:102px;
    margin:0 5px;
}

#menuSup ul li:hover{
    background:transparent url(../image/fondoMSupSob.png) center no-repeat;
}

#menuSup ul li.irInicio,
#menuSup ul li.irInicio:hover{
     width:120px;
    height:102px;
    background:transparent url(../image/irInicio.png) center no-repeat;
}

#menuSup ul li a{
    color:#bb3a34;
    display:block;
    font-size:19px;
    height:102px;
    overflow:auto;
    text-align:center;
    text-decoration:none;
    width:120px;
}

#menuSup ul li a span{
    display:block;
    margin-top:49px;
}

#content{
    width: 100%;
    z-index:0;
}

#content .casa1{
    background: url(../image/casa1.png) no-repeat center;
    height:58px;
}

#content .casa2{
    float:left;
    background: url(../image/casa2.png) no-repeat;
    height:328px;
    width:450px;
}

#content .casa3{
    float:left;
    background: url(../image/casa3.png) no-repeat;
    height:333px;
    width:328px;
}

#content .carta1{
    background: url(../image/carta1.gif) no-repeat center;
    height:58px;
}

#content .carta2{
    background: url(../image/carta/carta2.gif) no-repeat center;
    height:570px;
}

#content .centrado{
    text-align:center;
}

#content .contenedor{
    overflow:auto;
}

#content .validez{
    color:#BB3A34;
    font-size:14px;
    font-weight:bold;
    margin:15px;
    text-align:center;
}

#content .inicio1{
    background: url(../image/inicio1.png) no-repeat center;
    height:104px;
}

#content .inicio2{
    background: url(../image/inicio2.gif) no-repeat 100px center ;
    height:266px;
    padding-top: 10px;
}

#content .inicio2 img{
    float:right;
    width:310px;
    margin-top:16px;
    margin-right: 25px;
    margin-left: 200px;
}

#content .inicio3{
    background: url(../image/inicio3.jpg) no-repeat center;
    height:81px;
}

/*#content .inicio3:hover{
    background: url(../image/inicio3Sob.gif) no-repeat center;
}*/

#content .inicio3 a{
    display:block;
    height:81px;
}

#content .contenedorOferta{
    width:390px;
    float:left;
}

#content .oferta1{
    background: url(../image/ofertas1.png) no-repeat center;
    height:80px;
}

#content .navidad1{
    background: url(../image/ofertasNavidad1.gif) no-repeat center;
    height:80px;
}

#content .contenedorOferta ul{
    margin-left:20px;
}

#content .contenedorOferta ul li{
    margin-top:13px;
    font-weight:bolder;
}

#content .contenedorOferta ul li a{
    color:#bb3a34;
    font-weight:bolder;
}

#content .contenedorOferta ul li span{
    color:#99710d;
    display:block;
    font-size:14px;
    font-weight:bold;
    margin-top:2px;
}

#content .navidad2{
    background: url(../image/ofertasNavidad2.gif) no-repeat center;
    height:444px;
    float:left;
    width:386px;
}

#content .oferta2{
    background: url(../image/ofertas2.png) no-repeat center;
    height:444px;
    float:left;
    width:386px;
}

#content .critica1{
    background: url(../image/criticas1.gif) no-repeat center;
    height:80px;
}

#content .critica2{
    margin-bottom:10px;
}

#content .critica2 p{
    font-size:15px;
    font-weight:bold;
    line-height:22px;
}

#content .critica2 p span.rojo{
    color:#b62a24;
}

#content .critica2 p a{
    color:#b62a24;
    text-decoration:underline;
}

#content .critica2 p.titulo{
    font-size:20px;
    line-height:35px;
    text-decoration:underline;
}

#content .reserva1{
    background: url(../image/reserva1.png) no-repeat center;
    height:80px;
}

#content .reserva2{
    background: url(../image/reserva2.png) no-repeat center right;
    float:left;
    height:307px;
    width:300px;
}

#content .reserva3{
    background: url(../image/reserva3.png) no-repeat center;
    float:left;
    height:307px;
    width:464px;
}

#content .show1{
    float:left;
    height:310px;
    width:505px;
    text-align:center;
    padding-top: 20px;
}

#menu{
    height: 35px;
}
#menu ul{
    margin-left: 15px;
}
#menu ul li{
    padding: 0 30px;
    margin-top: 7px;
    font-size: 1em;
    border-right: 1px solid #cc3333;
}
#menu ul li.ultimo{
    border: none;
}
#menu ul li a{
    color: #cc3333;
    text-decoration: none;
    font-weight: bold;
}
#menu ul li a:hover{
    color: #ff9999;
}
                        
#pie{
    border-top:1px solid;
    font-size:11px;
    color:#808080;
    text-align:center;
}

#pie b{
    font-weight: bold;
}

/* Clases generales de la página*/
.floatLeft{
	float:left;
	display: inline;
	overflow: hidden;
}
.floatRight{
	float:right;
	display: inline;
	overflow: hidden;
}
.clear{
	clear: both;
}
#seccion .dos{
	padding-left: 40px;
	margin-top: 10px;
}
.pad ul{
	padding: 0 0 0 40px;
	margin: 5px 10px;
}
.pad li{
	list-style: circle;
	list-style-position: outside;
	text-align: left;
}

		.inicio .texto div img{
			margin: 10px 0 15px 0;
		}
		#head{
			text-indent: -5000px;
			background:url(../image/cabecera.jpg) no-repeat;
			height: 260px;
		}
		
		
			#content h3.top{
			}
			
			#sidebar{
				width: 250px;
				min-height: 500px;
				margin-left: 0;	
				

			}
			#sidebar #catalogoPad{
				background: url(../image/superiorIzq.gif) left top no-repeat;
			}
			#sidebar #buscador{
				background: url(../image/buscador.png) left top no-repeat;
				height: 50px;
				width: 250px;
			}
			#sidebar h3{
				background: #f4ab2c;
				padding: 10px 15px;
				color: #fff;
				margin-top: 25px;
				font-weight: bold;
			}
			#sidebar .bordeDerecho{
				margin-left: 15px;
				height: 175px;
				padding-top: 1em;
				line-height: 1.5em;
				font-size: 0.9em;
				font-weight:bold;
				background: url(../image/borde.jpg) right top no-repeat;
			}
			#sidebar ul li{
				list-style: disc;
				margin-left: 30px;
			}
			#main{
				width: 500px;
				background: none;
				background: url(../image/superiorDer.gif) right top no-repeat;
			}
				#seccion{
					color: #666;
				}
				#seccion .pad{
					padding: 10px;
					font-size: 0.8em;
				}
				#seccion p{
					padding: 5px;
					line-height: 1.2em;
					font-size: 1em;
					color: #666;
				}
				#seccion a{
					color:#F4AB2C;
					text-decoration:none;
					font-weight: bold;
				}
				#seccion iframe{
					border: solid 1px #F4AB2C;
					margin: 10px 15px;
					font-size: 0.8em;
				}
				#seccion a:hover{
					text-decoration:underline;
				}
				#seccion img.pad{padding:5px;}
				#seccion #foto{
					margin: 10px;
					margin-top: 0px;
				}
				#seccion .texto{
					line-height: 1.5em;
					padding-left: 10px;
					font-size: 1.2em;
				}
				#seccion h3{
					color: #000;
					background: url(../image/backH3.jpg) left bottom no-repeat;
					margin: 25px 20px 10px 20px;
					padding-bottom: 10px;
					font-size: 1.3em;
					font-weight: bolder;
				}
				
				#seccion h4{
					 font-weight: bold;
					 margin: 5px; 
					 margin-left: 10px;
				}
				#seccion li{
					padding: 5px 0;
				}
				.leermas{
					text-align:right;
					padding: 5px 25px;
				}
				.leermas a{
					color: #F4AB2C;
					text-decoration: none;
					font-weight: bolder;
				}
				
div.flotante{
	margin-top:20px;
	width:250px;
	float:left;
}


/* Catalogo */
#catalogoPad{
	padding: 10px 0px 0px 10px;
	overflow: auto;
}
#catalogoPad h3{
	background: url(../image/iconoPDF.jpg) left top no-repeat;
	margin: 10px;
	color: #62adf7;
	font-size:2em;
	height: 50px;
	padding: 10px 0 0 0;
	margin-bottom:0;
	padding-left:60px;
}
#catalogoPad h3.producto{
	background: none;
	margin: 10px;
	color: #62adf7;
	font-size:1.4em;
	height: 25px;
	padding: 10px 0 0 0;
	margin-bottom:0;
	padding-left:0px;
}
#catalogo li{
	width: 220px;
	overflow: hidden;
	list-style: circle;
	list-style-position: inside;
	margin-left: 10px;
	padding: 5px 5px;
	height: auto;
	font-size: 0.8em;
	border-bottom: 1px dashed;
}
#catalogo li:hover{
	background:#62ADF7;
}
 #catalogo li a{
 	display: inline;
	color: #666;
	text-decoration: none;
	width: 200px;
 }
 
 form.buscador{
 	padding: 12px 12px 0px 20px;
 }
  form.buscador input{
 	border: 1px solid;
 }
  form.buscador input.boton{
 	border: none;
	background:none;
	color:#fff;
 }
 
#destacados{
	width: 215px;
	height: 260px;
	margin-left: 12px;
	overflow:hidden;
}
#destacados .elemento{
	border:none;
	width: 215px;
	text-align: left;
	height:50px;
	margin:5px 0;
	border-bottom: 1px dotted #666;
	padding: 5px 0;
	clear:both;
}
#destacados .elemento h2{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
}
#destacados .elemento p{
	font-size: 0.9em;
	margin-bottom: 5px;
}
#destacados .elemento h2 a{
	font-weight: bold;
	color: #000;
	text-decoration:none;
}
#destacados .elemento h2 a:hover{
	text-decoration:underline;
}
#destacados .thumb{
	height: 50px;
	width: 50px;
	float:left;
	overflow:hidden;
	margin-right: 3px;
}
#destacados .thumb img{
	width: 50px;
}
/* Formulario contacto */
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}
	/* ----------- stylized ----------- */
	#stylized{


		margin: 20px auto;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #F4AB2C;
		padding-bottom:10px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input, #stylized textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #000;
		width:200px;
		margin:2px 0 10px 10px;
	}
	#stylized textarea{
		float:none;
		width:200px;
	}
	#stylized input.button{ 
		clear:both;
		margin:10px 140px;
		width:125px;
		height:31px;
		background:#666666 url(../image/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		border:none;
		float: none;
	}
	#stylized input.error, #stylized textarea.error{
		background: #ff0000;
	}
	span.rojo{
		color: #ff0000;
		font-size: 1.2em;
	}
	
	div.enlace{
		margin-left: 30px;
		width: 400px;
		float: left;
		margin-bottom: 20px;
		margin-top: 2px;
	}
	div.enlace a{
		color: #b8ff7f;
		font-weight: bold;
	}
	#contenido div.enlace p{
		margin-bottom: 5px;
		margin-top: 5px;
	}
	div.enlace p.descripcion{
		text-indent: 20px;
	}
#seccion #galeria .imagen{
	float:none;
	text-align: center;
}
#seccion #galeria .foto{
	float:none;
}