/* CSS Document */
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#3B4F67; background:url(../images/bgglobal.jpg) repeat-x top left; font-size:.8em; line-height:1.6em;}



/* 
global styles
*/
a:link, a:visited{color:#0085B0;}
a:hover{color:#77B73D;}
form, hr{margin:0; padding:0; }
h1, h2, h3{ font-family:"Trebuchet MS", Arial, "Arial Narrow";}
h3{text-transform:uppercase;}
.ico{cursor:pointer; cursor:hand;}
fieldset{border:2px solid #DAECDD; padding:10px;}
legend{color:#DAECDD; font-size:18px; text-transform:uppercase;}
input, textarea, select{ padding:4px; font-family:"Trebuchet MS", Arial, "Arial Narrow";}

/* Regiones */
#global{width:800px; margin:auto; background-color:#fff;}
#top{clear:both; height:133px; background:url(../images/bgtop.jpg) repeat-x top left; line-height:.9em;}
#logo{float:left; width:381px; height:94px;}
#topnav{float:right; widows:419px; font-size:10px; color:#E9F5EB;}
#toplogin{float:left; width:130px; padding:10px 0 0 0;}
#topdireccion, #toptelefonos{float:left; height:70px; padding:10px 0 0 12px;}
#topdireccion{width:150px; padding-right:10px;}
#toptelefonos{width:100px;}
#pbx{font-size:20px; font-weight:bold;}
#toplogin ul{margin:0; list-style:none; padding:0 0 0 10px;}
#toplogin ul a:link, #toplogin ul a:visited {background:url(../images/arrow0.jpg) 0px 2px no-repeat; padding:0 0 0 10px;color:#000; font-size:9px;}
#toplogin ul a:hover {color:#FF3333;}

/* Navegación Principal */
#nav{clear:both; height:33px;}


#content{background-color:#fff; height:auto !important; clear:both; padding:10px 5px;}
#homecontent{clear:both; height:320px;}
#welcome{float:left; width:384px;}
#anim{float:right; height:312px; width:354px; background:#09C1FF;}
/* Animacion */
ul#portfolio{margin:0; padding:0; list-style:none;}

#marcas{margin:0; padding:0; list-style:none; width:280px;}
#marcas li{padding:4px 2px;}
#marcas li a:link, #marcas li a:visited{color:#fff; text-decoration:none; display:block; padding:3px 0 3px 20px;} 
#marcas li a:hover{color:#fff; padding:3px 0 3px 8px; border-left:12px solid #FFCC00; }  

.ls{background-color:#4F60A2; display:block;  color:#fff; padding:2px;}
.cemar{background-color:#FD9326; display:block; color:#fff; padding:2px;}
.cromtop{background-color:#46A19C; display:block; color:#fff; padding:2px;}
.topclable{background-color:#0085B0; display:block; color:#fff; padding:2px;}
.telergon{background-color:#09C1FF; display:block; color:#fff; padding:2px;}
.aucom{background-color:#677b86; display:block; color:#fff; padding:2px;}
.paneles{background-color:#99CC66; display:block; color:#fff; padding:2px;}
.micron{background-color:#CC3366; display:block; color:#fff; padding:2px;}
.epcos{background-color:#008fc8; display:block; color:#fff; padding:2px;}


#productoshome{clear:both; padding:20px 0 0 0;}
#itemImage{padding:2px; border:4px solid #DAECDD; float:left; margin:0 24px 20px 0; width:156px; height:142px; cursor:pointer;}
#itemImage:hover{ border:4px solid #FFCC00; }
#titulo{clear:both; height:auto !important; font-size:26px; color:#46A19C; padding:4px 0; margin-bottom:10px;}


/* Contactenos */
#formaContactenos label{ width:200px; font-size:12px; color:#006699;}
#formaContactenos input, #formaContactenos select,  #formaContactenos textarea{ border:2px solid #C1D9CF; margin:0 0 10px 0; padding:3px;}

/* Para contenidos internos */
#columna1{float:left; margin-right:20px; width:180px;}
#columna2{float:left; width:580px;}

/* Sub Menu */
#submenu{margin:0; padding:0 0 0 12px; list-style:none;}
#submenu li{padding:0px 0; border-bottom:1px solid #eee; }
#submenu a:link, #submenu a:visited{display:block; text-decoration:none; padding:2px 0 2px 10px;}
#submenu a:hover{background-color:#00CCCC; color:#fff;}

/* Productos  */
#categorias{float:left; margin:0 20px 20px 0; width:230px; height:270px; padding:3px; border-bottom:2px solid #eee;}
#categorias a:link, #categorias a:visited{color:#fff; text-decoration:none;  }
#categorias a:hover{color:#FFCC00; text-decoration:underline; }	
#categorias #imagen{ clear:both; height:auto !important; border-top:2px solid #fff; background-color:#DAECE0;}
#categorias #texto{clear:both;  padding:3px; font-size:11px; line-height:normal;}
#categorias #texto a:link, #categorias #texto a:visited{text-decoration:none; color:#09C1FF; font-weight:normal; }
#categorias #texto a:hover{text-decoration:underline; color:#77B73D; }

/* Donde estoy */
#dondeestoy{font-size:10px; clear:both;}
#dondeestoy a:link, #dondeestoy a:visited{color:#aaa;}
#dondeestoy a:hover{color:#666;}

.imageborde{border:4px solid #eee; padding:2px; background:#fff; margin-bottom:15px;}
.imageLeft{border:4px solid #eee; padding:2px; background:#fff; margin:0 15px 15px 0; float:left;}

/* Items de Descripcion */
#itemblock{clear:both; margin-bottom:20px; height:auto; padding:20px 0 0 0;}
#itemblock #imagen{float:left; width:290px;}
#itemblock #texto{float:left; width:250px;}

/* Suscríbase */
#suscribase							{	position:relative; background:#fff; padding:10px; border:1px solid #09C1FF;}
#suscribase	#Email					{	background:#E0E0E0; border:1px solid #CCCCCC; width:190px;  height:20px;
										position:absolute; top:114px; left:10px;}
#suscribase #enviarBoton			{	position:absolute; top:114px; left:200px; cursor:hand; cursor:pointer; }
#suscribase	h2						{	background:#09C1FF; color:#fff; padding:2px 6px;}
.itemblock							{	clear:both; margin:0 0 14px 0; }
.itemprod							{	clear:both; margin:0 0 14px 0; border:1px solid #ddd; padding:20px; }

/* Noticias  */
#news{margin:0; padding:0; list-style:none;}
#news li{ padding:10px 0 10px 0; }
#pie{margin-top:10px; border-top:4px solid #46A19C; background-color:#fff; height:100px; clear:both; font-size:11px; padding:10px;}