body {
background: url(../gfx/fondo.gif);
margin: 0px auto;
font-family: Arial;
font-size: 10pt;
}
#containerWeb {
width: 760px;
}
div.todo {
float:left;
margin: 0px auto;
width: 760px;
min-height:433px;
height:auto !important;
height:433px;
border: 1px solid #807D00;
background-color: #E6E6D1;
}
div.fotos {
float: left;
display: inline;
width: 737px;
min-height:323px;
height:auto !important;
height:323px;
margin-left: 10px;
margin-top: 10px;
border: 1px solid #807D00;
}
div.flechas {
float: left;
display: inline;
margin-top: 300px;
margin-left: 50px;
}
a.flecha_1 {
float: left;
width: 16px;
height: 16px;
background: url(../gfx/flecha_1.gif) 0px 0px no-repeat;
}
a.flecha_1:hover {
background: url(../gfx/flecha_1.gif) 0px -16px no-repeat;
}
a.flecha_2 {
float: left;
width: 16px;
height: 16px;
margin-left: 3px;
background: url(../gfx/flecha_2.gif) 0px 0px no-repeat;
}
a.flecha_2:hover {
background: url(../gfx/flecha_2.gif) 0px -16px no-repeat;
}
a.flecha_1, a.flecha_2, a.submenu_1_1, a.submenu_2_1 { overflow:hidden }

div.foto {
float: right;
display: inline;
margin-right: 6px;
margin-top: 6px;
}
div.titulo_nuevo {
float: left;
margin-left: 127px;
margin-top: 10px;
width: 520px;
text-align: left;
font-size: 10pt;
font-weight: bold;
color: #414715;
}
div.logo {
float: right;
display: inline;
margin-top: 10px;
margin-right: 10px;
}
div.logo_2 {
width: 675px;
text-align: right;
float: right;
display: inline;
margin-top: 6px;
margin-right: 43px;
}
div.botonera {
float:left;
width: 760px;
margin-top: 15px;
}
div.menus {
float: left;
}
div.menus a {
margin-right: 5px;
margin-left: 5px;
}
a.menu_1 {
float: left;
width: 73px;
height: 18px;
background: url(../gfx/boton_1.gif) 0px 0px no-repeat;
}
a.menu_1:hover {
background: url(../gfx/boton_1.gif) 0px -18px no-repeat;
}
a.menu_1_selected {
float: left;
width: 73px;
height: 18px;
background: url(../gfx/boton_1.gif) 0px -18px no-repeat;
}
a.menu_2 {
float: left;
width: 109px;
height: 18px;
background: url(../gfx/boton_2.gif) 0px 0px no-repeat;
}
a.menu_2:hover {
background: url(../gfx/boton_2.gif) 0px -18px no-repeat;
}
a.menu_2_selected {
float: left;
width: 109px;
height: 18px;
background: url(../gfx/boton_2.gif) 0px -18px no-repeat;
}
a.menu_3 {
float: left;
width: 143px;
height: 18px;
background: url(../gfx/boton_3.gif) 0px 0px no-repeat;
}
a.menu_3:hover {
background: url(../gfx/boton_3.gif) 0px -18px no-repeat;
}
a.menu_3_selected {
float: left;
width: 143px;
height: 18px;
background: url(../gfx/boton_3.gif) 0px -18px no-repeat;
}
a.menu_4 {
float: left;
width: 121px;
height: 18px;
background: url(../gfx/boton_4.gif) 0px 0px no-repeat;
}
a.menu_4:hover {
background: url(../gfx/boton_4.gif) 0px -18px no-repeat;
}
a.menu_4_selected {
float: left;
width: 121px;
height: 18px;
background: url(../gfx/boton_4.gif) 0px -18px no-repeat;
}
a.menu_5 {
float: left;
width: 50px;
height: 18px;
background: url(../gfx/boton_5.gif) 0px 0px no-repeat;
}
a.menu_5:hover {
background: url(../gfx/boton_5.gif) 0px -18px no-repeat;
}
a.menu_5_selected {
float: left;
width: 50px;
height: 18px;
background: url(../gfx/boton_5.gif) 0px -18px no-repeat;
}
a.menu_6 {
float: left;
width: 62px;
height: 18px;
background: url(../gfx/boton_6.gif) 0px 0px no-repeat;
}
a.menu_6:hover {
background: url(../gfx/boton_6.gif) 0px -18px no-repeat;
}
a.menu_6_selected {
float: left;
width: 62px;
height: 18px;
background: url(../gfx/boton_6.gif) 0px -18px no-repeat;
}
a.menu_7 {
float: left;
width: 62px;
height: 18px;
background: url(../gfx/boton_7.gif) 0px 0px no-repeat;
}
a.menu_7:hover {
background: url(../gfx/boton_7.gif) 0px -18px no-repeat;
}
a.menu_7_selected {
float: left;
width: 62px;
height: 18px;
background: url(../gfx/boton_7.gif) 0px -18px no-repeat;
}
div.submenu_1 {
float: left;
width: 130px;
}
div.submenu_2 {
float: left;
width: 130px;
}
div.submenu_6 {
float: left;
width: 80px;
}
div.submenu_1_no_selected {
visibility: hidden;
}
div.submenu_1_selected {
visibility: visible;
}
div.submenu_2_no_selected {
visibility: hidden;
}
div.submenu_2_selected {
visibility: visible;
}
div.submenu_6_no_selected {
visibility: hidden;
}
div.submenu_6_selected {
visibility: visible;
}
a.submenu_1_1 {
float: left;
display: inline;
margin-top: 10px;
width: 110px;
height: 15px;
background: url(../gfx/boton_1_1.gif) 0px 0px no-repeat;
}
a.submenu_1_1:hover {
background: url(../gfx/boton_1_1.gif) 0px -15px no-repeat;
}
a.submenu_1_1_selected {
float: left;
margin-top: 10px;
width: 110px;
height: 15px;
background: url(../gfx/boton_1_1.gif) 0px -15px no-repeat;
}
a.submenu_2_1 {
float: left;
margin-top: 5px;
width: 80px;
height: 15px;
background: url(../gfx/boton_1_2.gif) 0px 0px no-repeat;
}
a.submenu_2_1:hover {
background: url(../gfx/boton_1_2.gif) 0px -15px no-repeat;
}
a.submenu_2_1_selected {
float: left;
margin-top: 5px;
width: 80px;
height: 15px;
background: url(../gfx/boton_1_2.gif) 0px -15px no-repeat;
}
/* proyectos - evolucion */
a.submenu_3_1 {
float: left;
margin-top: 5px;
width: 80px;
height: 15px;
background: url(../gfx/boton_1_3.gif) 0px 0px no-repeat;
}
a.submenu_3_1:hover {
background: url(../gfx/boton_1_3.gif) 0px -15px no-repeat;
}
a.submenu_3_1_selected {
float: left;
margin-top: 5px;
width: 80px;
height: 15px;
background: url(../gfx/boton_1_3.gif) 0px -15px no-repeat;
}
/* proyectos - evolucion */
a.submenu_1_2 {
float: left;
display: inline;
margin-top: 10px;
width: 91px;
height: 15px;
background: url(../gfx/boton_2_1.gif) 0px 0px no-repeat;
}
a.submenu_1_2:hover {
background: url(../gfx/boton_2_1.gif) 0px -15px no-repeat;
}
a.submenu_1_2_selected {
float: left;
margin-top: 10px;
width: 91px;
height: 15px;
background: url(../gfx/boton_2_1.gif) 0px -15px no-repeat;
}
a.submenu_2_2 {
float: left;
margin-top: 5px;
width: 108px;
height: 15px;
background: url(../gfx/boton_2_2.gif) 0px 0px no-repeat;
}
a.submenu_2_2:hover {
background: url(../gfx/boton_2_2.gif) 0px -15px no-repeat;
}
a.submenu_2_2_selected {
float: left;
margin-top: 5px;
width: 108px;
height: 15px;
background: url(../gfx/boton_2_2.gif) 0px -15px no-repeat;
}
a.submenu_3_2 {
float: left;
margin-top: 5px;
width: 108px;
height: 15px;
background: url(../gfx/boton_2_3.gif) 0px 0px no-repeat;
}
a.submenu_3_2:hover {
background: url(../gfx/boton_2_3.gif) 0px -15px no-repeat;
}
a.submenu_3_2_selected {
float: left;
margin-top: 5px;
width: 108px;
height: 15px;
background: url(../gfx/boton_2_3.gif) 0px -15px no-repeat;
}
a.submenu_1_6 {
float: left;
display: inline;
margin-top: 10px;
width: 65px;
height: 15px;
background: url(../gfx/boton_6_1.gif) 0px 0px no-repeat;
}
a.submenu_1_6:hover {
background: url(../gfx/boton_6_1.gif) 0px -15px no-repeat;
}
a.submenu_1_6_selected {
float: left;
margin-top: 10px;
width: 65px;
height: 15px;
background: url(../gfx/boton_6_1.gif) 0px -15px no-repeat;
}
a.submenu_2_6 {
float: left;
margin-top: 5px;
width: 45px;
height: 15px;
background: url(../gfx/boton_6_2.gif) 0px 0px no-repeat;
}
a.submenu_2_6:hover {
background: url(../gfx/boton_6_2.gif) 0px -15px no-repeat;
}
a.submenu_2_6_selected {
float: left;
margin-top: 5px;
width: 45px;
height: 15px;
background: url(../gfx/boton_6_2.gif) 0px -15px no-repeat;
}
/* Intro */
div.todo_intro {
margin: 0px auto;
width: 760px;
height: 433px;
border: 1px solid #807D00;
background-color: #E6E6D1;
}
div.fotos_intro {
float: left;
display: inline;
width: 740px;
height: 324px;
margin-left: 9px;
margin-top: 9px;
border: 1px solid #807D00;
}
div.saltar_intro {
width: 650px;
text-align: right;
float: right;
margin-right: 48px;
margin-top: 2px;
}
div.texto_flash {
float: left;
margin-left: 10px;
margin-top: 20px;
}
/* Noticias */
div.noticias {
float: left;
display: inline;
width: 737px;
height: 130px;
margin-left: 10px;
margin-top: 136px;
border: 1px solid #807D00;
}
div.noticias_2 {
text-align: left;
padding: 10px;
float: right;
display: inline;
width: 607px;
min-height:410px;
height:auto !important;
height:410px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #807D00;
}
html>body div.noticias_2 {
width: 587px;
height: 390px;
}
div.logo_noticias {
float: right;
display: inline;
margin-top: 18px;
margin-right: 10px;
}
div.foto img {
display: inline;
border: 0px;
}
div.flechas_noticias {
float: left;
display: inline;
margin-top: 105px;
margin-left: 50px;
}
div.flechas_noticias_2 {
float: right;
display: inline;
margin-top: 216px;
margin-left: 50px;
}
html>body div.flechas_noticias_2 {
margin-top: 221px;
}
div.titulos_noticias {
float: right;
margin-right: 12px;
display: inline;
font-size: 9pt;
font-weight: bold;
}
div.titulos_noticias div {
float: right;
display: inline;
width: 122px;
height: 60px;
text-align: left;
overflow: hidden;
margin-right: 6px;
}
div.titulos_noticias a {
display: inline;
text-decoration: none;
color: #414715;
}
div.noticia_izquierda {
float: left;
display: inline;
width: 122px;
height: 410px;
margin-top: 10px;
margin-left: 10px;
}
div.titulo_izquierda {
display: inline;
width: 122px;
height: 60px;
float: left;
text-align: left;
color: #414715;
font-size: 9pt;
font-weight: bold;
}
/* Contacto */
div.todo_contacto {
margin: 0px auto;
margin-top: 10px;
width: 738px;
height: 411px;
}
/* Imágenes */
IMG.ifoto {
float: left;
margin: 5px;
border: none;
}
IMG.dfoto {
float: right;
margin: 5px;
border: none;
}
IMG.cfoto {
float: center;
margin: 5px;
border: none;
}
/* INICIA LIGHTBOX */
a.lightBoxLink {
text-decoration: none;
}
#lightbox {
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}	
#lightboxCaption {
float: left;
}
#keyboardMsg {
float: right;
font-size: 8pt;
}
#closeButton {
top: 5px;
right: 5px;
}
#lightbox img {
border: none;
clear: both;
}
#overlay img {
border: none;
}
#overlay {
background-image: url(../gfx/overlay.png);
}
* html #overlay {
background-color: #333;
back\ground-color: transparent;
background-image: url(gfx/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gfx/overlay.png", sizingMethod="scale");
}
/* Contacto */
DIV#formularioContacto {
display:block;
float: left;
width: 300px;
}
label.contacto {
display: block;
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 0px;
font-family: Arial;
font-size: 8pt;
color: #807D00;
font-weight: bold;
}
input.contacto, textarea.contacto, select.contacto {
display: block;
float: left;
height: 16px;
font-family: Arial;
font-size: 8pt;
width: 100px;
margin-bottom: 0px;
}
legend.contacto {
float: left;
font-family: Arial;
font-size: 8pt;
color: #404714;
font-weight: bold;
}
select.contacto {
width: 155px;
}
.botonContacto {
display: inline;
float: left;
}
div.proteccion_datos {
font-family: Arial;
font-size: 8pt;
color: #404714;
font-weight: bold;
width: 335px;
float: left;
margin-top: 5px;
}
div.proteccion_datos a {
color: #404714;
}

/* Formulario contacto */
#containerFormularioContacto {
float: left;
width: 360px;
padding-left: 20px;
}
.cabeceraFormularioContacto {
float: left;
width: 360px;
font-family: Arial;
font-size: 18pt;
color: #807D00;
text-align: center;
}
.separadorCabeceraFormularioContacto {
float: left;
width: 360px;
height: 40px;
}
.tituloContacto {
float: left;
width: 80px;
text-align: left;
font-family: Arial;
font-size: 8pt;
color: #807D00;
font-weight: bold;
margin-bottom: 5px;
}
.elementoContacto {
float: left;
width: 260px;
font-family: Arial;
font-size: 8pt;
margin-bottom: 5px;
text-align: left;
}
.separadorBotones {
float:left;
width:300px;
height: 5px;
font-size: 0.1pt;
}
input.formularioContacto {
height: 16px;
font-family: Arial;
font-size: 8pt;
width: 240px;
margin-bottom: 0px;
}
textarea.formularioContacto {
height: 50px;
font-family: Arial;
font-size: 8pt;
width: 240px;
margin-bottom: 0px;
}
.botonFormularioContacto {
font-family: Arial;
font-size: 8pt;
width: 118px;
}
.avisoFormularioContacto {
float: left;
width: 360px;
font-family: Arial;
font-size: 10pt;
color: #807D00;
text-align: left;
}
/* index_2 */
div.fotos_index_2 {
float: left;
display: inline;
width: 737px;
height: 195px;
margin-left: 10px;
margin-top: 45px;
border: 1px solid #807D00;
}
div.flechas_index_2 {
float: left;
display: inline;
margin-top: 10px;
margin-left: 50px;
}
div.cabecera_index_2 {
float: left;
display: inline;
width: 641px;
height: 71px;
margin-left: 60px;
margin-top: 15px;
background-color: #ccc;
}
/* outlet */
div.precio {
float: left;
margin-left: 10px;
margin-top: 10px;
font-size: 9pt;
font-weight: bold;
color: #414715;
}
div.precio_2 {
float: left;
margin-left: 10px;
margin-top: 10px;
font-size: 9pt;
font-weight: bold;
color: #414715;
background: url(../gfx/cruz.jpg) no-repeat;
}
div.titulo_outlet {
float: left;
margin-left: 50px;
margin-top: 10px;
font-size: 9pt;
font-weight: bold;
color: #414715;
}
div.acceso_invitados {
float: left;
width: 185px;
margin-left: 10px;
}
/* listas de boda */
div.titulo_listas_boda {
float: left;
width: 750px;
height: 18px;
text-align: left;
color: #404714;
font-size: 9pt;
font-weight: bold;
padding-top: 5px;
padding-left: 10px;
}
div.tabla_listas_boda {
float: left;
margin-left: 10px;
}
div.tabla_listas_boda table {
border: 1px solid #807D00;
}
div.tabla_listas_boda td {
border-bottom: 1px solid #807D00;
border-right: 1px solid #807D00;
}
tr.cabecera_listas_boda {
font-weight: bold;
color: #404714;
text-align: center;
}
tr.cabecera_listas_boda td {
height: 20px;
}
div.tabla_listas_boda td {
font-size: 8pt;
color: #404714;
}
td.foto_lista_productos {
text-align: center;
height: 50px;
}
td.titulo_lista_productos {
text-align: left;
height: 50px;
padding-left: 5px;
}
td.precio_lista_productos {
text-align: right;
height: 50px;
padding-right: 5px;
}
td.estado_lista_productos {
text-align: center;
height: 50px;
}
td.cesta_lista_productos {
text-align: center;
height: 50px;
}
div.pie_lista_productos_derecha {
float: right;
width: 300px;
text-align: right;
margin-top: 8px;
font-size: 10pt;
font-weight: bold;
color: #404714;
margin-right: 10px;
}
div.pie_lista_productos_derecha a {
text-decoration: none;
color: #404714;
}
div.pie_lista_productos_izquierda {
float: left;
width: 400px;
text-align: left;
margin-top: 8px;
font-size: 10pt;
font-weight: bold;
color: #404714;
margin-left: 10px;
}
div.pie_lista_productos_izquierda a {
text-decoration: none;
color: #404714;
}
A.linkCesta {
color: #404714;
}
input.inputCesta {
font-family: Arial;
font-size: 8pt;
}
textarea.textareaCesta {
font-family: Arial;
font-size: 8pt;
}