/*
---------
MAIN
---------
*/
*{margin:0;padding:0;}
body{margin:0px auto;color:#191919;font:11px Verdana, Arial, Helvetica, sans-serif;background:#626262 url('images/bg.jpg') repeat-x 0 0;}
a{text-decoration:none;}
img{border:none;}
ul,ol{list-style:none;}
.clear{clear:both;}
#center{margin:20px auto;text-align:center;width:750px;background:url('images/body-bg.jpg') repeat-y 0 0;}
	#center.prod{background:url('images/prod-body-bg.jpg') repeat-y 0 0;}
#center div{text-align:left;}
#left{width:250px;float:left;}
	#left.prod{padding-bottom:20px;}
#content{width:500px;float:left;}
/*
---------
LEFT
---------
*/
#header a{width:250px;height:160px;display:block;float:left;background:url('images/header-logos.jpg') no-repeat 0 0;}
#header a strong{display:none;}

#side_prods{width:246px;height:300px;display:block;float:left;}

#side_list{width:250px;float:left;}
#side_list ul{width:210px;float:left;padding:20px;}
#side_list ul li{float:left; width:100%; font-size:11px;padding:5px 0;border-bottom:1px solid #999;margin-bottom:5px;}
#side_list ul li a{float:left;background:url('images/list-bullet.jpg') no-repeat 0 0;padding-left:15px;display:block; color:#CCC;}
#side_list ul li a:hover{color:#FFF;}
/*
---------
MENU
---------
*/
#menu{width:500px;float:left;background:url('images/home-top-bg.jpg') repeat-y 0 0;padding-bottom:20px;}
.prod #menu {padding-bottom:0px;}

#menu ul{width:455px;float:left;height:10px;padding:20px 0 20px 45px;list-style:none;background:#FFCC00 url('images/body-bg.jpg') repeat-y -250px 0;}
#menu ul li{float:left;font-size:9px;height:9px;line-height:9px;}
#menu ul li a{float:left;background:url('images/top-bullet.jpg') no-repeat 0 0;padding-left:12px;margin-left:8px;display:block; color:#333;}
#menu ul li a:hover{background-position:0 -8px;}

#top_search{width:500px;float:left;height:30px;padding:20px 0;}
#top_search form{float:right; text-align:left; padding-right:15px;}
#top_search form input{float:left;padding:3px; width:170px; font:11px Verdana, sans-serif;}
#top_search form input#submit{ width:70px; border-width:1px; background-color:#6C6C6C; color:#FFF; font-weight:900; margin-left:5px;}
/*
---------
CONTENT
---------
*/
#flash_content{width:auto;float:left;}

#home_info{width:460px;padding:0 15px 0 25px;margin:15px 0;float:left;}

#last_new{width:290px;float:left;}
#last_new h2{width:290px;float:left;display:block; font-size:16px; padding-bottom:10px; color:#646368;}
#last_new img{width:90px; height:90px;float:left; padding:5px; margin:0 10px 10px 0; background-color:#FFF;}
#last_new p{float:left;padding:5px 0;}

#newsletter{width:150px;padding:0 10px;float:left;}
#newsletter img{width:100px;height:90px;float:left;padding:5px 25px;}
#newsletter p{float:left;padding:10px 25px; font-size:14px; font-weight:900;}

.txt_block{width:460px;padding:0 15px 0 25px;margin:15px 0;float:left;}
.txt_block p{margin:8px 0;line-height:140%;}
.txt_block h1{font-size:14px;line-height:20px;color:#666;background:url('images/prod-mark.jpg') no-repeat 0 0;padding:0 0 0 30px;margin-bottom:20px;font-weight:700;}


/*
---------
PRODUCTO
---------
*/
#product{width:460px;padding:20px 15px 0 25px;float:left;}
#product h1{font-size:14px;line-height:20px;color:#666;background:url('images/prod-mark.jpg') no-repeat 0 0;padding:0 0 0 30px;margin-bottom:20px;font-weight:700;}
#product h2{font-size:14px;line-height:16px;background:url('images/prod-header.jpg') no-repeat 0 0;padding:0 0 0 30px;margin:20px 0;font-weight:700;}

#prod-img{width:189px;height:184px;padding:15px 21px 19px 21px;margin-left:20px;float:right;background:url('images/prod-bg.jpg') no-repeat 0 0;}
#prod-img img{width:189px;height:184px;float:left;}

ul.codigos{width:200px;padding-bottom:10px;float:left;border-bottom:1px solid #999;}
ul.codigos li{width:200px;padding:3px 0;float:left;}
	ul.codigos li.header{border-top:1px solid #999;border-bottom:1px solid #999;padding:6px 0;margin-bottom:5px;}
ul.codigos li strong,ul.codigos li span{width:100px;float:left;}

ul.codigos li strong, ul.codigos li span{font-weight:normal;}
	ul.codigos li.header strong, ul.codigos li.header span{font-weight:bold;}

ul.extra-info{width:200px;padding:20px 0;float:left;}
ul.extra-info li{padding-left:20px;float:left;background:url('images/prod-bullet.jpg') no-repeat 0 2px;line-height:14px;margin:3px 0;}

/*
---------
PRODUCTOS
---------
*/
#products{width:460px;padding:20px 15px 0 25px;float:left;}
#products h1{font-size:14px;line-height:20px;color:#666;background:url('images/prod-mark.jpg') no-repeat 0 0;padding:0 0 0 30px;margin-bottom:20px;font-weight:700;}

#prod-list{width:460px;float:left;}
.prod-desc{width:140px;padding:0 5px;float:left;}
.prod-desc a{width:111px;height:108px;padding:11px 12px 11px 13px;float:left;background:url('images/prod-bg-small.jpg') no-repeat;margin-bottom:10px;}
.prod-desc a:hover{background:url('images/prod-bg-small.jpg') no-repeat;}
.prod-desc a img{width:111px;height:108px;float:left;}
.prod-desc p{text-align:center;}
#prod-list div.clear{width:460px;border-bottom:1px solid #CCC;padding-top:20px;margin-bottom:20px;}


.side_menu{width:230px;padding:0 10px;float:left;}
.side_menu h3{width:190px;height:35px;line-height:35px;float:left;background:url('images/side-header.jpg') no-repeat 0 0;padding-left:40px;font-size:12px;color:#FFF;font-weight:normal;}
.side_menu ul{width:190px;padding-left:20px;float:left;}
.side_menu ul li{background:url('images/side-bullet.jpg') no-repeat 0 3px;padding-left:20px; line-height:16px;margin:3px 0;}
.side_menu ul li a{color:#FFF;}
.side_menu ul li a:hover{color:#ffda05;}

/*
------------------
CONTACTO
------------------
*/
#contact_page{width:460px;padding:20px 15px 0 25px;float:left;}
#contact_page img{width:460px;margin:0px;padding:0px;}
#contact_page table{width:460px;margin-bottom:30px;}
#contact_page table tr{padding:8px 0;}
#contact_page table th,#contact_page table td{padding:8px 0;}
#contact_page table .t_name{width:200px;padding-left:10px;text-align:left;}
#contact_page table .t_email{width:180px;text-align:left;}
#contact_page table .t_int{width:65px;text-align:center;}

#contact_page table th{border-bottom:1px solid #FFCC00;background:#FFF;}
#contact_page table tr{background:#FFF;}
#contact_page table tr.bg-claro{background:#FFFAE6;}
/*
------------------
FOOTER
------------------
*/
#footer{width:750px;clear:both;height:20px;background:url('images/footer.jpg') no-repeat;}
	#footer.prod{background:url('images/prod-footer.jpg') no-repeat;}
#pie{width:750px;clear:both;text-align:left;padding:10px 0;background:#626262;}
#pie p{padding:5px;color:#CCC;}
#pie img.logo-citricox{float:right;}



/*
-----------------------------
TEAM LINKS
-----------------------------
*/
#team_links{clear:both;width:628px;margin:20px auto;background:#626262;}
#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/bta-at.jpg');} 
#team_links a#bta-con{width:60px;background-image:url('images/team/bta-con.jpg');}
#team_links a#bta-to{width:52px;background-image:url('images/team/bta-to.jpg');}
#team_links a#cross{width:90px;background-image:url('images/team/cross.jpg');}
#team_links a#dowen{width:91px;background-image:url('images/team/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');}
