html {background-color:#000000;}
body {
width: 955px;
margin: 0 auto 0;
}
img {border: none;}
.menu {
/*margin-top: 22px;*/
margin-top: 15px;
float: right;
}
.menu ul {
margin: 0;
padding: 0;
}
.menu ul li {
float: left;
list-style: none;
}
.menu ul li a {
height: 0;
padding: 14px 0 0 0;
margin: 0 0 0 30px;
display: block;
overflow: hidden;
}
.corporativo {
width: 79px;
background: url(../img/bck_corporativo.jpg);
}
.contacto {
width: 60px;
background: url(../img/bck_contacto.jpg);
}
.caja_flash {
width: 955px;
height: 323px;
float: left;
/*
20091027
Modificado para no dejar ese espacio
*/
/* margin-top: 2px; */
}
.caja_slider {
width: 955px;
height: 382px;
float: left;
margin-bottom:16px;
}
.menu2 {
width: 955px;
height: 22px;
background-color: #fff;
float: left;
}
.menu2 ul {
margin: 5px 0 0 0;
padding: 0;
}
.menu2 ul li {
width: 191px;
float: left;
display: inline;
list-style: none;
}
.menu2 ul li a{
height: 0;
padding: 16px 0 0 0;
margin: 0 auto;
display: block;
overflow: hidden;
}
.menu2 ul li a:hover, .boton_activo {background-position: 0 16px;}
.estudios_hogar {
width: 100px;
background-image: url(../img/bck_estudios_hogar.jpg);
}
.estudios_cocinas {
width: 110px;
background-image: url(../img/bck_estudios_cocinas.jpg);
}
.banos {
width: 39px;
background-image: url(../img/bck_banos.jpg);
}
.electrodomesticos {
width: 124px;
background-image: url(../img/bck_electrodomesticos.jpg);
}
.tarjeta_oro {
width: 76px;
background-image: url(../img/bck_tarjeta_oro.jpg);
}
.contenedor {
width: 955px;
float: left;
}
.contenedor .contenedor_izq {
width: 478px;
float: left;
}
.contenedor .contenedor_der {
width: 477px;
float: right;
}
.titulo {
width: 848px;
margin: 16px 0 0 46px;
font: 12px Arial, Helvetica, sans-serif;
color: #333;
}
.texto {
width: 848px;
margin: 16px 0 0 46px;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
}
.titulo2 { width: 848px; margin: 16px 0 0 46px; font: 12px Arial, Helvetica, sans-serif; color: #FFF;
}
.texto2 { width: 848px; margin: 16px 0 0 46px; font: 12px Arial, Helvetica, sans-serif; color: #FFF;
}
.footer {
background-color: #000000;
float: right;
margin: 24px 2px 0 0;
}
.footer p {
margin: 0 0px 0 0;
font: 11px Arial, Helvetica, sans-serif;
color: #CCCCCC;
text-shadow: #333333 0 1px 0;
float: right;
}
.footer a {
margin: 0;
font: 11px Arial, Helvetica, sans-serif;
color: #CCCCCC;
text-shadow: #333333 0 1px 0;
text-decoration: none;
}
.footer a:hover {text-decoration: underline;}
.botonera { float: left; font: 11px Arial, Helvetica, sans-serif;
}
.botonera ul { margin: 0; padding: 15px 0 30px 36px;
}
.botonera ul li {
width: 148px;
height: 22px;
list-style: none;
}
.botonera ul li a{
height: 0;
padding: 0 0 0 11px;
margin: 0 auto;
text-decoration: none;
}
.btn_gris {
color: #fff;
}
.btn_gris:hover, .btn_gris_activo {
color: #999;
background-image:url(../img/bck_btn_gris.gif);
background-repeat: no-repeat;
background-position: left;
}
.btn_blanco {
color: #fff;
}
.btn_blanco:hover, .btn_blanco_activo {
background-image:url(../img/bck_btn_blanco.gif);
background-repeat: no-repeat;
background-position: left;
}
.contenedor3 {
width: 955px;
float: left;
background-image: url(../img/bck_contenedor3.gif);
background-repeat: repeat-y;
background-position: left;
}
.contenedor4 {
width: 756px;
margin: 0 0 0 15px;
float: left;
}
.contenedor_contacto {
width: 955px;
float: left;
}
.contenedor_5 {
width: 400px;/*856px;*/
margin: 0 0 0 45px;
float: left;
}
.contenedor_5 p{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.contacto_tel{ width:160px; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height: 11px; padding: 0 0 0 0;
}
.contenedor_5 p.titulo_gr_c{
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.titulo3 {
width: 690px;
margin: 16px 0 0 0;
font: 12px Arial, Helvetica, sans-serif bold;
color: #ffffff;
}
h1{
width: 690px;
margin: 16px 0 0 0;
font: 12px Arial, Helvetica, sans-serif bold;
color: #ffffff;
}
.texto3 {
width: 690px;
margin: 16px 0 0 0;
font: 12px Arial, Helvetica, sans-serif;
color: #ccc;
}
.contenedor5 {
width: 756px;
padding: 0 0 0 15px;
float: left;
background-color: #fff;
}
.caja_ofertas {
width: 700px;
margin: 23px 0 0 0;
padding: 0 0 25px 0;
border-bottom: 1px solid #ccc;
float: left;
}
.caja_ofertas img {
border: 1px solid #ccc;
float: left;
}
.titulo_oferta {
width: 690px;
margin: 0 0 0 14px;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
float: left;
}
.caja_ofertas p {
width: 600px;
margin: 0 0 0 14px;
font-family: Arial, Helvetica, sans-serif;
float: left;
}
.descripcion_oferta {
font-size: 12px;
color: #666;
}
.medidas_oferta {
font-size: 13px;
font-style: italic;
color: #999;
}
.precio_oferta {
font-size: 22px;
font-weight: bold;
line-height: 22px;
color: #333;
}
.logos img {display: block;}
.logos a {float: left;}
.margen1 {margin: 28px 0 0 0;}
.margen2 {margin: 29px 0 0 30px;}
.margen3 {margin: 33px 0 0 30px;}
.margen4 {margin: 31px 0 0 38px;}
.margen5 {margin: 0 0 0 47px;}
.campo_texto {
width: 186px;
height: 17px;
padding: 2px 0 0 2px;
background-color: #1a1a1a;
border: 1px solid #999;
font: 12px Arial, Helvetica, sans-serif;
color: #ccc;
}
.campo_texto2 {
width: 70px;
height: 17px;
padding: 2px 0 0 2px;
background-color: #1a1a1a;
border: 1px solid #999;
font: 12px Arial, Helvetica, sans-serif;
color: #ccc;
}
.formulario_contacto { margin: 22px 0 0 0; font: 11px Arial, Helvetica, sans-serif; color: #FFF;
}
.formulario_contacto2 { margin: 10px 0 0 46px; font: 11px Arial, Helvetica, sans-serif; color: #FFF;
}
.selector_formulario {
width: 190px;
height: 21px;
background-color: #1a1a1a;
border: 1px solid #999;
font: 12px Arial, Helvetica, sans-serif;
color: #ccc;
}
.selector_formulario2 {
width: 70px;
height: 21px;
background-color: #1a1a1a;
border: 1px solid #999;
font: 12px Arial, Helvetica, sans-serif;
color: #ccc;
}
.texto4 { width: 756px; margin: 42px 0 0 0; font: 12px Arial, Helvetica, sans-serif; color: #FFF;
}
.texto5 {
width: 740px;
padding: 7px;
margin: 12px 0 0 0;
font: 12px Arial, Helvetica, sans-serif;
color: #ccc;
background-color: #1a1a1a;
border: 1px solid #999;
}
.texto_contacto {
width: 494px;
padding: 7px;
font: 12px Arial, Helvetica, sans-serif;
color: #ccc;
background-color: #1a1a1a;
border: 1px solid #999;
}
.texto_contacto_std {
width: 475px;
padding: 7px;
margin: 12px 0 0 0;
font: 12px Arial, Helvetica, sans-serif;
color: #ccc;
background-color: #1a1a1a;
border: 1px solid #999;
}
.mobiliario {
width: 690px;
margin: 30px 0 0 0;
background-color: #fff;
float: left;
}
.mobiliario ul {
margin: 0;
padding: 0;
border-bottom: 1px solid #000;
float: left;
}
.mobiliario ul li {
width: 115px;
float: left;
display: inline;
list-style: none;
}
.mobiliario ul li a {
height: 22px;
padding: 0;
margin: 0 0 0 10px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
line-height: 22px;
vertical-align: middle;
}
.mobiliario ul li a:hover, .boton_activo2, .btn_formulario_contacto2:hover { color: #999999 !important; }
.btn_formulario_contacto2 {
height: 21px;
width: 45px;
display: block;
padding: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
background-color: #fff;
text-decoration: none;
line-height: 20px;
text-align: center;
vertical-align: middle;
}
a.logo_coeco{
background:url(../img/logo_coeco.png) center no-repeat;
width:955px;
height:28px;
position:absolute;
display:block;
}
.cont_ofert{
width:600px;
float:left;}
/*Secciones*/
.seccion{ width:136px; height:27px; background:#BBBBBB; line-height:27px; padding: 0 0 0 47px; color: #333333;
}
.seccion a{ color: #333333; text-decoration:none; }
.seccion a:hover{ text-decoration:none; color:#33333;}
/*Home*/
.titulo_home {
width: 461px;
margin: 0 8px 4px 8px;
font: 16px Century Gothic, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #CCCCCC;
text-shadow: #333333 0 1px 0;
}
.texto_home {
width: 461px;
margin: 0 8px 8px 8px;
font: 11px Century Gothic, Arial, Helvetica, sans-serif;
color: #999999;
text-shadow: #333333 0 1px 0;
}
.texto_ventaja {
width:252px;
padding-left:16px;
padding-right:16px;
font: 10px Arial, Helvetica, sans-serif top;
text-align:center;
text-decoration:none;
color: #fff;
}
.img_ventaja img {
margin: 0 42px 0;
width:200px;
display: block;
}
.texto_elec { width: 850px; margin: 16px 0 0 46px; font: 12px Arial, Helvetica, sans-serif; color: #ccc;
}
.titulo_elec { width: 720px; margin: 16px 0 0 46px; font: 12px Arial, Helvetica, sans-serif; color: #fff;
}
.titulo_ofertas_sec {
width: 690px;
margin: 12px 0 0 0;
font: 12px Arial, Helvetica, sans-serif bold;
color: #666;
}
/*
CSS Esmeta
*/
p.textoAumentado{
color: #ffffff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
/*font-weight: bold;*/
}
td.textoAumentado{
color: #ffffff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
/*font-weight: bold;*/
vertical-align:text-top
}
a.textoAumentado{
color: #ffffff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
}
a.textoAumentado:hover{
border-bottom:dotted 1px #fff;
}
a.imageLink_corporativo {
display:block;
background:url(/img/bck_corporativo_h.jpg) top;
width:79px;
height:14px;
text-decoration:none;
/* margin:10px auto; /* just for making it centered */
}
a.imageLink_corporativo:hover {
background-position:bottom;
}
a.imageLink_corporativo span {
visibility:hidden;
}
a.imageLink_contacto {
display:block;
background:url(/img/bck_contacto_h.jpg) top;
width:60px;
height:14px;
text-decoration:none;
/* margin:10px auto; /* just for making it centered */
}
a.imageLink_contacto:hover {
background-position:bottom;
}
a.imageLink_contacto span {
visibility:hidden;
}
a.imageLink_blog {
display:block;
background:url(/img/bck_blog_h.jpg) top;
width:50px;
height:25px;
text-decoration:none;
}
a.imageLink_blog:hover {
background-position:bottom;
}
a.imageLink_blog span {
visibility:hidden;
}
/*--Main Container--*/
.main_view {
float: left;
position: relative;
}
/*--Window/Masking Styles--*/
.window {
height:382px; width: 955px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {
position: absolute;
bottom: 40px; right: -7px;
width: 178px; height:20px;
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
line-height: 40px;
/* background: url(paging_bg2.png) no-repeat; */
display: none; /*--Hidden by default, will be later shown with jQuery--*/
font: 24px Century Gothic, Arial, Helvetica, sans-serif;
}
.paging a {
padding: 5px;
text-decoration: none;
color: #fff;
background:#666666;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.paging a.active {
background: #333333;
padding: 4px;
border: 1px solid #fff;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
.paging a:hover {
padding: 4px;
border:dotted 1px #fff;
}