html {
overflow: hidden;
}
.block {
position: relative;
width: 950px;
height: auto;
left: 50%;
margin-left: -475px;
}
header{
background-color:#8e3535;
color:white;
font-size:20pt;
text-align:center;
text-shadow:1px 1px 0px rgba(230,230,230,1), 2px 2px 0px rgba(200,200,200,1);
box-shadow: 1px 4px 3px rgba(0,0,0,0.5);
position:relative;
border-radius:10px;
}
#content {
position: relative;
background-color:#dfdfdf;
padding-top: 20px;
}
article{
position:absolute;
}
a:link{
text-decoration:none;
color:black;
}
a:hover{text-decoration:none;
color:black;}
a:visited {
text-decoration:none;
color:black;
}
a:active {text-decoration:none;
color:black;
}
a.boton:link{text-decoration:none;
color:white;
}
a.boton:visited{text-decoration:none;
color:white;
}
a.boton:active{
text-decoration:none;
color:white;
}
.header {
display: block;
float: left;
width: 150px;
background-color: #8e3535;
color: white;
font-size: 15pt;
box-shadow: 1px 4px 3px rgba(0,0,0,0.5);
border-radius: 10px;
padding: 5px;
}
.hr{
width: 100px;
background-color: #8e3535;
color: white;
font-size: 15pt;
box-shadow: 1px 4px 3px rgba(0,0,0,0.5);
border-radius: 10px;
padding: 5px;
}
#hr_datos{ width: 139px; display: block; }
#datos{ width: 139px; }
#hr_datos_inicio{ width: 139px; }
/*formulario*/
::-webkit-input-placeholder { color:darkred; }
#form {
width: 900px;
}
.bloque {
width: 360px;
padding: 2%;
float: left;
display: block;
}
.bloque table {
width: 100%;
padding: 2px;
display: inline-block;
}
.bloque td {
padding: 2px;
}
.bloque label {
float: left; width: 120px; background-color: transparent; display: inline-block; font-weight: bold;
}
.bloque input {
width: 220px; border: 3px black solid; border-radius: 10px; background-color: #b9b9b9; display: inline-block; float: right;
}
.bloque select {
width: 224px; border: 3px black solid; border-radius: 10px; background-color: #b9b9b9; display: inline-block; float: right;
}
.bloque textarea {
background-color: #b9b9b9; width: 74.5%; height: 100px; resize: none; overflow: hidden;
}
.bloque-completo {
width: 760px;
padding: 2%;
float: left;
display: block;
}
.bloque-completo label {
float: left; width: 300px; background-color: transparent; display: inline-block; font-weight: bold;
}
.bloque-completo select {
width: 224px; border: 3px black solid; border-radius: 10px; background-color: #b9b9b9; display: inline-block;
}
.bloque-completo textarea {
background-color: #b9b9b9; width: 760px; height: 100px; resize: none;
}
td.ancho{ width:80px; }
#caja-contacto{
margin: 0 auto;
position: relative;
width: 800px;
height: auto;
}
#caja-registro{
margin: 0 auto;
position: relative;
width: 800px;
height: 1100px;
}
#caja-registro header {
width: 100%;
cursor: pointer;
line-height: 40px;
}
#caja_grande {
position: relative;
}
.legend table {
width: 100%;
padding: 4px;
}
.legend td {
padding: 2px;
}
.legend {
position: relative;
margin: 0 auto;
border-color: #8e3535;
width: 750px;
border-radius: 7px;
}
.legend label {
float: left; width: 24%; background-color: transparent;
}
.legend input {
width: 75%; border: 1px #A9A9A9 solid; background-color: #b9b9b9;
}
.legend select {
background-color: #b9b9b9; width: 24.7%;
}
.legend textarea {
background-color: #b9b9b9; width: 74.5%; height: 100px; resize: none; overflow: hidden;
}
.login{
background-color: #8e3535;
border-radius:20px;
border:1px solid grey;
padding: 15px 25px 15px 25px;
color: white;
box-shadow: 1px 4px 3px rgba(0,0,0,0.5);
}
.enviar {
position: relative;
background-color: #8e3535;
border-radius:20px;
border:1px solid grey;
padding: 15px 25px 15px 25px;
color: white;
box-shadow: 1px 4px 3px rgba(0,0,0,0.5);
width: 120px;
cursor: pointer;
}
#enviar {
position: relative;
background-color: #8e3535;
border-radius:20px;
border:1px solid grey;
padding: 15px 25px 15px 25px;
color: white;
box-shadow: 1px 4px 3px rgba(0,0,0,0.5);
width: 120px;
cursor: pointer;
left: 620px;
}
/*formulario-fin*/
/*emergente*/
#popup {
display: none;
opacity: 0%;
margin-top: -300px;
height: auto;
border-radius: 20px;
}
#popup:target {
display: block;
opacity: 50;
background-color: rgba(0,0,0,0.0);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
z-index:999;
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
.popup-contenedor {
position: relative;
margin:3% auto;
padding:30px 50px;
background-color:#f5f5f5;
border-radius:15px;
height:530px;
width:512px;
}
a.popup-cerrar {
position: absolute;
top:3px;
right:3px;
background-color: #8e3535;
border-radius:15px;
padding:7px 10px;
font-size: 20px;
text-decoration: none;
line-height: 1;
color:#fff;
}
.muestra{
width:100%;
height:100%;
background-color:blue;
border:0;
}
#popup2 {
display: none;
opacity: 0%;
margin-top: -300px;
}
#popup2:target {
display: block;
opacity: 50;
background-color: rgba(0,0,0,0.0);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
z-index:999;
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
#popup3 {
display: none;
opacity: 0%;
margin-top: -300px;
}
#popup3:target {
display: block;
opacity: 50;
background-color: rgba(0,0,0,0.0);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
z-index:999;
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
#popup4 {
display: none;
opacity: 0%;
margin-top: -300px;
}
#popup4:target {
display: block;
opacity: 50;
background-color: rgba(0,0,0,0.0);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
z-index:999;
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
#popup5 {
display: none;
opacity: 0%;
margin-top: -300px;
}
#popup5:target {
display: block;
opacity: 50;
background-color: rgba(0,0,0,0.0);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
z-index:999;
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
#popup6 {
display: none;
opacity: 0%;
margin-top: -300px;
}
#popup6:target {
display: block;
opacity: 50;
background-color: rgba(0,0,0,0.0);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
z-index:999;
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
/*Emergente-Fin*/
/*productos */
.productos{
position: relative;
width:504px;
background-color:#f5f5f5;
}
.tienda{
position: relative;
margin: 0 auto;
width: 900px;
height: 100px;
}
#descripcion{
width:499px;
height:auto;
position:relative;
float: left;
text-align:justify;
}
#drch{
width: 300px;
height: 180px;
position: relative;
float: left;
padding: 5px;
}
td.rojo{background-color:#8e3535;
color:white;
border-radius:5px;
font-family:bold;
}
.cima{
position: relative;
float: left;
}
.descripcion{
position: relative;
float: left;
width:180px;
height:180px;
padding: 5px;
}
#ul-container{
overflow: hidden;
width: 900px;
padding: 0px;
position: relative;
margin: 0 auto;
}
#ul-pie{
overflow: hidden;
width: 900px;
padding: 0px;
position: relative;
margin: 0 auto;
}
.h_pie{font-size:15pt;
box-shadow:none;
text-shadow:none;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
img.Ipie{
border-radius:0;
width:250px;
height:95px;
}
li.li2{
list-style: none;
width: 250px;
height: 250px;
float: left;
margin : 20px;
border:1px solid white;
border-radius:15px;
font-family:bold;
text-align:center;
}
li.li1 {
list-style: none;
width: 250px;
height:400px;
float: left;
margin: 20px;
border:1px solid white;
border-radius:15px;
font-family:bold;
text-align:center;
padding-bottom: 15px;
}
li.li1:hover{ box-shadow: 5px 10px 7px rgba(0,0,0,0.5); }
.comprar{
width:100px;
height:30px;
background-color:#8e3535;
border:1px solid black;
border-radius:15px;
text-align:center;
font-size:14pt;
padding-top:5px;
color:white;
position:relative;
top:20px;
left:70px;
}
#reservar{
width:100px;
height:30px;
background-color:#8e3535;
border:1px solid black;
border-radius:15px;
text-align:center;
font-size:14pt;
padding-top:5px;
color:white;
position: relative;
float: left;
bottom:1%;
left:50%;
margin-left: -50px;
}
img{
width:250px;
height:300px;
border-top-left-radius:15px;
border-top-right-radius:15px;
}
/*fin*/
/*principal.html*/
body.margen{
padding-left:10px;
}
header.principal {
width: 950px;
cursor: pointer;
line-height: 40px;
}
header.principal:hover {
background-color: #888;
text-decoration: overline;
}
img.img-modal{
position: absolute;
right: 8px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
}
img.img-modal2{position:absolute;
right: 8px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
width: 340px;
height: 195px;
}
img.img-modal3{position:absolute;
top:100%;
left:11%;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
height:290px;
width:760px;
margin-top:20px;
}
#caja_contenedor, #caja_contenedor2, #caja_contenedor3, #caja_contenedor4, #caja_contenedor5, #caja_contenedor6 {
display: none;
}
.viñeta{
text-align: justify;
position: relative;
border-radius: 10px;
background-color: #ffffff;
margin: 10px;
padding: 10px 10px 10px 10px;
box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
#v_uno{
width: 650px;
}
#vi_uno{ width: 650px; position: relative; left: 0px; }
#v_dos {
padding:40px 40px 40px 40px;
width:500px;
height:115px;
}
#vi_dos{
padding:40px 40px 40px 40px;
width: 500px;
height:115px;
}
#viñ_dos{
padding:40px 40px 40px 40px;
width: 500px;
height:115px;
}
#v_tres{
width: 912px;
}
/*INFORMACION.HTML*/
body.principal{
width:800px;
}
#ventana {
position: absolute;
height:350px;
width:350px;
border:0;
border-radius:15px;
}
.media {
position: relative;
width: 600px;
height: 300px;
left: 50%;
margin-left: -310px;
}
.media > object {
position: relative;
width: 600px;
height: 300px;
}
span.mas{font-weight: bold;
color:#923c3b;
}
span.head_principal{font-size: 16pt;
color:#923c3b;
font-weight:bold;}
#caja_content{position:relative; top:20px; height: 180px;}
#caja_content2{position:relative; top:200px;}
#caja_content3{position:relative; top:220px;}
.text_drch{float:left;
position:relative;
background-color: #ffffff;
width:450px;
height: 140px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
margin-left:15px;
padding: 15px;}
.img_izq{float:left;}
.portada{border-bottom-left-radius:15px;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
height: 170px;
}
#otra {
width: 750px;
position: absolute;
left: 120px;
}
.text_drch2{
position:relative;
top:-174.5px;
left:250px;
background-color: #ffffff;
width:450px;
height: 140px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
margin-left:15px;
padding: 15px;}
.img_izq2{ position:relative; left:-250px; }
.text_drch3{
position:relative;
top:-174.5px;
left:250px;
background-color: #ffffff;
width:450px;
height: 140px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
margin-left:15px;
padding: 15px;}
.img_izq3{ position:relative; left:-250px; }
/* Funciones Generales */
* {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select:none;
}
/* End Funciones Generales */