/* ------------------------------- */ /* SITE COMPONENTS /* ------------------------------- */ /*--- HEADER ---*/ #header h1 { background:transparent url(../images/logo.png) no-repeat scroll left top; float:left; height:118px; width:190px; } #header h1 a { display:block; height:118px; text-indent:-9999px; width:190px; } #navbar ul { float:right; text-align:right; } #navbar li { float:left; font:bold 11px/32px Arial,Helvetica,sans-serif; text-align:right; text-transform:uppercase; width:auto; } #navbar li a { border-right:1px solid #DDDDDD; color:#696969; padding:10px 16px; text-decoration:none; } #navbar li a:hover { color:#D45500; text-decoration:none; } #navbar li a.current, #navbar li a.current:hover { background:#FF6908 none repeat scroll 0 0; border:1px solid #D45500; color:#FFFFFF; text-decoration:none; } /*--- CONTAINER ---*/ .baner { margin-bottom:20px; } .baner li { margin-bottom:8px; font:bold 13px/14px Arial,Helvetica,sans-serif; color:#666666; text-align:center; } .baner li a { cursor:pointer; } .baner li img { border:1px solid #DDDDDD; display:inline; } .item-list { margin-bottom:30px; } .item-list h2.list-title { font:24px/24px Georgia,"Times New Roman","Bitstream Charter",Times,serif; color:#696969; padding-bottom:10px; } .item-list h3 { background:#f4f4f4; font:bold 14px/26px Arial,Helvetica,sans-serif; color:#666666; padding:0 4px; margin-bottom:8px; } .box { margin-bottom:30px; } .box h2 { font:34px/30px Georgia,seriff; color:#696969; margin-bottom:15px; } .box h3 { font:22px/24px Georgia,seriff; color:#696969; margin-bottom:10px; } .lanzamientos h2 { background:transparent url(../images/ico_prod_big.png) no-repeat scroll 0 0; padding-left:40px; } .pronostico h3 { background:transparent url(../images/ico_pro.png) no-repeat scroll 0 0; padding-left:30px; } .noticia h2 { background:transparent url(../images/ico_not_big.png) no-repeat scroll 0 0; padding-left:40px; } .noticia h3 { background:transparent url(../images/ico_not.png) no-repeat scroll 0 0; padding-left:30px; } .categoria h3 { background:transparent url(../images/ico_cat.png) no-repeat scroll 0 0; padding-left:30px; } .cotizacion h3 { background:transparent url(../images/ico_cot.png) no-repeat scroll 0 0; padding-left:30px; } .contacto h2 { background:transparent url(../images/ico_con_big.png) no-repeat scroll 0 0; padding-left:40px; } .enlace h2 { background:transparent url(../images/ico_enla_big.png) no-repeat scroll 0 0; padding-left:40px; } .lanzamientos li { margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #e1e1e1; } .producto .image { float:left; width:80px; margin-right:13px; border:1px solid #9b9b9b; } .producto .info { float:left; width:240px; margin-right:15px; } .producto h3 a { color:#2e87b8; font:bold 16px/0.3em Helvetica,sans-serif; text-decoration:none; } .producto h3 a:hover{ text-decoration:underline; } .producto .price { float:left; width:110px; text-align:center; } .producto .price h4 { color:#171717; font:normal 30px/normal Arial, Helvetica, sans-serif; letter-spacing:-4px; } .producto .description { float:left; width:255px; margin-right:15px; text-align:left; } .producto .description p { margin-top:5px; font:0.9em/135% Arial, Helvetica, sans-serif; } .producto h1 { color:#2e87b8; font-family:Georgia,seriff; font-size:32pt; font-weight:normal; line-height:43px; margin:0 0 25px; } .producto h1 span { display:block; color:#D45500; font:normal 27px/normal Arial, Helvetica, sans-serif; letter-spacing:-1px; padding-top:6px; } .producto .contenido p { font:16px/20px Arial, Helvetica, sans-serif; text-align:justify; margin-bottom:10px; } .producto .contenido img { margin:0 0 15px 15px; background:#FAFAFA; border:1px solid #D6D6D6; padding:6px; } .producto li h4 a { padding-bottom:5px; color:#2e87b8; display:block; font:0.9em/normal Arial, Helvetica, sans-serif; text-decoration:none; } .producto li h4 a:hover { text-decoration:underline; } .galeria .image { float:left; width:100px; margin-right:8px; margin-bottom:5px; } .galeria .image img { border:1px solid #DDDDDD; display:inline; } .pronostico div#st00570, .pronostico div#st00438, .pronostico div#st00435, .pronostico div#st00430{ width:220px !important; background-color:#f3f3f3 !important; } .pronostico div#st00570 div, .pronostico div#st00438 div, .pronostico div#st00435 div, .pronostico div#st00430 div{ background-color:#f3f3f3 !important; } .pronostico div#st00570 div .l1, .pronostico div#st00438 div .l1, .pronostico div#st00435 div .l1, .pronostico div#st00430 div .l1{ border-color:#f3f3f3 !important; } .enlace li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e1e1e1; } .enlace li a { color:#2e87b8; display:block; letter-spacing:-0.05em; font:bold 16px/18px Helvetica,sans-serif; text-decoration:none; } .enlace li a:hover { text-decoration:underline; } .enlace li p { margin-top:2px; font:0.8em/135% Arial, Helvetica, sans-serif; } .noticia li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e1e1e1; } .noticia li a { color:#2e87b8; display:block; letter-spacing:-0.05em; font:bold 16px/18px Helvetica,sans-serif; text-decoration:none; } .noticia li a:hover { text-decoration:underline; } .noticia li p { margin-top:5px; font:0.9em/135% Arial, Helvetica, sans-serif; } .noticia h1 { color:#2e87b8; font-family:Georgia,seriff; font-size:32pt; font-weight:normal; line-height:43px; margin:0 0 25px; } .noticia p.resumen2 { font:14px/15px Georgia,seriff; margin-bottom:15px; } .noticia .contenido p { font:16px/20px Arial, Helvetica, sans-serif; text-align:justify; margin-bottom:10px; } .noticia .contenido img { margin:0 0 15px 15px; background:#FAFAFA; border:1px solid #9b9b9b; padding:6px; } .categoria li { padding-left:3px; } .categoria li a { padding-bottom:5px; color:#2e87b8; display:block; font:0.9em/normal Arial, Helvetica, sans-serif; text-decoration:none; } .categoria li a:hover { text-decoration:underline; } .contacto form ul { padding: 8px 0; } .contacto form ul li { padding: 3px 0; line-height: 25px; } .contacto form label { display: block; width: 155px; text-align: right; float: left; font-weight: bold; padding-right: 8px; } .contacto form ul li.submit { padding: 0 0 0 162px; } .contacto p.comentario {padding: 0 0 0 162px; color:#5a5a5a; font:italic 14px/18px Georgia, "Times New Roman", Times, serif; } .contacto p { font:13px/16px Arial, Helvetica, sans-serif; margin-bottom:15px; } .boxItem { margin-bottom:30px; } .boxItem h3 { background:transparent url(../images/column-h3-top.png) no-repeat scroll 0 0; padding-top:5px; } .boxItem h3 span { background:#2D5E9F url(../images/h3.png) repeat-x scroll 0 0; color:#FFFFFF; display:block; font-size:14px; font-weight:bold; line-height:15px; padding:0 0 5px 12px; } .boxItem h2 { font:27px/32px Georgia,"Times New Roman","Bitstream Charter",Times,serif; color:#696969; padding-bottom:10px; } .boxItem ul.category { margin-top:5px; padding-left:6px; } .boxItem li { padding:4px 0; display:block; color:#666666; font:13px/14px Arial,Helvetica,sans-serif; } .col200 { margin-bottom:30px; } .col200 h3 { background:transparent url(../images/column200-h3-top.png) no-repeat scroll 0 0; padding-top:5px; } .col200 h3 span { background:#2D5E9F url(../images/column200-h3.png) repeat-x scroll 0 0; color:#FFFFFF; display:block; font-size:14px; font-weight:bold; line-height:15px; padding:0 0 5px 12px; } .prod-list { font:14px/26px Arial,Helvetica,sans-serif; color:#535353; } .prod-list li { float: left; text-align:center; display:block; width:166px !important; margin-bottom:10px; } .prod-list li.middle { margin:0 15px; } .prod-list h4 { color:#908a08; margin:5px 0 3px; font:15px/16px Georgia,"Times New Roman","Bitstream Charter",Times,serif; } .prod-list h5 { margin-bottom:10px; font:bold 13px/16px Arial,Helvetica,sans-serif; color:#D45500; } .cotizacion ul { font:0.8em/0.9em Arial, Helvetica, sans-serif; } .cotizacion li { margin-bottom:10px; } .cotizacion h5 { padding-bottom:2px; color:#2e87b8; font:14px/14px Arial, Helvetica, sans-serif; } .cotizacion span { float:left; width:49%; } .cotizacion li.provider { margin-top:5px; padding-top:10px; border-top:1px solid #e1e1e1 } .cotizacion li.provider a { color:#2E87B8; text-decoration:none; } .cotizacion li.provider a:hover { text-decoration:underline; } /*--- FOOTER ---*/ #footer .copyright { float:right; padding-right:110px; background:url(../images/compusoftlogobt.png) right top no-repeat; font:12px/13px Arial,Helvetica,sans-serif; text-align:right; } #footer .copyright a, #footer .copyright a:hover { color:#ff6c14; text-decoration:underline; } #footer .products li { display:inline; margin-right:10px; }