/* ---------------------------------- */
/* ---------ESTILOS TELEMET ----------*/
/* -----------------------------------*/
/* Alejandro Stendelis                */


/* etiquetas html y estilos genericos */
BODY { margin: 0px; padding: 0px; background-image: url(/topservice/_img/bkg.gif); background-repeat: repeat-x;background-color:#F7F3F7; font-family: arial, Helvetica, sans-serif;}
td {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #666666;}
p { margin: 0px; padding: 0px; font-size: 11px; color: #858585; line-height: 130%; }
hr { display: none; } 
IMG {border: 0; margin: 0px; padding: 0px; font-size: 0px;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-align: left; font-weight: normal; }
a {color: #2B72BF; text-decoration: underline;}
a:hover {color: #666666; text-decoration: underline;}


/* estilos de posicion y columnado */
#contenedor {float: left; width: 755px; margin: 0px; padding: 0px; background-image: url(/topservice/_img/bkg_col.gif); background-repeat: repeat-y; display: block;}
#contenedorG {float: left; width: 755px; margin: 0px; padding: 0px; background-image: url(/topservice/_img/bkg_col2.gif); background-repeat: repeat-y; display: block;}
#cabezal { float: left; width: 755px; height: 90px; margin: 0px; padding: 0px; display: block;}

#menu_superior { float: left; width: 755px; height: 25px; margin: 5px 0 0 0; padding: 0px; display: block;}
#menu_derecha { float: left; width: 149px; margin: 10px 0px 20px 0px; padding: 0px; border-top: 1px solid  #CECECE; display: block; }
#menu_derecha_activo { float: left; width: 149px; margin: 10px 0px 10px 0px; padding: 0px; border-top: 1px solid  #CECECE; display: block; }

#columna1 { float: left; width: 150px; margin: 0px; padding: 0px;display: block;}
#contenido { float: left; width: 400px; margin: 0px; padding: 10px 10px 0 10px;display: block;}
#contenidoG { float: left; width: 580px; margin: 0px; padding: 10px 10px 20px 10px;display: block;}
#columna3 { float: left; width: 180px; margin: 0px; padding: 10px 0 0 0; display: block;}
#pie { float: left; width: 730px; height: 25px; margin: 0px; padding: 10px 0 0 20px; background-image: url(/topservice/_img/bkg_pie.gif); background-repeat: repeat-x; display: block;}
#pie {font-size: 11px; color: #FFFFFF;}
#pie a {color: #FFFFFF;text-decoration: none;}
#pie a:hover {color: #6BA2DE;text-decoration: underline;}


#menu_cabezal{ float: right; width: 360px; height: 85px; margin: 0px; padding: 5px 10px 0 0; display: block; text-align: right;}
#menu_cabezal a {font-size: 11px; color: #FFFFFF;text-decoration: none;}
#menu_cabezal a:hover {color: #6BA2DE;text-decoration: underline;}

#menu_superior ul { padding: 0px; margin: 0px; color: #FFFFFF; float: left; width: 750px; font-size: 11px; }
#menu_superior ul li { display: inline; }
#menu_superior ul .active { padding: 3px 8px; color: #6BA2DE; text-decoration: underline; float: right; border-right: 1px solid #5279BD; }
#menu_superior ul li a { padding: 3px 8px; color: #FFFFFF; text-decoration: none; float: right; border-right: 1px solid #5279BD; }
#menu_superior ul li a:hover { color: #6BA2DE; text-decoration: underline; }

#menu_derecha ul { width:149px; margin: 0px; padding: 0px; list-style-type: none; font-size:11px; }
#menu_derecha ul li { margin: 0px; padding: 0px; border-bottom: 1px solid  #CECECE;}
#menu_derecha ul li a { display: block; padding: 3px 10px; width: 129px; color: #858585; text-decoration: none; }
#menu_derecha a:hover { color: #6BA2DE;  text-decoration: underline; }


#menu_derecha_activo ul { width:149px; margin: 0px; padding: 0px; list-style-type: none; font-size:11px; display:block; }
#menu_derecha_activo ul li { margin: 0px; padding: 3px 0px 3px 0px; color: #6BA2DE; border-bottom: 1px solid  #CECECE; display:block;}
#menu_derecha_activo li a { margin: 0px; padding: 0px 0px 0px 15px; color: #858585; text-decoration: none;display:block;}
#menu_derecha_activo a:hover { margin: 0px; padding: 0px 0px 0px 15px; color: #6BA2DE; text-decoration: underline;}

#menu_derecha_activo ul .active { width:144px;  margin: 0px; padding: 3px 0px 3px 5px; color: #6BA2DE; border-bottom: 1px solid  #CECECE; display:block;background-color: #F2F2F2; }
#menu_derecha_activo .active a { margin: 0px; padding: 0px; color: #6BA2DE; text-decoration: none;}
#menu_derecha_activo .active a:hover { margin: 0px; padding: 0px; text-decoration: underline;}

#menu_derecha_activo ul .sub {width:144px; margin: 0px; padding: 3px 0px 3px 5px; color: #6BA2DE; border-bottom: 1px solid  #CECECE; display:block; }
#menu_derecha_activo .sub a { margin: 0px; padding: 0px; color: #6BA2DE; text-decoration: none;}
#menu_derecha_activo .sub a:hover { margin: 0px; padding: 0px; text-decoration: underline;}




/* estilos de noticia */
#noticia h1 { font-size: 21px; color: #2B72BF; padding: 0; font-weight:bold;line-height: 90%;}
#noticia h2 { font-size: 26px; color: #CCCCCC; padding: 0 0 20px 50px;font-weight:bold; line-height: 50%;border-top: 1px solid #CECECE; display:block; text-align:right;}
#noticia h3 { font-size: 15px;color: #2B72BF;}
#noticia p { text-align:justify;}
#noticia h5 { font-size: 15px;color: #A2A2A2; padding: 0 0 5px 0;}
#fotnoticia { width:400px; height:180px; display:block; margin:0 0 20px 0; padding: 0px;}

/* estilos de home */
#fothome { width:400px; height:180px; display:block; margin:0 0 0px 0; padding: 0px;}
#nothome { width:380px; height:70px; padding: 10px; margin: 0 0 15px 0; background-image: url(/topservice/_img/bkg_fothom.gif); background-repeat: repeat-x; display:block;}
#columnado { float:left; width:400px; padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #CECECE; display:block;}
.separador { float:left; width:400px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #CECECE; display:block;}
#nothome p { color: #FFFFFF;}
#nothome h1 { font-size: 17px; color: #FFFFFF; padding: 0 0 5px 0;}
#nothome h1 a { text-decoration: none; color: #FFFFFF;}
#nothome h1 a:hover { text-decoration: underline; color: #FFFFFF;}

#columnado .col1 { float:left; width:120px; padding: 0 9px 0 0; margin: 0; border-right: 1px dotted #CECECE; display:block;}
#columnado .col2 { float:left; width:120px; padding: 0 9px 0 9px; margin: 0; display:block;}
#columnado .col3 { float:left; width:120px; padding: 0 0 0 9px; margin: 0; border-left: 1px dotted #CECECE; display:block;}

#columnado .col4 { width:120px; padding: 0; margin: 0; display:block;}
.separador120 { width:120px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #CECECE; display:block;}

#columnado #diccionario { float: right; width:256px; padding: 5px; margin: 0 0 0 9px; border: 1px solid #CECECE; display:block;}

#diccionario p { margin: 0px; padding: 0px; font-size: 11px; color: #000000; line-height: 130%; }
#diccionario a { text-decoration: none; color: #2B72BF;}
#diccionario a:hover { text-decoration: underline; color: #2B72BF;}

#columnado .not2 { padding: 5px 0 0 0; margin: 5px 0 0 0; border-top: 1px dotted #CECECE; display:block;}

.fotcolumnado { width:120px; height:72px; display:block; margin:5px 0 5px 0; padding: 0px;}
.fotcolumna3 { width:160px; display:block; margin:5px 0 5px 0; padding: 0px;}
#columnado h2 { font-size: 10px; color: #666666; padding: 5px 0 0px 0;}
#columnado h2 a { text-decoration: none; color: #666666;}
#columnado h2 a:hover { text-decoration: underline; color: #666666;}
#columnado h1 { font-size: 12px; color: #2B72BF; padding: 0 0 5px 0;}
#columnado h1 a { text-decoration: none;}
#columnado h1 a:hover { text-decoration: underline;}
.logohome { float:left; width:149px; text-align:center;}



/* estilos listados */
#noticia ul { margin: 0px; padding: 10px 0 10px 40px; color: #858585; font-size:11px; }
#noticia ul li a { padding: 0 0 1px 0; color: #858585; text-decoration: none; }
#noticia a:hover { color: #2B72BF;  text-decoration: underline; }

#listado { margin: 0px 0px 20px 0px;}
#listado ul { width:152px; margin: 0px; padding: 10px 0 10px 8px; list-style-type: none; font-size:10px; }
#listado li a { background-image: url(/topservice/_img/dot_row.gif); background-repeat: no-repeat; background-position: 0 .5em;}
#listado ul li a { padding: 0 0 1px 10px; width: 150px; color: #858585; text-decoration: none; }
#listado a:hover { color: #2B72BF;  text-decoration: underline; }

/* estilos news */
#columna3 h5 { font-size: 12px; color: #2B72BF; padding: 0 10px 0 10px;}
#columna3 .diapo { width:160px; margin:0 0 10px 0; padding:0 0 5px 10px; border-bottom: 1px solid #CECECE;}
#columna3 .news { width:160px; font-size: 12px; color: #2B72BF; padding: 0 0 5px 0px; margin:0 0 10px 10px; border-bottom: 1px dotted #CECECE;}
#columna3 h4 { font-size: 12px; color: #858585;}
#columna3 h3 { font-size: 12px; color: #666666; padding: 0 0px 0 0px;}
#columna3 .news h1 { font-size: 12px; color: #2B72BF;}
#columna3 .news h1 a { text-decoration: none; color: #2B72BF;}
#columna3 .news h1 a:hover { text-decoration: underline; color: #666666;}
#columna3 h2 { font-size: 10px; color: #666666; padding: 0px 10px 0 0; text-align:right;}
#columna3 h2 a { text-decoration: none; color: #666666;}
#columna3 h2 a:hover { text-decoration: underline; color: #666666;}

#columna3 .precios { width:160px; font-size: 9px; color: #999999; padding:0 0 20px 0; margin:0 0 20px 10px; border-bottom: 1px dotted #CECECE;}
.precios h1 { font-size: 12px; color: #2B72BF; padding:0;}
.precios ul { width:160px; margin: 0px; padding: 2px 0 2px 0px; list-style-type: none; }
.precios .titprecio { font-size: 11px; color: #333333; padding:10px 0 2px 0; margin: 0 0 5px 0; font-weight:bold; border-bottom: 1px solid #EFEFEF;}
.precios strong { font-size: 10px; color: #2B72BF; font-weight:bold;}

#columna3 .listlogos { width:180px; margin:0; padding:0 0 10px 0; text-align:center;}


#news .diapo h4 { font-size: 21px; color: #2B72BF; padding: 0 0 20px 0;}
#news h1 { font-size: 13px; color: #2B72BF; padding: 0 0 2px 0; font-weight:normal; line-height:120%;}
#news h5 { font-size: 11px;color: #C0C0C0;font-weight:normal; padding: 0 0 0 0;}
#news p { padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #CECECE;}
#news h1 a { text-decoration: none;}
#news h1 a:hover { text-decoration: underline;}

#logoProd { float:left; width:390px; padding:5px; margin: 0 0 10px 0; display:block; text-align:center; background-color:#f8f8f8;}
#logoProd h1 { font-size: 21px; color: #2B72BF; padding: 0;font-weight:bold;line-height: 90%;}
#logoProd h2 {font-size: 26px; color: #CCCCCC; padding: 0 0 0 50px;font-weight:bold; line-height: 50%;border-top: 1px solid #CECECE; display:block; text-align:right;}
#logoProd h3 { font-size: 16px; color:#858585; padding: 20px 0 0 50px; line-height: 130%;}
#logoProd IMG { vertical-align:middle; margin:20px 0 15px 20px;}


#listadoProd { float:left; width:400px; padding:0; margin: 0; display:block; text-align:center;}
.prod { float:left; width:120px; padding:0; margin: 5px; display:block;}
.prod h1 { font-size: 12px; color: #2B72BF; padding: 0 0 5px 0;width:120px;display:block;text-align:center;}
.prod h1 a { text-decoration: none;}
.prod h1 a:hover { text-decoration: underline;}
.separadorProd { float:left; width:400px; height:1px; line-height: 0px; padding:0px; margin: 0 0 5px 0; border-bottom: 1px dotted #CECECE; display:block;}
.url { float:left; width:400px; padding:0px 0 5px 0; margin: 20px 0 5px 0; border-bottom: 1px dotted #CECECE; display:block; text-align: right; vertical-align:middle;}
.url { font-size: 12px; color: #333333;}
.url a { text-decoration: none; color: #2B72BF;}
.url a:hover { text-decoration: underline; color: #666666;}

.gloss {padding:0; margin: 15px 0 25px 0;}

.gloss h4 { font-size: 11px; color: #666666; padding:0;text-align:center;}
.gloss h4 a { text-decoration: none; color: #2B72BF;}
.gloss h4 a:hover { text-decoration: underline;}



/* Estilos formulario*/
.formulario { padding: 5px; margin:5px 0 0 0; background-color: #FBFBFB; font-weight:bold;line-height: 90%;}
.formulario h1 {font-size: 13px; color: #666666; padding: 0 0 5px 0;}
.formulario h2 {font-size: 11px; color: #999999; padding: 1px 0 10px 0; margin:0 0 0 20px;}
.formulario h3 {font-size: 11px; color: #999999; padding: 1px 0 0 0; margin:0 0 0 20px;}
.txtbox {font-size: 12px; color: #CCCCCC; margin:0 0 0 20px;}






#sitemap { margin: 0 0 0 50px;}
#sitemap ul { width:300px; margin: 20px 0 20px 30px; padding: 0px; list-style-type: none; font-size:11px; display:block; }
#sitemap ul  .normal{ margin: 0px; padding: 0px 0px 3px 10px; display:block;}
#sitemap ul  .sub{ margin: 0px; padding: 0px 0px 3px 10px; display:block;}
#sitemap ul  .subsub{ margin: 0px; padding: 0px 0px 3px 20px; display:block;}
#sitemap ul li a { text-decoration: none;display:block;}
#sitemap ul a:hover { text-decoration: underline;}


#sitemap ul .normal { background-image: url(/topservice/_img/dot_row.gif); background-repeat: no-repeat; background-position: 0 .5em;}
#sitemap ul .sub { background-image: url(/topservice/_img/dot_row2.gif); background-repeat: no-repeat; background-position: 0 .5em;}

#buscar { float: left; width: 140px; margin: 0px; padding: 0px 0px 0px 10px;display: block;font: normal 10px Arial;}
#buscarhome { float: left; width: 140px; margin: 0px; padding: 15px 0px 0px 10px;display: block;font: normal 10px Arial;}
#bennergoogle { float: left; width: 140px; margin: 0px; padding: 30px 0px 20px 10px;display: block;font: normal 11px Arial;}



.store { float:left; width:380px; padding:10px; margin: 0; display:block; text-align:center;background-color: #FBFBFB;border: 1px solid #CECECE;}
.storeprod { float:left; width:160px; padding:10px 10px 10px 10px; margin: 0; display:block; text-align:center;}
.storeprod1 { float:left; width:160px; padding:10px 10px 10px 10px; margin: 0 20px 0 0; display:block; text-align:center;}

.separadorstore { float:left; width:380px; height:1px; line-height: 0px; padding:0px; margin: 0 0 5px 0; border-bottom: 1px dotted #CECECE; display:block;}

.store h1 {font-size: 13px; color: #666666; padding: 5px 0 5px 0;}
.store h2 {font-size: 11px; color: #999999; padding: 0; margin:0;}
.store h3 {font-size: 12px; color: #000000; padding: 10px 0 10px 0; margin:0;}
.store IMG { vertical-align:middle; margin:0 0 15px 0;}