@charset "utf-8";
/*
-----------------------------
MAIN
-----------------------------
*/
*{margin:0;padding:0;}
body{margin:0px auto;color:#333;font:11px Verdana, Arial, Helvetica, sans-serif;background:#354042 url('images/bg.jpg') repeat-x 0 0;text-align:center;}
a{text-decoration:none;color:#FFF;}
a:hover{color:#000;}
p{line-height:160%;}
a img{border:none;}
ul,ol{list-style:none;}
.clear{clear:both;}
#center{margin:0px auto;width:770px;text-align:left;}
/*
-----------------------------
HEADER
-----------------------------
*/
#header{width:770px;height:90px;background:url('images/header.jpg') no-repeat 0 0;position:relative;}
#header h1{width:210px;height:60px;float:left;position:absolute;left:20px;top:15px;}
#header h1 a{width:210px;height:60px;float:left;}
#header h1 a strong{display:none;}
#header form{float:left;position:absolute;left:550px;top:10px;font:10px Verdana, Arial, Helvetica, sans-serif}
#header form input{float:left;border-width:1px;width:150px;padding:2px;margin:10px 0 0 0;}
#header form input#submit{float:left;border:none;background:none;width:30px;height:30px;padding:0;margin:5px 0 0 10px;cursor:pointer;font-size:1px;}

#menu{width:770px;height:30px;margin:10px 0;background:url('images/menu.jpg') no-repeat 0 0;}
#menu ul{height:30px;padding-left:30px;float:left;}
#menu ul li{padding-left:18px;margin-right:10px;line-height:30px;float:left;background:url('images/menu-bullet.jpg') no-repeat left center;text-transform:uppercase;font-size:10px;}
#menu ul li a{color:#FFF;font-weight:bold;}
/*
-----------------------------
SIDEBAR
-----------------------------
*/
#sidebar{width:190px;float:left;padding:10px 15px;}
#sidebar h3{height:40px;cursor:pointer;}
#sidebar ul{padding:10px 0;}	
#sidebar ul li{width:180px;margin:3px 0;}	
#sidebar ul li a{background:url('images/arrow.jpg') no-repeat left center;color:#FFF;padding-left:20px;}
/*
-----------------------------
HOME
-----------------------------
*/
#go_to{margin-bottom:10px;padding-left:5px;float:left;}
#go_to a{float:left;margin:0 2px;}

#banners{float:left;}
#banners a{float:left;margin:0 5px;}
/*
-----------------------------
PRODUCTS
-----------------------------
*/
#products{float:left;width:480px;padding:10px 15px;}
#products h3{height:20px;line-height:20px;font-size:12px;text-transform:uppercase;color:#FFF;padding-left:30px;background:url('images/prod-header.jpg') no-repeat 0 0;}
#prod_list{padding:15px 0;}
#prod_list span{float:left;display:block;width:100%;margin:10px 0;border-top:1px solid #6b6b6b;}
#products div.box{float:left;width:150px;margin-right:8px;}
#products div.box a{width:110px;height:123px;padding:20px 20px 0 20px;background:url('images/prod-bg.jpg') no-repeat 0 0;float:left;}
#products div.box a{width:110px;float:left;}
#products div.box p{color:#FFF;text-transform:uppercase;background:url('images/pbullet.jpg') no-repeat 0 15px;float:left;padding:10px 0 0 15px;}
.message{padding:15px 0; font-size:1.1em; color:#FFF;}
.message a{color:#FFF;}
.message a:hover{color:#FFF;}
/*
-----------------------------
PRODUCT
-----------------------------
*/
#product{float:left;width:480px;padding:10px 15px;}
#product h3{height:20px;line-height:20px;font-size:12px;text-transform:uppercase;color:#FFF;padding-left:30px;background:url('images/prod-header.jpg') no-repeat 0 0;}
#prod_details{padding:15px 0;}
#prod_details .prod_details_img a{width:110px;height:120px;padding:15px 20px 10px 20px;background:url('images/prod-bg.jpg') no-repeat 0 0;float:left;}
#prod_info{margin-left:170px;}
#prod_info ul li{padding:5px 10px 5px 20px;color:#FFF;margin-bottom:3px;line-height:140%;background:#4f4f4f url('images/prb.jpg') no-repeat 5px 10px;}
#prod_info ul li strong{ text-transform:uppercase;}
/*
-----------------------------
PAGES
-----------------------------
*/
#page{float:left;width:480px;padding:10px 15px;color:#CCCCCC;}
#page p{margin:8px 0;}
#page h3{height:20px;line-height:20px;font-size:12px;text-transform:uppercase;color:#FFF;padding-left:30px;background:url('images/prod-header.jpg') no-repeat 0 0;}

#page.catalogos a{color:#FFF;}
#page.catalogos a:hover{text-decoration:underline;}
#page.catalogos ul{line-height:1.6em;}
#page.catalogos ul li{margin:0.5em 0;}


#wide_page{width:740px;padding:10px 15px;}
#wide_page h3{height:20px;line-height:20px;font-size:12px;text-transform:uppercase;color:#FFF;}
#wide_page table{width:98%;margin:0.9em 0;border-collapse:collapse;border:1px solid #6A6A6A;color:#CCC;font-size:10px;}
#wide_page td, #wide_page th{border:1px solid #6A6A6A;padding:5px;}
#wide_page th{font-weight:bold; background:#6A6A6A;}
#wide_page tbody th a{font-weight:bold;}
#wide_page tbody th, tbody td{vertical-align:center;text-align:left;}
#wide_page td.email{width:56px;}
#wide_page td.email a{ display:block; width:16px; height:11px;font-size:1px; background:url('images/email.jpg') no-repeat 0 0; color:#354042; margin:2px 19px;}
#wide_page td.email a span{display:none;}


/*
-----------------------------
CONTACTO
-----------------------------
*/
#page .contacto{width:750px;padding:10px 0 10px 20px;color:#CCCCCC;}
.contacto table{width:750px;border-collapse:collapse;margin:10px 0;}
.contacto table td{padding:3px;color:#FFF;}
/*
-----------------------------
PAGINATION
-----------------------------
*/
#pagination{padding:10px 0;font-size:1em;}
#pagination a, #pagination strong{padding:3px 5px;border:1px solid #6b6b6b;margin:0 1px;}
#pagination strong,#pagination a:hover{background:#6b6b6b;color:#FFF;}
/*
-----------------------------
ERROR
-----------------------------
*/
#error_page{padding:10px 15px; text-align:center;}
#error_page h3{height:20px;line-height:20px;font-size:12px;text-transform:uppercase;color:#FFF;}
#error_page  p{margin:8px 0; line-height:160%; color:#FAFAFA;}
/*
-----------------------------
FOOTER
-----------------------------
*/
#footer{
	clear:both;
	width:730px;
	height:60px;
	background:url('images/footer.jpg') no-repeat 0 0;
	padding:40px 20px 0;
	color: #999999;

}
#footer a.citricox{float:right;}