html, body {
margin: 0; padding: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background: url(/bemsa/img/body_fondo.gif) repeat-x top left #FFF;
}
#cabecera table{
text-align: left;
}
h1 {
margin: 10px 0px 0px 82px;
}
h1 img {
/*position: relative;
top: -14px;*/
display: block;
}
h1 span {
display: none;
}
#cabecera {
width:792px;
margin: auto;
text-align: left;
}
img#isotipo {
position: absolute;
top: 12px;
left: px;
z-index: 0;
border: none;
}
/*SELECTOR DE IDIOMAS - genericos*/
#contenedorSelectorIdiomas {
margin:0px 0px 13px 0px !important; /* jb 29/02/08 */
margin:0px;
}
#selectorIdiomas {
/*float: right*/
text-align: right;
font:normal 10px Arial,verdana,sans-serif;
position:relative;
right: 0;
bottom: 12px;
margin:0px;
float:right;
}
/*#selectorIdiomas p{
margin:0px;
padding:0px;
float: right;
}*/
#cabecera table {
position: relative;
top: -8;
}
#cabecera table table {
top: 0;
}
/*SELECTOR DE IDIOMAS - Listados*/
#selectorIdiomas ul{
list-style: none;
padding:0 6px 0 0;
margin: 0;
float: right; /* jb 29/02/08 */
}
#selectorIdiomas ul li{
padding: 0;
/* margin: 0; */
/* display: inline; */
/* jb 29/02/08 */
display:block;
float:left;
margin:0px 1px 0px 0px;
}
/*Links*/
#selectorIdiomas ul li span {
padding: 0 5px;
border-bottom: solid 1px #9BCF2E;
}
#selectorIdiomas ul li a {
/*display: block;*/
padding: 0 5px;
color: #FFF;
text-decoration: none;
background-color: #000;
border-bottom: solid 1px #8BBA29;
}
#selectorIdiomas ul li a:hover, #selectorIdiomas ul li span {
background-color: #9BCF2E;
border-bottom: solid 1px #9BCF2E;
}
#selectorIdiomas ul li.bendinat a:link, #selectorIdiomas ul li.bendinat a:visited {
padding: 0 8px 0 18px;
background: url(/bemsa/img/ico/ico_bendinat.gif) no-repeat top left #1B9BDE;
}
#selectorIdiomas ul li.bendinat a:hover {
border-bottom: solid 1px #8BBA29;
}
/* Fin SELECTOR DE IDIOMAS */
/*****************************CONTENIDO PRINCIPAL***********************************/
#contenedor {
margin: auto;
text-align: left;
width: 1000px;
}
/*
.cuerpoBG {
display: table;
margin: 17px 0px 0px 14px;
width: 778px;
background: url(/bemsa/img/elements/sombra_cuerpo.png) no-repeat top left;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/sombra_cuerpo.png", sizingMethod="scale");
}
#cuerpo {
background: url(/bemsa/img/fondo_arbol.gif) 6px 100% no-repeat ;
float:left;
padding-bottom: 100px;
}
*/
.cuerpoBG, #cuerpo {
background: none;
background-image: none;
filter: none;
float:none;
}
/*
.cajaContenido {
width: 766px;
position: relative;
background-color: #FFFFFF;
left: 6px;
top: 4px;
float: none;
//background: #ffffff url(/bemsa/img/fondo_arbol.gif) 6px bottom no-repeat;
background: #ffffff url(/bemsa/img/fondo_arbol.gif) 0px bottom no-repeat;
height: 1000px;;
//margin-bottom:4px;
}
*/
.cajaContenido {
background:transparent url(/bemsa/img/fondo_arbol.gif) no-repeat scroll 117px 100%;
float:left;
/*left:6px;*/
/*padding-bottom:100px;*/
position:relative;
top:0px;
width:1000px;
}
.cajaGlobal{
position: relative;
padding: 5px 0px 0px 0px;
width: 1000px;
}
.cajaBordes {
background: url(/bemsa/img/elements/fondo_contenido.gif) 50% 0 repeat-y;
width: 1000px;
overflow: hidden;
position:relative;
}
.cajaBordeSup {
position: absolute;
overflow: hidden;
height: 5px;
width:1000px;
left:0px;
top:0;
background: url(/bemsa/img/elements/sombra_sup_contenido.png) 0 0 no-repeat;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/sombra_sup_contenido.png", sizingMethod="scale");
}
.cajaBordeLeft {
position: absolute;
width: 8px;
top: 0px;
left: 111px;
left: expression( document.all ? "110px" : "111px" );
height:1000px;
background: url(/bemsa/img/elements/sombra_lateral_izq.png) no-repeat left top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/sombra_lateral_izq.png", sizingMethod="scale");
}
.cajaBordeRight {
position: absolute;
width: 8px;
top: 0px;
right: 111px;
right: expression( document.all ? "110px" : "111px" );
height:1000px;
background: url(/bemsa/img/elements/sombra_lateral_der.png) no-repeat right top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/sombra_lateral_der.png", sizingMethod="scale");
}
/*******************Fin CONTENIDO PRINCIPAL************************/
/*PIE*/
#pie {
padding: 0;
text-align: center;
}
#pie div {
width:767px;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
background: url(/bemsa/img/pie_fondo.jpg) repeat-y top left #BEDA23;
height: 12px;
/*width: 766px;
width: 767px !Important;
margin: auto auto 5px auto;
text-align: right;*/
}
#pie div p {
position: absolute;
/*left: 30px;*/
left:10px; /* jb 29/02/08 */
top: -19px;
text-align: left;
height: 27px;
width: 300px;
margin: 0;
padding: 6px 0 0 30px;
background: url(/bemsa/img/isotipo_peq.png) no-repeat top left;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/isotipo_peq.png", sizingMethod="crop"); /* jb 29/02/08. Afegit sizingMethod="crop" */
font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #568B9A;
}
#pie div p a {
color: #568B9A;
}
#pie div .vinculos {
display: inline;
padding: 0;
margin: 0;
position: absolute;
/*right: 45px;*/
right: 0px; /* jb 29/02/08 */
top: -15px;
}
#pie div .vinculos li {
display: inline;
}
.vinculos a {
font: normal 9px Arial, Helvetica, sans-serif;
color: #568B9A;
text-decoration: underline;
margin-right: 11px;
}
.vinculos a:hover {
color: #000;
}
/*NOTICIAS*/
.verTodas {
background-color: #000;
color: #FFF;
padding: 1px 4px;
/*margin: 22px;*/
margin: 0px 0px 40px 135px;
}
.separadorH {
height: 0;
clear: both;
overflow: hidden;
/*padding: 0px;
margin:0px;
border: 1px solid blue; */ /* jb 29/02/08 */
}
/****************************************************************************************************************
//***************************** Services *************************************** */
/*.separadorH{
height: 0px;
clear: both;
width: 100%;
}*/
div#servicios{
position: relative;
padding:0px 0px 240px 0px;
margin: 0px 0px 0px 0px;
float:left;
}
div#servicios h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
color: #568B9A;
padding: 35px 0px 24px 137px;
margin:0px 0px 0px 0px;
}
div#servicios div#content{
margin-left: 345px;
width: 447px;
}
div#servicios div#content div.intro{
/*background: url(/bemsa/img/esquina_sup_izq.gif) no-repeat left top;*/
padding: 15px 0px 0px 19px;
position:relative;
}
div#servicios div#content div.introCierre{
/*background: url(/bemsa/img/esquina_inf_derecha.gif) no-repeat right bottom;
height: 19px;*/
height: 30px;
width: 467px;
}
div#servicios div#content div.intro p.interior{
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#servicios div#content div.intro p.interior em{
color: #931C1C;
font-weight: bold;
}
div#servicios div#content div.intro p.interior strong{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #568B9A;
font-weight: normal;
}
div#servicios div#content div.intro2{
padding: 0px 0px 0px 19px;
}
div#servicios div#content h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #568B9A;
margin: 0px 0px 0px 0px;
}
div#servicios div#content h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #568B9A;
margin: 0px 0px 0px 0px;
}
div#servicios div#content ul{
float: left;
margin:0px 0px 0px 0px;
padding: 15px 0px 26px 0px;
}
div#servicios div#content div.intro2 p{
margin: 0px;
padding-bottom: 15px;
width: 425px;
text-align: justify;
}
div#servicios div#content div.intro2 h2{
padding-bottom: 5px;
}
div#servicios div#content li{
float: left;
padding-bottom: 6px;
margin:0px 0px 0px 0px;
list-style: none;
}
div#servicios div#content ul li span.number{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #568B9A;
display: block;
float: left;
}
div#servicios div#content ul li span.texto {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
display: block;
float: left;
clear: right;
width: 405px;
padding-top: 5px;
padding-left: 5px;
text-align: justify;
}
div#servicios div#content ul li span.texto strong{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #568B9A;
}
div#servicios div#content p strong {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #568B9A;
}
div#servicios div#fotosServicePack1{
background: url(/bemsa/img/elements/fotos_servicePacks_sup.png) left top no-repeat;
position: absolute;
z-index: 101;
top: 110px;
left: 72px;
height: 333px;
width: 260px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/fotos_servicePacks_sup.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
padding:0px;
margin:0px;
}
div#servicios div#fotosServicePack2{
position: absolute;
background: url(/bemsa/img/elements/foto_servicePacks_inf.png) no-repeat;
z-index: 102;
bottom: 10px;
right: -120px;
height: 265px;
width: 161px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/foto_servicePacks_inf.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
}
/****************************************************************************************************************
//***************************** Quienes Somos *************************************** */
div#quienesSomos{
position: relative;
margin:0px 0px 0px 0px;
/*padding:0px 0px 150px 0px;*/
padding: 0px 0px 0px 0px;
float:left;
}
div#quienesSomos h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
color: #568B9A;
padding: 35px 0px 24px 137px;
margin:0px 0px 0px 0px;
}
div#quienesSomos div#content{
margin-left: 345px;
width: 440px;
}
div#quienesSomos div#content div.intro{
position: relative;
background: url(/bemsa/img/esquina_sup_izq.gif) no-repeat left top;
padding: 15px 0px 0px 19px;
}
div#quienesSomos div#content div.intro p.interior{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: justify;
}
div#quienesSomos div#content div.intro p.interior strong{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #568B9A;
}
div#quienesSomos div#content div.introCierre{
background: url(/bemsa/img/esquina_inf_derecha.gif) no-repeat right bottom;
height: 19px;
width: 460px;
}
div#quienesSomos div#content div.intro2{
padding: 30px 0px 146px 19px;
text-align: justify;
}
div#quienesSomos div#content ul{
margin:0px 0px 0px 0px;
padding: 0px 0px 34px 0px;
text-align: justify;
}
div#quienesSomos div#content div.intro2 p{
margin: 0px;
padding-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#quienesSomos div#content li{
padding-bottom: 6px;
margin:0px 0px 0px 0px;
list-style: none;
}
div#quienesSomos div#content ul li span.texto {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
display: block;
clear: right;
}
div#quienesSomos div#content ul li span.texto strong{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #568B9A;
}
div#quienesSomos div#content div.intro2 p strong {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #568B9A;
}
div#quienesSomos div#fotosQuienesSomos{
background: url(/bemsa/img/elements/foto_quienesSomos.png) left top no-repeat;
position: absolute;
z-index: 101;
top: 80px;
left: 74px;
height: 505px;
width: 269px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/foto_quienesSomos.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
padding:0px;
margin:0px;
}
/****************************************************************************************************************
//***************************** Directorio de servicios *************************************** */
div#directoryServices{
position: relative;
/*margin:0px 0px 90px 0px;*/
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
div#directoryServices h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
color: #568B9A;
padding: 35px 0px 24px 136px;
margin:0px 0px 0px 0px;
}
div#directoryServices div#content{
margin: 0px 0px 85px 345px;
width: 440px;
text-align: justify;
}
div#directoryServices div#content h2{
margin: 0px;
padding: 0px 0px 5px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #568B9A;
}
div#directoryServices div#content p{
margin: 0px;
padding: 0px 0px 20px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
div#directoryServices div#content p strong{
color: #568B9A;
}
div#directoryServices div#content p.conlista{
padding: 0px 0px 5px 0px;
}
div#directoryServices div#content ul{
padding: 0px 0px 20px 0px;
margin:0px 0px 0px 0px;
}
div#directoryServices div#content ul li{
position:relative;
background: url(/bemsa/img/ico/puntoLista.gif) no-repeat 0px 5px;
padding: 0px 0px 0px 10px;
margin:0px 0px 0px 0px;
list-style: none;
}
div#directoryServices div#fotosDirectorioServ1{
background: url(/bemsa/img/elements/foto_dierctorio_sup_iz.png) left top no-repeat;
position: absolute;
z-index: 101;
top: 80px;
left: 74px;
height: 320px;
width: 260px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/foto_dierctorio_sup_iz.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
padding:0px;
margin:0px;
}
div#directoryServices div#fotosDirectorioServ2{
background: url(/bemsa/img/elements/foto_dierctorio_inf_iz.png) left top no-repeat;
position: absolute;
z-index: 102;
top:805px;
left: 145px;
height: 163px;
width: 143px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/foto_dierctorio_inf_iz.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
padding:0px;
margin:0px;
}
div#directoryServices div#fotosDirectorioServ3{
background: url(/bemsa/img/elements/foto_dierctorio_derecha.png) left top no-repeat;
position: absolute;
z-index: 103;
top: 560px;
top: expression(document.all ? "430px":"560px");
left: 791px;
left: expression(document.all ? "791px":"791px");
height: 178px;
width: 164px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/foto_dierctorio_derecha.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
padding:0px;
margin:0px;
}
/****************************************************************************************************************
//***************************** Lista de precios *************************************** */
div#listaPrecios{
position: relative;
/*margin:0px 0px 80px 0px;*/
margin: 0px 0px 0px 0px;
padding:0px 0px 80px 0px;
float:left;
}
div#listaPrecios h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
color: #568B9A;
padding: 35px 0px 24px 137px;
margin:0px 0px 0px 0px;
}
div#listaPrecios h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #568B9A;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
div#listaPrecios h3 {
background: url(/bemsa/img/fondoH3.gif) repeat-x scroll left bottom;
height: 20px;
width: 410px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #568B9A;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
div#listaPrecios h3 strong{
color: #931C1C;
float: right;
}
div#listaPrecios h3 span{
float:left;
}
div#listaPrecios ul li p{
padding: 10px 00px 0px 0px;
margin: 0;
width: 350px;
text-align: justify;
}
div#listaPrecios p span{
color: #931C1C;
font-weight: bold;
}
div#listaPrecios ul.exterior{
padding: 0px 0px 0px 0px;
margin:0px 90px 0px 345px;
background-color: transparent;
}
div#listaPrecios li.exterior{
list-style: none;
padding: 0px 0px 20px 0px;
}
div#listaPrecios li{
list-style: none;
padding: 0px 0px 16px 0px;
}
div#listaPrecios ul{
padding: 18px 15px 0px 15px;
margin:0px 0px 0px 0px;
background-color: #f1f7f8;
}
div#listaPrecios p{
padding: 0px 0px 24px 0px;
margin:0px 90px 0px 345px;
}
div#listaPrecios li.ultimo{
list-style: none;
padding: 0px 0px 10px 0px;
}
div#listaPrecios div#fotosListaPrecios1{
background: url(/bemsa/img/elements/fotosListaPrecios_derecha.png) left top no-repeat;
position: absolute;
z-index: 103;
top: 0px;
left: 733px;
height: 198px;
width: 183px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/fotosListaPrecios_derecha.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
padding:0px;
margin:0px;
}
div#listaPrecios div#fotosListaPrecios2{
background: url(/bemsa/img/elements/fotosListaPrecios_izq.png) left top no-repeat;
position: absolute;
z-index: 103;
top: 70px;
left: 85px;
height: 341px;
width: 245px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/fotosListaPrecios_izq.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
padding:0px;
margin:0px;
}
/****************************************************************************************************************
//***************************** Portada *************************************** */
div#portadaSuperior{
text-align:center;
width:1000px;
padding: 18px 0px 20px 0px;
margin-left: auto;
margin-right: auto;
position:relative;
}
div#portadaSuperior p{
width:750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
padding: 0px 0px 0px 0px;
/*border:1px solid;*/
}
div#portadaSuperior p strong{
font-weight: bold;
color: #568B9A;
}
div#portadaSuperior p span{
font-weight: bold;
}
div#portadaSuperior div#fotoPortada{
background: url(/bemsa/img/elements/fotoPortada.png) top left no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/fotoPortada.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
height: 333px;
width: 665px;
margin-left: auto;
margin-right: auto;
/*border:1px solid;*/
}
div#portadaSuperior ul {
padding: 0px 0px 0px 0px;
margin: 0;
list-style: none;
}
div#portadaSuperior ul li,
div#portadaSuperior ul li a{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div#portadaSuperior ul#comunidadesPortada{
position:absolute;
left: 0;
top: 0;
width:750px;
height: 350px;
}
div#portadaSuperior ul.servicios {
padding: 0px 0px 10px 0px;
}
div#portadaSuperior a span.oculto{
visibility: hidden;
}
div#portadaSuperior a.enlaceAdelfas{
position:absolute;
display: block;
height: 243px;
width: 191px;
z-index: 102;
left:210px;
top:40px;
cursor:pointer;
}
div#portadaSuperior a.enlaceAdelfas:hover {
background: url(/bemsa/img/elements/rolloverAdelfasOn.gif) 45px 200px no-repeat;
}
div#portadaSuperior a.enlaceSaVinya{
position:absolute;
display: block;
height: 215px;
width: 170px;
z-index: 102;
left:424px;
top:97px;
cursor:pointer;
}
div#portadaSuperior a.enlaceSaVinya:hover {
background: url(/bemsa/img/elements/rolloverSavinyaOn.gif) 0 200px no-repeat;
}
div#portadaSuperior a.enlaceOlinto{
position:absolute;
display: block;
height: 240px;
width: 200px;
z-index: 102;
left:610px;
top:30px;
cursor:pointer;
}
div#portadaSuperior a.enlaceOlinto:hover {
background: url(/bemsa/img/elements/rolloverOlintoOn.gif) 40px 215px no-repeat;
}
div#portadaSuperior ul.servicios li{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#568B9A;
display: inline;
padding: 0px 5px 0px 10px;
}
div#portadaSuperior ul.servicios li.item{
background: url(/bemsa/img/ico/separadorCuadradoPortada.gif) 0 50% no-repeat;
}
div#portadaSuperior div.contenedorBoton{
margin-left: auto;
margin-right: auto;
position: relative;
width: 120px;
}
div#portadaSuperior div.contenedorBoton a#masSobre {
background: url(/bemsa/img/elements/botonCentral_MasSobre.png) 0px 0px repeat-x ;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/botonCentral_MasSobre.png", sizingMethod="scale");
background-image: expression( document.all ? "none" : "" );
padding: 10px 0px 0px 0px;
display: block;
height: 35px;
width: 120px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#FFFFFF
}
div#portadaSuperior div.contenedorBoton span{
display: block;
height: 35px;
}
div#portadaSuperior div.contenedorBoton span.apertura{
background: url(/bemsa/img/elements/botonIzquierdo_MasSobre.png) left top no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/botonIzquierdo_MasSobre.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
position: absolute;
width: 15px;
height: 35px;
top:0px;
left:-15px;
}
div#portadaSuperior div.contenedorBoton span.cierre{
background: url(/bemsa/img/elements/botonDerecho_MasSobre.png) 0 0 no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/botonDerecho_MasSobre.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
position: absolute;
width: 15px;
height: 35px;
top: 0px;
left: 120px;
}
/* boton contactar con bemsa*/
div.contenedorBotonBemsa{
position: relative;
width: 120px;
padding: 0px 0px 60px 120px;
margin-top:0px !important;
margin-top:25px;
float:left;
}
div.contenedorBotonBemsa a {
background: url(/bemsa/img/elements/botonCentral_Contactar.png) 0px 0px repeat-x ;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/botonCentral_Contactar.png", sizingMethod="scale");
background-image: expression( document.all ? "none" : "" );
padding: 18px 0px 0px 0px;
display: block;
height: 51px;
width: 120px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
}
div.contenedorBotonBemsa span{
display: block;
height: 51px;
}
div.contenedorBotonBemsa span.apertura{
background: url(/bemsa/img/elements/botonIzquierdo_Contactar.png) left top no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/botonIzquierdo_Contactar.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
position: absolute;
width: 22px;
height: 51px;
top:0px;
left:98px;
}
div.contenedorBotonBemsa span.cierre{
background: url(/bemsa/img/elements/botonDerecho_Contactar.png) 0 0 no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/botonDerecho_Contactar.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
position: absolute;
width: 22px;
height: 51px;
top: 0px;
left: 240px;
}
div#map_canvas{
position: absolute;
top: 26px;
left: 28px;
}
div#map_canvas strong{
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color:#568B9A;
font-weight: normal;
}
div.ContenedorMapa{
background: url(/bemsa/img/fondoGoogleMap_Portada.png) 0 0 no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/fondoGoogleMap_Portada.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
width: 555px;
/*height: 433px;*/
/*padding: 27px 0px 0px 0px;*/
height: 460px; /* jb 29/02/08 */
position: relative;
}
/****************************************************************************************************************
//***************************** PortadaComunidad *************************************** */
div#map_canvasComunidad {
/*margin:12px 12px 0px 12px;*/
}
div.googleComunidad {
width: 210px;
text-align: left;
background-color: white;
}
div.googleComunidad h1 {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #568B9A;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
div.googleComunidad a {
font-size: 9px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color :#0075B9;
font-weight: bold;
text-decoration: underline;
}
div.googleComunidad a:hover{
color: #000000;
}
div.googleComunidad div.contenedorfoto {
padding: 10px 0px 0px 0px;
float: left;
}
div.googleComunidad div.contenedorInfo{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2C3F3E;
padding: 10px 0px 0px 82px;
}
/******************************
SELECTOR DE COMUNIDADES
******************************/
div#comunidades {
text-align: right;
margin: 6px 0px 0px 0px;
width: 790px;
}
div#comunidades h3 {
padding: 0;
margin: 0px 3px 0px 0px;
}
div#comunidades ul {
/* necesita 1px de minimo para que en el IE no se descuadre */
margin-left: 1px;
padding-left: 1px
}
div#comunidades h3, div#comunidades ul, div#comunidades ul li {
display: inline;
}
div#comunidades h3, div#comunidades ul li a, div#comunidades ul li {
font: bold 9px Verdana, Arial, sans-serif;
color: #666666;
background-color: #FFFFFF;
}
div#comunidades ul li a {
text-decoration: underline;
text-transform: uppercase;
}
div#comunidades ul li a:hover {
text-decoration: none;
color: #000000;
background-color: #FFFFFF;
}
div#comunidades ul li.sinPuntoSelectorComunidades {
padding: 0px 6px 0px 0px;
}
div#comunidades ul li.puntoSelectorComunidades {
background: transparent url(/bemsa/img/elements/punto_selector_comunidades.gif) no-repeat scroll 0px 6px;
padding: 0px 6px 0px 8px;
}
/******************************
ANUNCIOS
******************************/
div.fichaAnuncio{
padding: 0px 0px 117px 0px;
}
h2.tituloAnuncios {
position: relative;
float:left;
font: bold 26px Arial, Verdana, sans-serif;
color: #568B9A;
/*background-color: transparent;*/
padding: 35px 18px 20px 134px;
margin: 0px 0px 0px 0px;
/*width: auto;*/
}
h2.tituloAnuncios span {
position: absolute;
background: transparent url(/bemsa/img/ico/ico_anuncios.gif) no-repeat scroll 0px 0px;
width: 21px;
height: 19px;
display: block;
right:2px;
top:51px;
}
/******************************
CONTACTO
******************************/
.tituloContacto {
/*padding: 30px 17px 36px 17px;*/
padding:30px 17px 0px;
margin: 0px;
font-family: Arial, Verdana, sans-serif;
}
.tituloContacto h2 {
font-size: 26px;
font-weight: bold;
color: #568b9a;
background-color: #FFFFFF;
padding: 0px 0px 4px 0px;
margin: 0px 0px 0px -2px;
}
/*.tituloContacto p {
font-size: 11px;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
}
.tituloContacto p em, .tituloContacto p strong {
color: #D10E0E;
background-color: #FFFFFF;
font-weight: bold;
}*/
.descripContacto {
font-size: 11px;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
padding: 0px;
margin:0px 0px 32px 16px;
}
.descripContacto em, descripContacto strong {
color: #D10E0E;
background-color: #FFFFFF;
font-weight: bold;
}
.contactoForm {
margin: 0px 0px 0px 0px;
width: 750px;
position: relative;
left: 117px;
top: 4px;
float: left;
padding: 0px 0px 140px 0px;
}
.contactoForm .campoSeparadorColumna {
width: 12px;
background: url(/bemsa/img/sp.gif) 0px 0px repeat-y;
}
.contactoForm .campoSeparadorFila {
height: 9px;
background: url(/bemsa/img/sp.gif) 0px 0px repeat-y;
}
.contactoForm .cajaCampos {
padding: 0px 14px 0px 14px;
}
.contactoForm .campoNombre,
.contactoForm .campoApellidos,
.contactoForm .campoPoblacion,
.contactoForm .campoProvincia,
.contactoForm .campoPais,
.contactoForm .campoTelefono,
.contactoForm .campoSender,
.contactoForm .campoAsunto,
.contactoForm .campoComentario {
font: 11px Arial, Helvetica, sans-serif;
background-color: #F7FAFB;
border: 1px solid #7F9DB9;
height: 20px;
padding: 0px 0px 0px 0px;
margin: 4px 0px 0px 0px;
}
.contactoForm .campoNombre {
width: 165px;
}
.contactoForm .campoApellidos,
.contactoForm .campoPoblacion,
.contactoForm .campoProvincia,
.contactoForm .campoSender {
width: 232px;
}
.contactoForm .campoPais {
width: 329px;
height: 18px;
}
.contactoForm .campoTelefono {
width: 138px;
}
.contactoForm .campoAsunto {
width: 457px;
}
.contactoForm .campoComentario {
width: 482px;
height: 219px;
margin: 4px 0px 22px 0px;
}
.contactoForm .botonContacto {
font: normal 12px Verdana, Arial, sans-serif;
margin: 0px 0px 53px 16px;
}
.cajaFormContacto {
position: relative;
}
.cajaFormContactoSup {
position: absolute;
overflow: hidden;
height: 4px;
width: 750px;
left: 8px;
top: 0px;
background: url(/bemsa/img/elements/sombra_centro.png) repeat-x left top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/sombra_centro.png", sizingMethod="scale");
}
.cajaFormContactoLeft {
position: absolute;
height: 1000px;
width: 8px;
top: 0px;
left: 0px;
background: url(/bemsa/img/elements/sombra_izq.png) no-repeat left top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/sombra_izq.png", sizingMethod="scale");
}
.cajaFormContactoRight {
position: absolute;
height: 1000px;
width: 8px;
top: 0px;
left: 758px;
background: url(/bemsa/img/elements/sombra_der.png) no-repeat left top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/sombra_der.png", sizingMethod="scale");
}
/**********************************/
/**********************************/
.infoLegal {
font-family: Arial, Verdana, sans-serif;
color: #000000;
background-color: transparent;
padding: 0px 0px 0px 17px;
margin: 0px 0px 0px 0px;
}
.infoLegal h3 {
font-size: 11px;
font-weight: bold;
padding: 0px;
margin: 0px;
}
.infoLegal p {
font-size: 10px;
font-weight: normal;
padding: 5px 0px 0px 0px;
margin: 0px;
width: 715px;
text-align: justify;
}
.infoLegal .legal2 {
padding: 13px 0px 0px 0px;
}
/**********************************/
/**********************************/
div.okIco {
height: 80px;
width: 80px;
background: url(/bemsa/img/ico/icon_ok.png) repeat-x left top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/ico/icon_ok.png", sizingMethod="scale");
}
div.koIco {
height: 80px;
width: 80px;
background: url(/bemsa/img/ico/icon_ko.png) repeat-x left top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/ico/icon_ko.png", sizingMethod="scale");
}
.inicioTxt1Ko strong, .inicioTxt2Ko strong {
color:#DC1F0A;
}
/******************************
LOGIN
******************************/
div#generico{
text-align: center;
padding: 84px 0px 230px 0px;
}
div#generico .cajaExterior {
/*width: 390px; /* 776 - 174 - 174 = 428*/
width: 368px;
margin-left:auto;
margin-right:auto;
position: relative;
}
div#generico .cajaSuperior {
background: url(/bemsa/img/elements/generico_login_sup.png) no-repeat scroll left top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/generico_login_sup.png", sizingMethod="scale");
position: absolute;
height: 31px;
width: 368px;
top:-31px;
left:0px;
}
div#generico .cajaInferior {
background: url(/bemsa/img/elements/generico_login_inf.png) no-repeat scroll left top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/generico_login_inf.png", sizingMethod="scale");
position: absolute;
width: 368px;
height: 33px;
bottom:-33px;
left:0px;
}
div#generico .cajaInterior {
padding: 0px 0px 0px 0px;
background:url(/bemsa/img/elements/generico_login_box_bg.png) repeat-y scroll left top;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/generico_login_box_bg.png", sizingMethod="scale");
width: 368px;
text-align: left;
}
div#generico div.cajaInterior div.contenido{
text-align: left;
width: 346px;
left: 11px;
position: relative;
background: url(/bemsa/img/elements/generico_login_bg.png) #E4F2C7 0 100% repeat-x;
background-image: expression(document.all ? 'none':'');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/generico_login_bg.png", sizingMethod="scale");
}
div#generico div.cajaInterior div.contenido div.textoContenido{
padding: 0px 30px 0px 30px;
}
div#generico div.cajaInterior div.contenido p{
margin: 0px 0px 0px 0px;
}
div#generico div.cajaInterior div.contenido img.atencion{
position: absolute;
top:2px;
left: 23px;
}
div#generico div.cajaInterior div.contenido form{
margin:0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
div#generico div.cajaInterior div.contenido form div.col01,
div#generico div.cajaInterior div.contenido form div.col02{
float:left;
}
div#generico div.cajaInterior div.contenido form div.col01 {
padding:20px 20px 5px 0px;
width:132px;
}
div#generico div.cajaInterior div.contenido form div.col02 {
padding:20px 0px 5px 0px;
width:132px;
}
div#generico div.cajaInterior div.contenido form div.col01 p.nomCampo,
div#generico div.cajaInterior div.contenido form div.col02 p.nomCampo{
color:#425E5C;
display:block;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:9px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0px 0px 5px 0px;
}
div#generico div.cajaInterior div.contenido form div.col01 input,
div#generico div.cajaInterior div.contenido form div.col02 input{
border:1px solid #809DB9;
clear:both;
margin:0pt;
width:132px;
}
div#generico div.cajaInterior div.contenido input.botonReservas{
display:block;
float:right;
width:90px;
}
.intro .paraprecios {
display: block;
font: 11px Arial,Helvetica,sans-serif;
color:#000000;
padding-top:8px;
}
.intro .paraprecios a {
color:#568B9A;
text-decoration: underline;
}
/*boton Contactar con Bemsa (portada)*/
div.contenedorBotonContactarConBemsa{
position: relative;
/*width: 160px;*/
width: 124px;
left:120px;
display: block;
padding:0px 0px 70px 0px; /* jb 29/02/08 */
float:left;
}
div.contenedorBotonContactarConBemsa a {
background: url(/bemsa/img/elements/botonCentral_Contactar.png) 0px 0px repeat-x ;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/botonCentral_Contactar.png", sizingMethod="scale");
background-image: expression( document.all ? "none" : "" );
padding: 18px 0px 0px 0px;
display: block;
height: 51px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FFFFFF;
}
div.contenedorBotonContactarConBemsa span.apertura{
background: url(/bemsa/img/elements/botonIzquierdo_Contactar.png) left top no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/botonIzquierdo_Contactar.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
position: absolute;
width: 22px;
height: 51px;
top:0px;
left:-22px;
}
div.contenedorBotonContactarConBemsa span.cierre{
background: url(/bemsa/img/elements/botonDerecho_Contactar.png) 0 0 no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/botonDerecho_Contactar.png", sizingMethod="crop");
background-image: expression( document.all ? "none" : "" );
position: absolute;
width: 22px;
height: 51px;
top: 0px;
right: -22px;
}