/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} *{margin:0;padding:0;} body{color:#333;font:11px/160% Verdana, Arial, Helvetica, sans-serif;background:#000048;text-align:center;} a{text-decoration:none;color:#BF0000;} a:hover{color:#000;} strong{font-weight:bold;} .clear{clear:both; height:1px; width:auto; zoom:1; line-height:1px; font-size:1px;} #center{margin:30px auto;width:760px;text-align:left; position:relative;zoom:1;} #main{background:#C5CACD url(i/bg.jpg) repeat-x;width:760px;} /* ----------------------------- HEADER ----------------------------- */ #header{height:170px;position:relative;zoom:1;background:url(i/header.jpg) no-repeat left top;} #header h1{width:130px;height:130px;position:absolute;left:50px;top:8px;} #header h1 a{width:130px;height:130px; display:block;} #header h1 a strong{display:none;} #header ul{position:absolute;left:190px;top:68px;} #header ul li{float:left;padding:0 7px;border-right:1px solid #1a2549;line-height:24px;font-weight:bold; font-size:11px;} #header ul li.first{padding-left:0;} #header ul li.last{padding-right:0;border:none;} #header ul li a{color:#FFF;} #header ul li a:hover{color:#000033;} #header form{ position:absolute; width:184px; height:22px; left:560px; top:130px; background:url(i/buscar.jpg) no-repeat; position:relative;zoom:1;} #header form input{border:none;background:none;width:120px;color:#FFF;font:11px Verdana, Arial, Helvetica, sans-serif; position:absolute;top:5px; left:5px;height:12px;line-height:12px;font-weight:bold;} #header form button{width:50px; height:22px;font-size:0.1em;position:absolute;top:0; right:0; border:none; background:none; } /* ----------------------------- HOME ----------------------------- */ #home{ height:370px; position:relative;zoom:1; background:url(i/home/home-bg.jpg) no-repeat; margin:10px 0 0 0;} #side_links{ position:absolute; top:0; right:0; width:370px;} #side_links a{float:left; display:block; width:360px; height:123px;} #flash_box{position:absolute; top:10px; left:25px;} /* ----------------------------- SIDEBAR ----------------------------- */ #side_cats{width:153px;float:left;padding-bottom:30px;} #side_cats h3{color:#FFF;font-weight:bold;line-height:23px;padding:0 0 0 25px;background:url(i/side-header.jpg) no-repeat;} #side_cats ul{padding:10px 10px 10px 0;} #side_cats ul li{background:url(i/side-li.jpg) no-repeat left bottom;padding:5px 0 5px 10px;} #side_cats ul li a{color:#11182f;font-weight:bold;} #side_cats ul li a:hover{text-decoration:underline;} /* ----------------------------- PRODUCTS ----------------------------- */ .content{width:720px; padding:0 20px;float:left;} #products{width:550px;padding:0 0 0 17px;float:left;position:relative;zoom:1;} #products .breadcrumb{padding:0 0 0 35px;width:515px;background:url(i/content-header.jpg) no-repeat;line-height:23px;color:#FFF;font-weight:bold;} .prods-list{float:left; padding:15px 0 15px 0;} .prods-list a{float:left;width:170px;height:164px;margin:0 3px 10px 3px;background:url(i/item-bg.png) no-repeat;display:block;position:relative;zoom:1;} .prods-list a img{ position:absolute;left:30px;top:0;} .prods-list a strong{position:absolute;top:116px;left:0px;color:#FFF;font-size:10px; line-height:14px; display:block; padding:0 18px;text-align:left;} #products .prod_small{width:520px;padding:10px 0 5px 0;} #products .prod_small a{float:left;margin-right:5px;} #products .prod_small a img{border:2px solid #CCC;} #products .prod_big{float:left;padding:20px 0 10px 0;width:520px;} #products .big_img{float:left;width:250px;height:226px;background:url(i/item-big-bg.png) no-repeat; position:relative; zoom:1;} #products .big_img img{ position:absolute; top:10px; left:30px;} #products ul.prod_desc{font-size:10px;float:left;margin-left:20px;} #products ul.prod_desc li{padding:5px 0;border-bottom:1px solid #01009A;} /* ----------------------------- PAGE ----------------------------- */ .page{width:550px;padding:0 0 0 17px;float:left;position:relative;zoom:1;} .page h3{padding:0 0 0 35px;width:515px;background:url(i/content-header.jpg) no-repeat;line-height:23px;color:#FFF;font-weight:bold; margin-bottom:1em;} .page p{line-height:1.6em;margin:1em 0 1em 0;} .page p a{text-decoration:underline;} /* ------------------ CONTACTO ------------------ */ #contacto img{width:550px;} #contacto table{width:550px;margin-bottom:30px;} #contacto table th, #contacto table td{padding:8px 0;} #contacto table .t_name{width:270px;padding-left:10px;text-align:left;} #contacto table .t_email{width:220px;text-align:left;} #contacto table .t_int{width:90px;text-align:center;} #contacto table th{ font-weight:bold;background:#b3b8b9;} #contacto table tr{background:none;} #contacto table tr.bg-claro{background:#b3b8b9;} /* ----------------------------- SERVICIO TECNICO ----------------------------- */ #servicio_tecnico h2{padding:0 0 0 35px;width:515px;background:url(i/content-header.jpg) no-repeat;line-height:23px;color:#FFF;font-weight:bold; margin-bottom:1em;} #servicio_tecnico table{margin:15px 0;} #servicio_tecnico table tr, #servicio_tecnico table td{padding:8px;} #servicio_tecnico table tr{background:#b3b8b9;} #servicio_tecnico table tr.bg-claro{background:none;} #servmail {padding-left:30px;} /* ----------------------------- FOOTER ----------------------------- */ #footer{clear:both;height:81px;background:url(i/footer.jpg) no-repeat; position:relative; zoom:1;} #footer p{padding:15px 0 0 20px; color:#FFF;} #footer p a{color:#FFF;} #footer a#citricox{ position:absolute; bottom:20px; right:10px; width:100px; display:block; height:40px; } /* ----------------------------- TEAM LINKS ----------------------------- */ #team_links{width:708px;margin:20px auto;background:#000048;} #team_links a{float:left;display:block;background-position:0 0;background-repeat:no-repeat;height:30px;margin-left:20px;} #team_links a:hover{background-position:0 -30px;} #team_links a#bta-at{width:45px;background-image:url('../images/team/small/bta-at.jpg');} #team_links a#bta-con{width:60px;background-image:url('../images/team/small/bta-con.jpg');} #team_links a#bta-to{width:52px;background-image:url('../images/team/small/bta-to.jpg');} #team_links a#cross{width:90px;background-image:url('../images/team/small/cross.jpg');} #team_links a#dowen{width:91px;background-image:url('../images/team/small/dowen.jpg');} #team_links a#dyn{width:128px;background-image:url('../images/team/dyn.jpg');} #team_links a#perf{width:128px;background-image:url('../images/team/perf.jpg');}