/* GLOBAL */ * { margin: 0px; padding: 0px; border: 0; list-style: none; outline: none; } body {} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* CONTENEDOR */ #MainContainer { width: 900px; margin: auto; } /* - HEAD - */ #MainContainer #Head { margin: 10px 0 10px 0; } #Head #CalamariLogo { float: left; padding: 17px; margin: 0 10px 0 10px; width: 686px; background: #cacccb url(../bitmaps/solapa.png) no-repeat right bottom; } #Head #RenaultLogo { float: left; } #Head #NissanLogo { float: left; margin: 10px 0 0 6px; } #Head img { display: block; } /* - MENU - */ #MainContainer #MainMenu { border: 1px #ececec solid; border-bottom: 0; } #MainMenu ul li { display: block; float: left; } #MainMenu ul li a { display: block; padding: 10px 19px; color: #333; font: bold 12px Arial, Helvetica; text-transform: uppercase; text-decoration: none; border-right: 1px #ebebeb solid; } #MainMenu ul li a.lastitem { border: 0; } #MainMenu ul li a:hover { color: #666; background-color: #ececec;} /* - CONTENIDO - */ #MainContainer #ContContainer { border: 1px #ececec solid; padding: 20px; } #ContContainer.principal { background: url(../bitmaps/bg/bg-sandero.jpg) no-repeat bottom right; } #ContContainer.autos-usados { } #ContContainer.la-empresa { } #ContContainer h1 { display: block; border-bottom: 5px #fcb415 solid; text-transform: uppercase; line-height: 26px; font: bold 27px Arial, Helvetica; color: #fcb415; margin-bottom: 15px; } /* ESTILOS VARIOS */ #ContContainer .borderEbeb { border: 1px #ebebeb solid; } #ContContainer .floatRight { float: right; } #ContContainer .floatLeft { float: left; } #ContContainer .addMargin1 { margin: 10px; margin-right: 0px; } #ContContainer .addMargin5 { margin: 2px; } #ContContainer .delMargin { margin: 0; } #ContContainer div.FloatRight { float: right; } #ContContainer p { font: normal 13px Tahoma, Arial; color: #000; margin-bottom: 15px; line-height: 19px; } #ContContainer ul.ItemsList { padding-left: 7px; margin-bottom: 15px; } #ContContainer ul.ItemsList li { background: url(../bitmaps/iconos/item-li.gif) no-repeat left center; padding-left: 16px; font: normal 12px Tahoma, Helvetica; padding-bottom: 0px; line-height: 20px; } #ContContainer h2 { background-color: #f7b100; color: white; padding: 5px; font: lighter 20px Tahoma, Arial; } #ContContainer h3 { background-color: #ececec; color: #999; padding: 5px; font: lighter 18px Tahoma, Arial; } #ContContainer h4 { color: #990000; padding: 5px 0 5px 0; font: lighter 16px Tahoma, Arial; } #ContContainer .msgBoxError { margin: auto; margin-top: 2em; margin-bottom: 2em; border: #ebebeb 1px solid; background: url(../bitmaps/bg/bg-stripe.gif) repeat; padding: 5px; } #ContContainer .msgBoxError p { padding-top: 40px; background: url(../bitmaps/iconos/alert-32.gif) no-repeat center top; font-size: 12px; text-align: center; margin: 0px; } /* SECCION AUTOMOVILES USADOS */ #selectorLocal { margin: 15px 0 15px 0; } #selectorLocal span { display: block; font: bold 17px Arial, Helvetica; margin-top: 8px; color: #333; } #selectorLocal ul#navLocalidades { float: right; margin: 0; padding: 0; } #selectorLocal ul#navLocalidades li { margin: 0; padding: 0; display: inline; background: none; } #selectorLocal ul#navLocalidades a { border: 1px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; padding: 6px; float: left; display: block; background: #EEE; color: #666; font: 14px Verdana, Arial, sans-serif; text-decoration: none; } #selectorLocal ul#navLocalidades a:hover { background: #CCC; color: #FFF; } table.tb-head { width: 100%; background: url(../bitmaps/bg/bg-stripe.gif); border: #ebebeb solid 1px; } table.tb-head td { padding: 10px; } table.tb-head span { font: bold 14px Tahoma, Arial; color: #999; display: block; } table.tb-cont { width: 100%; padding: 0; } table.tb-cont tr { } table.tb-cont td { border-bottom: #ebebeb solid 1px; padding: 10px; } table.tb-cont td img { display: block; margin: auto; } table.tb-cont span { font: 14px Tahoma, Arial; color: #999; display: block; } #contPaginador { text-align: center; padding: 5px; margin-top: 15px; } #contPaginador a { font: 14px Tahoma, Helvetica; padding: 10px; border: #ebebeb solid 1px; color: #666; text-decoration: none; } #contPaginador a:hover { color: #000; border: #fcb415 solid 1px; } #contPaginador b { font: bold 14px Tahoma, Helvetica; padding: 10px; border: #fcb415 solid 1px; color: #666; background-color: #fdfdbf; } #ContContainer .UsadoContainer { width: auto; border-bottom: 1px #ebebeb solid; } #ContContainer .UsadoContainer .ResumenUsado div span { font: normal 14px Tahoma, Helvetica; color: #666; } #ContContainer .UsadoContainer .ResumenUsado div.Foto { width: 49px; float: left; padding: 10px; } #ContContainer .UsadoContainer .ResumenUsado div.Foto img { display: block; margin-left: 12px; } #ContContainer .UsadoContainer .ResumenUsado div.Marca { width: 125px; float: left; padding: 10px; } #ContContainer .UsadoContainer .ResumenUsado div.Modelo { width: 260px; float: left; padding: 10px; } #ContContainer .UsadoContainer .ResumenUsado div.Combustible { width: 105px; float: left; padding: 10px; } #ContContainer .UsadoContainer .ResumenUsado div.Ano { width: 56px; float: left; padding: 10px; } #ContContainer .UsadoContainer .ResumenUsado div.VIP { float: left; padding: 10px; width: 55px; } #ContContainer .UsadoContainer .ResumenUsado div.VIP-a { background: url(../bitmaps/iconos/vip-34.png) no-repeat 0 3px; } #ContContainer .UsadoContainer .ResumenUsado div.Detalles { float: left; padding: 10px; } #ContContainer .UsadoContainer .ResumenUsado div.Detalles a { color: #666; font: bold 12px Tahoma, Arial; text-decoration: none; padding-right: 8px; background: url(../bitmaps/iconos/a-flecha.gif) no-repeat right center; } #ContContainer .UsadoContainer .ResumenUsado div.Detalles a:hover { color: #963205; } #ContContainer .UsadoContainer .DetallesUsado { display: none; } #ContContainer .UsadoContainer .DetallesUsado h2 { font-size: 18px; margin-bottom: 5px; } #ContContainer .UsadoContainer .DetallesUsado a.OcultarDetalles { float: right; font: bold 12px Tahoma, Arial; display: block; text-decoration: none; padding: 10px; color: white; } #ContContainer .UsadoContainer .DetallesUsado a.OcultarDetalles:hover { text-decoration: underline; } #ContContainer .UsadoContainer .DetallesUsado img { border: 1px #ebebeb solid; } #ContContainer .UsadoContainer .DetallesUsado ul.DatosGenerales { font: normal 12px Tahoma, Arial; display: block; width: 660px; } #ContContainer .UsadoContainer .DetallesUsado ul.DatosGenerales li { width: 300px; float: left; padding: 10px; border: 1px #ebebeb solid; margin: 0 5px 5px 0; } #ContContainer .UsadoContainer .DetallesUsado ul.Accesorios { font: normal 12px Tahoma, Arial; text-decoration: none; border: 1px #ebebeb solid; margin-bottom: 5px; width: 647px; } #ContContainer .UsadoContainer .DetallesUsado ul.Accesorios li { display: block; float: left; width: 105px; padding: 10px 10px 10px 27px; margin: 0 5px 0 10px; } #ContContainer .UsadoContainer .DetallesUsado ul.Accesorios li.ItemOk { background: url(../bitmaps/iconos/ok-16.png) no-repeat center left; } #ContContainer .UsadoContainer .DetallesUsado ul.Accesorios li.ItemNo { background: url(../bitmaps/iconos/cancel-16.png) no-repeat center left; } #ContContainer .UsadoContainer .DetallesUsado ul.Accesorios li.ItemNi { background: url(../bitmaps/iconos/help-16.png) no-repeat center left; } /* SECCION AUTOMOVILES NUEVOS */ #ContContainer .HeadMarca { border: 1px solid #ebebeb; display: block; text-align: center; } #ContContainer ul#Acciones { margin: 10px 0 10px 0; background-color: #ebebeb; display: block; } #ContContainer ul#Acciones li { float: left; border-right: 1px solid #ccc; } #ContContainer ul#Acciones li a { color: #666; text-decoration: none; font: 14px Verdana, Geneva, sans-serif; padding: 10px; display: block; } #ContContainer ul#Acciones li a:hover { background-color: #ccc; color: #333; } #ContContainer div.ModelosContainer { display: block; margin: 10px 0 10px 0; } #ContContainer div.ModelosContainer div.LeftSide { width: 80%; } #ContContainer div.ModelosContainer div.LeftSide h2 { margin-bottom: 5px; } #ContContainer div.ModelosContainer div.LeftSide h2.Nissan { background-color: #ebebeb; color: #666; } #ContContainer div.ModelosContainer div.LeftSide a { text-decoration: none; } #ContContainer div.ModelosContainer div.LeftSide img { border: 0; } #ContContainer div.ModelosContainer div.RightSide { float: right; } /* SECCION FINANCIACION */ #ContContainer #TituloPR { margin-bottom: 15px; border-bottom: #ebebeb solid 1px; padding-bottom: 10px; } #TituloPR img, #TituloRC img { display: block; } #ContContainer #TituloRC { margin-bottom: 15px; border-bottom: #ebebeb solid 1px; border-top: #ebebeb solid 1px; padding: 10px 0 10px 0; } #ContContainer .financiaList { border-bottom: #ebebeb solid 1px; margin-bottom: 10px; } #ContContainer .financiaList ul { margin-bottom: 5px; } #ContContainer .financiaList a { color: #666; text-decoration: underline; } #ContContainer .financiaList a:hover { color: #999; text-decoration: none; } #ContContainer .contBloque { float: left; width: 50%; margin-top: 15px; } .contBloque .contPromo { padding: 5px; padding-bottom: 0px; } .contPromo span { float: right; font: 13px Tahoma, Arial; color: #999; margin: 8px; } #ContContainer .contBloque .contPromo p.texto { padding: 5px; margin: 0; } /* PAGINA PRINCIPAL */ #ContContainer #LeftSide { float: left; width: 50%; } #LeftSide .NoticiaItem { margin: 0 10px 10px 0; border: 1px #ececec solid; padding: 8px; display: block; background: white; } #LeftSide .NoticiaItem span.Fecha { float: right; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #999; margin: 7px 5px; } #LeftSide .NoticiaItem span.Titulo { display: block; color: #666; text-transform: uppercase; margin-bottom: 5px; padding: 5px; font: bold 15px Arial, Helvetica; padding-bottom: 5px; background: url(../bitmaps/bg/bg-titles.png) repeat-x; } #LeftSide .NoticiaItem img { float: right; border: 1px #ececec solid; margin-left: 5px; padding: 3px; } #LeftSide .NoticiaItem p { display: block; font: 13px Arial, Helvetica, sans-serif; color: #666; margin-bottom: 0; line-height: 17px; } #ContContainer #RightSide { float: left; width: 50%; } #RightSide #UltimosUsados { float: right; border: 1px #ececec solid; width: 164px; padding: 8px; background-color: #FFF; } #UltimosUsados span { display: block; color: #666; text-transform: uppercase; margin-bottom: 5px; padding: 5px; font: bold 15px Arial, Helvetica; padding-bottom: 5px; background: url(../bitmaps/bg/bg-titles.png) repeat-x; } #UltimosUsados ul { margin: 0; padding: 0; } #UltimosUsados ul li { font: 11px Arial; padding: 5px 0 5px 0; border-bottom: 1px #ececec solid; display: block; background: none; color: #990000 } #UltimosUsados a { display: block; text-align: right; margin-top: 3px; font: bold 11px Arial; color: #999; text-decoration: none; } #UltimosUsados a:hover { color: #666; text-decoration: underline; } #RightSide #Clientes { width: 222px; border: 1px #ececec solid; padding: 8px; background-color: white; } #Clientes span { display: block; font: bold 15px Arial, Helvetica; color: #666; text-transform: uppercase; padding: 5px; border-bottom: 1px #ececec solid; background: url(../bitmaps/bg/bg-titles.png) repeat-x; margin-bottom: 5px; } #Clientes img { border: 1px #ececec solid; padding: 3px; } #Clientes .jcarousel-container { position: relative; } #Clientes .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } #Clientes .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } #Clientes .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; } #Clientes .jcarousel-skin-tango .jcarousel-container-vertical { width: 110px; height: 255px; float: left; } #Clientes .jcarousel-skin-tango .jcarousel-clip-vertical { width: 110px; height: 255px; } #Clientes .jcarousel-skin-tango .jcarousel-item { width: 100px; height: 75px; } #Clientes .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; margin-right: 10px; } #Clientes .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /* SECCION CONTACTO */ #ContContainer form#contacto .boton { height: 30px; width: 20%; margin-top: 8px; font-weight: bold; color: #000066; } #ContContainer form#contacto fieldset { border: #ebebeb solid 1px; padding: 5px; margin: 0px; margin-top: 15px; } #ContContainer form#contacto fieldset label { float: left; width: 28%; padding: 15px; } #ContContainer form#contacto fieldset span.titulo { font: normal 15px Tahoma, Arial; display: block; color: #000; padding-bottom: 2px; } #ContContainer .obligatorio { font-size: 10px; font-weight: normal; color: #009900; } #ContContainer .opcional { font-size: 10px; font-weight: normal; color: #ccc; } #ContContainer #contEmails { margin-top: 20px; } #ContContainer #contEmails .contEmailList { float: left; width: 50%; } #ContContainer #contEmails .contEmailList ul { margin-bottom: 5px; padding-top: 5px; } /* FORMULARIOS */ #ContContainer input { font: bold 12px Verdana, Tahoma; color: #990000; background-color: #f9f9f9; border: 1px solid #CCC; padding: 5px; width: 80%; } #ContContainer select { border: 1px solid #CCC; } #ContContainer select optgroup { color: #000066; } #ContContainer select option { font: bold 12px Verdana, Tahoma; color: #990000; background-color: #f9f9f9; padding: 5px; } #ContContainer textarea { font: bold 12px Verdana, Tahoma; color: #990000; background-color: #f9f9f9; border: 1px solid #CCC; padding: 5px; width: 100%; } #ContContainer .msg_bar { padding: 10px; } #ContContainer .msg_bar span { font-family: Tahoma; font-size: 14px; display: block; text-align: center; } #ContContainer .error { background-color: #fffcfc; border: 1px solid #b52222; } #ContContainer .error span { background: url(../bitmaps/iconos/cancel-16.gif) no-repeat left center; color: #b52222; } #ContContainer .exito { background-color: #fdfffa; border: 1px solid #698f43; } #ContContainer .exito span { background: url(../bitmaps/iconos/ok-16.gif) no-repeat left center; color: #698f43; } /* - BARRA LOCALES - */ #MainContainer #LocalesBar { background-color: #ececec; padding: 15px 0 15px 0; margin: 5px 0 5px 0; } #LocalesBar p { font: 12px Tahoma, Arial; color: #666; border-right: 1px #999 solid; padding: 0 15px 0 15px; width: auto; float: left; } /* - FOOT - */ #MainContainer #Foot { border-top: 3px #ececec solid; font: 11px Tahoma, Arial; color: #999; padding: 5px 0 5px 0;} #Foot li { display: inline; } #Foot a { text-decoration: none; color: #999; } #Foot a:hover { text-decoration: underline; color: #333333; } #Foot a#amLogo { background: url(../bitmaps/am-logo.gif) no-repeat; display: block; float: right; width: 39px; height: 17px; text-indent: -9999px; margin-top: 5px; } #Foot a#amLogo:hover { background: url(../bitmaps/am-logo.gif) no-repeat 0 -17px; }