/*
 * hack labels
 **/
html, body, .contenedor {
	min-height: 100%;
	height: 100%;
	width: 100%;
}

html>body, html>body .contenedor {
	height: auto;
}
/*
 * global labels
 **/
body{ margin: 0; padding:0; text-align:center; background: #9D80BA url(../images/bgMain.jpg) repeat-x left top; color:black; font: 11px Verdana, sans-serif;}
img{ border: 0px; margin:0; padding:0;}
input{background:#EBEBEB; border: 1px solid #999;}
table{border-collapse:collapse;}
a{color: #666; text-decoration:none;}
a:hover{text-decoration:none;}
div{text-align:left; text-indent: 1px; margin:0; padding:0;}
h4{color:#F9B931;font-size:12px;margin: 0; padding: 0;}
h4 b{color:#794E9D;}
h2{margin: 5px 0 5px 10px; color:#222; font-size:16px;}
form, ul, li{margin:0; padding:0;}
h3, h3 a, table, tr{color:#410B7D;font-size:12px;}


/*
 * clases de div de uso general
 **/
div.container {display:block;width:742px; background:#FFFFFF; border: 1px solid #794E9D; border-width: 0 1px 0 1px; text-align:center; margin-left :-371px; padding: 0;position:absolute; left:50%; top:0;}
div.footer{display:block; width: 740px;clear:both;color:#BBB;text-align:center;margin:10px 0 0 0;}

/*
 * header labels
 **/ 
#header{height: 81px; padding: 8px 16px 0px 8px;}
#header ul{list-style:none;display:inline;float:left;padding-top:10px;}
#mainLogo{float:left;margin: 20px 320px 0 20px;}
#mundi{float:left; margin:0;}
#topMenu{margin-left: 9px; clear:both;width:704px;height:30px;background: url(../images/topMenu.gif) no-repeat left top;}
#topMenu a{font-size: 11px; color:#4A4A4A; display:inline; padding: 8px 12px 0 12px; float:left;}
#topMenu img{vertical-align:middle; float:left;}
#search {color:#FFFFFF; float:right; position:relative;margin-top:2px;}
#search form{display: inline;}
#search input{background:#F0F0F0; border: 1px solid #999; width:100px; height: 20px; color:#4A4A4A; font-size: 11px;}
#search .searchBtn{overflow:hidden;border: 0; width:12px; height: 20px; background: url(../images/searchBtn.gif) no-repeat; text-indent: -200px;line-height: 2000px;margin-right: 10px;}
div.footer{display:block; overflow:hidden; width: 742px; height: 128px; background: url(../imgs/curvaBottom.jpg) no-repeat top right;text-indent:-9000px;}

/*
 * main labels
 **/ 
#main{clear:both; padding: 5px 16px 5px 16px;} 
#main div{margin: 7px 0 5px 0;}

/*
 * index labels
 **/
#bottom h3, #news h3{font-size:12px; color:#4A4A4A; padding: 4px 0 0 10px;}

#bottom{clear:both; padding: 0px 16px 5px 16px;}

#comercial{float:left;}

#providers{width: 213px; height: 163px; background: url(../images/provBck.gif) no-repeat;}
#providers ul{list-style-image:url(../images/cross.gif); margin-left: 25px;}
#providers li{font-size: 12px; line-height: 19px;}

#contactFrame{width: 213px; height: 88px; background: url(../images/contactBck.gif) no-repeat;}
#contactFrame ul{list-style-image:url(../images/cross.gif); margin-left: 25px;}
#contactFrame li{font-size: 12px; line-height: 19px;}


#catalog{width: 211px; height: 43px; background: url(../images/catalog.gif) no-repeat;margin: 10px 0 0 1px;}
#newsCenter{width: 211px; height: 43px; background: url(../images/newsCenter.gif) no-repeat;margin: 10px 0 0 1px;}
#contactUs{width: 211px; height: 63px; background: url(../images/contactUs.gif) no-repeat;margin: 10px 0 0 1px;}
#catalog a, #newsCenter a{display:block; font-size: 12px; color:red; margin: 0 0 0 35px; line-height: 43px;}
#contactUs a{display:block; font-size: 12px; color:red; margin: 0 0 0 35px; line-height: 30px;}
#partners{width: 211px; height: 83px; background: url(../images/partners.jpg) no-repeat;margin: 10px 0 0 1px;}
#noPartners{width: 211px; height: 83px; background: url(../images/noPartners.jpg) no-repeat;margin: 10px 0 0 1px;}

#promotion{float:right;}

#news {background: url(../images/topNews.jpg) no-repeat top left; width: 475px;}
#news .newsItem{width:230px; height: 103px; background: url(../images/newsBck.gif) no-repeat top left; margin: 5px 6px 1px 1px; float: left;}
#news .newsItem img{margin: 5px; float:left;}
#news .newsItem h4{ display:block; float: left; width: 130px;margin-top: 15px;}
#news .newsItem a{overflow:hidden;float:right; margin:5px 10px 0 0; font-size:8px; background: url(../images/info.gif) no-repeat top left; text-indent: -2000px; line-height: 30px; width: 52px; height: 18px;}

#special {clear:both;width: 473px; height: 127px; background: url(../images/newsBottom.jpg);}
#wireless{float:left; margin: 20px 5px 5px 5px;}
#gps{float:right; margin: 20px 5px 5px 5px;}
/**
 * products
 **/
div .infoColumn{width: 236px; overflow:hidden;float:left;} 
div .infoColumn h3{display:block; margin: 5px 5px 0 0; width: 224px; height: 22px; background: url(../images/topCat.gif) no-repeat top left; padding: 4px 0 0 10px; overflow:hidden;}
div .infoColumn ul{list-style-image:url(../images/arrow.gif); margin-bottom: 5px; padding: 0 0 6px 0; display:block; width:224px; background: #f2f2f2 url(../images/bottomCat.gif) no-repeat bottom left;overflow:hidden;}
div .infoColumn li{font-size: 12px; line-height: 19px;margin-left:25px;}

#location {width:700px; height: 20px; background: url(../images/locatorBar.gif); overflow:hidden;text-indent:10px;}
#location a{color:#410B7D; font-size: 12px;margin: 2px 0 0 0;display:block;float:left;font-weight:900;}
#location span{display:block; float:left; width: 3px; height:8px; background: url(../images/locatorArrow.gif) no-repeat;margin: 5px 0 0 8px;}
#support {list-style-image:url(../images/cross.gif);}

/*
 * products list
 **/
div #productsList{ float: right; width: 440px; padding-right: 20px;}
div .productItem {padding-bottom: 20px;}
div .productItem img{float:left; margin: 5px 15px 20px 5px;} 
div .productItem a.info{overflow:hidden;float:right; margin:5px 10px 0 0; font-size:8px; background: url(../images/info.gif) no-repeat top left; text-indent: -2000px; line-height: 30px; width: 52px; height: 18px;}
.content p, .content h2, .content table, .content tr{color:#410B7D;font-size:12px;}
div #productsList span.lastToken, div #productsList span.productToken{clear:both;display:block; width: 440px; height: 1px; overflow:hidden; background:#410B7D; margin: 5px;}
div #productsList span.lastToken{height: 3px; background:#f5a905;} 
div #productsList span.linkToken{clear:both;display:block; width: 440px; height: 1px; overflow:hidden; border: 1px dotted #444; border-width: 1px 0 0 0; margin: 0;}
div #productsList .pager{clear:both;float:right;}
div #productsList .pager a{color:#fe0134; margin:0; padding:0;}
