/* CSS Document */
*, .scroll {
 margin: 0;
 padding: 0;
 scrollbar-face-color:#fff;
 scrollbar-highlight-color:#fff;
 scrollbar-3dlight-color:#fff;
 scrollbar-darkshadow-color:#fff;
 scrollbar-shadow-color:#fff;
 scrollbar-arrow-color:#CDCDCD;
 scrollbar-track-color:#F5F5F5;}

body {margin: 0; padding: 0; background:url(../images/fondo.png) repeat;}

#head {width: 700px; height: 130px; margin-top:0; margin: 0 auto; padding: 0px 0 0 0; display:block;}
	
#fondomenu{width: 708px; 
	height: 43px;
	margin-top:0;
	margin: 0 auto;
	padding: 0px 0 0 0;
    display:block;
	background-image:url(../images/fondo-menu.png);}
	
#menu {width: 670px;
	height: 43px;
	margin-top:0;
	margin: 0 auto;
	padding: 0px 0 0 0;
    display:block;}
/* Agregado por jorge - INICIO */
#fondomenu2{width: 708px; 
	height: 43px;
	margin-top:0;
	margin: 0 auto;
	padding: 0px 0 0 0;
    display:block;
	background-image:url(../images/fondo-menu2.png);}
	
#menu2 {width: 670px;
	height: 43px;
	margin-top:0;
	margin: 0 auto;
	padding: 0px 0 0 0;
    display:block;}
/* FIN */	
.menu1 {padding:0 0 0 0px;
        margin:0; 
		list-style:none; 
		height:43px; 
		background:url(../images/button1.png); 
		position:relative; }
	
.menu1 li {float:left;}

.menu1 li a {display:block; 
             float:left; 
			 height:43px; 
			 line-height:43px; 
			 color:#fff; 
			 text-decoration:none; 
			 font-size:10px; 
			 font-family: "Trebuchet MS", sans-serif; 
			 text-align:center; 
			 padding:0 0 0 8px; 
			 cursor:pointer;}
			 
.menu1 li a b {float:left; 
               display:block; 
               padding:0 16px 0 8px;}
			   
.menu1 li.current a {background:url(../images/button3.png);}
					 
.menu1 li.current a b {background:url(../images/button3.png) no-repeat right top;}

.menu1 li a:hover {background:url(../images/button2.png);}

.menu1 li a:hover b {background:url(../images/button2.png) no-repeat right top;}

.menu1 li.current a:hover {background:url(../images/button3.png); cursor:default;}

.menu1 li.current a:hover b {background:url(../images/button3.png) no-repeat right top;}

#submenu  {width:700px;
	  height:20px;
	  margin-top:0;
	  margin: 0 auto;
	  padding: 0px 0 0 0;
	  font-family:"Trebuchet MS";
	  font-size:11px;
	  font-weight:bold;
      display:block;}

#submenu ul {margin:0;
	  padding:0px 10px 0 0px;
	  list-style:none;}
	  
#submenu li {display:inline;
      margin:0;
      padding:0;}
	  
	  /*-----*/
	  
.linkinicio  { 
width:138px;height:300px;
margin-top:0px;
float:left;
margin-left:0px;
padding:0 0 0 0;
background-image:url(../images/links-up.png);
background-repeat:no-repeat;}

/*------------novedades----------------*/

#nov01 {width:500px; height:175px;
margin: 0 15px 0 20px;
	  display:block;
	  padding: 9px 0 0 0;
	  background-image:url(../images/nov01.png); background-repeat:no-repeat;}
	  
#foto {width:85px; height:85px; float:left;}
/*Agregado por jorge - Se agrego lblTituloVer */
#titnov,lblTituloVer {width:410px; height:50px; float:right; padding-top:25px;font-family:"Trebuchet MS"; font-size:15px; color:#4E4E4E; font-weight:bold;}
/*Agregado por jorge - Se agrego  #lblinfo_1 */
#textonov , #lblinfo_1 {width:490px; height:54px; padding:10px 0 0 0px; 
font-family:"Trebuchet MS";
text-align:justify; font-size:12px; text-decoration:none; color:#565656; line-height:14px; }
		   
#novbtn {height:24px; float:right; padding:25px 0 0 5px;}
#ClearEspacio {clear:both;}
/*------*/
#nov02, #nov03, #nov04, #nov05 {width:240px; height:160px; float:left; margin:20px 0px 0 23px; display:block; padding: 0px 0 0 0; background-image:url(../images/nov02.png); background-repeat:no-repeat;}
	  
#foto02 {width:60px; height:60px; float:left; padding-top:5px;}

/*Agregado por jorge- Se agregaron  #lnk_2,#lnk_3,#lnk_4,#lnk_5  */
#titnov02, #titnov03, #titnov04, #titnov05 {width:160px; height:10px; float:right;text-align:left; padding-top:22px;padding-right:5px; 
font-family:"Trebuchet MS";
font-weight:bold;
font-size:14px;
letter-spacing:0px;
color:#4E4E4E;}

/*Agregado por jorge - Se agregaron  #lblinfo_2,#lblinfo_3,#lblinfo_4,#lblinfo_5 ,*/
#textonov02,#textonov03, #textonov04, #textonov05 ,#lblinfo_2,#lblinfo_3,#lblinfo_4 ,#lblinfo_5  {width:230px; height:54px; padding: 20px 0 0 0px; 
font-family:"Trebuchet MS";
text-align:justify;
line-height:14px;
font-size:12px;
color:#565656;}
		   


#foto02, #foto03, #foto04, #foto05 {width:60px; height:60px; float:left; padding-top:5px;}

/*---------- bubble tooltip -----------*/
a.tt, .active, a.icotip{position:relative;
    z-index:24;
    font-family:"Trebuchet MS";
	font-size:11px;
	color:#333333;
    line-height:normal;
	float:left;
    margin:0;
    padding:0 0 0 10px;
    text-decoration:none;
	font-weight:bold;
    text-decoration:none;}
	
a.icotip{ padding:0 0 0 0px; }
	
a.tt span, a.icotip span{ display: none; }
.active { color: #E10854; line-height:normal; }
/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover, a.icotip:hover{ z-index:25; color: #E10854; line-height:normal; }
a.tt:hover span.tooltip, a.icotip:hover span.icotooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color: #666666;
	line-height:12px;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;}

a.icotip:hover span.icotooltip{	width:124px;}
	
a.tt:hover span.top, a.icotip span.icotop{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;}
	
a.icotip span.icotop{ background: url(../images/ico-bubble.gif) no-repeat top;}
	
a.tt:hover span.middle, a.icotip:hover span.icomiddle{
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom;}
	
a.icotip:hover span.icomiddle{ background: url(../images/ico-bubble_filler.gif) repeat bottom;}
	
a.tt:hover span.bottom, a.icotip:hover span.icobottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;}

a.icotip:hover span.icobottom{ background: url(../images/ico-bubble.gif) no-repeat bottom;}

/*-----*/

#cuerpo {
width:700px;
margin:auto;}

.tope{ padding-bottom:0px;
margin-bottom:0px;
width:700px;
height:10px;
float:right;
margin-right:0px;
background-image:url(../images/top.png);
background-position:right;
background-repeat:no-repeat;}

.cindex, .cempresa, .calianza, .cservicios, .cproductos, .cclientes, .cexitos, .ccv, .ccontacto, .cidrilling, .ciquality, .cicarrier, .cistaff, .cifluidos, .ciactivos, .caso01, .caso02, .caso03, .caso04, .caso05, .caso06 {
margin-top:0px; 
width:561px;
float:right;
margin-right:0px;
background-image:url(../images/fondo-cuerpo.png);}
.cindex {height:600px;}
.cempresa {height:1200px;}
.calianza {height:1350px;}
.cservicios { height:2200px;}
.cproductos { height:450px;}
.cclientes { height:1340px;}
.cexitos{ height:1650px;}
.ccv{ height:350px;}
.ccontacto{ height:610px;}
.cidrilling { height:1730px;}
.ciquality { height:1000px;}
.cicarrier{ height:1200px;}
.cistaff { height:1110px;}
.cifluidos { height:1250px;}
.ciactivos { height:1150px;}
.caso01 { height:830px;}
.caso02 { height:1050px;}
.caso03 { height:830px;}
.caso04 { height:900px;}
.caso05 { height:600px;}
.caso06 { height:700px;}

#separador {
width:510px;
height:7px;
margin-top:0px;
float:right;
margin-right:0px;
padding: 0px 0px 0px 5px;}

#marcoempresa, #marcoalianza, #marcoproducto, #marcoproducto2, #marcoservicio, #marcoexitos, #marcoclientes, #marcocv, #marcocontacto, #prod-idrilling, #prod-iquality, #prod-iactivos, #prod-icarrierp {
margin-top:0px;
float:right;
margin-right:0px;
}
#marcoalianza {width:530px; height:175px; padding-bottom:20px; background-image:url(../images/marco-alianzas.png); background-repeat:no-repeat;}

#marcoempresa {width:450px; height:175px; padding:25px 40px; background-image:url(../images/marco-empresa.png); background-repeat:no-repeat;}

#marcoproducto { width:450px; height:175px; padding:25px 40px; font-family:"Trebuchet MS"; font-size:14px; color:#666666; font-weight:bold; vertical-align:baseline; background-image:url(../images/marco-producto.png); background-repeat:no-repeat;}

#marcoproducto2 { width:450px; height:175px; padding:25px 40px; 0 0px; font-family:"Trebuchet MS"; font-size:14px; color:#666666; font-weight:bold; vertical-align:baseline; background-image:url(../images/marco-producto-1.png); background-repeat:no-repeat;}

#prod-idrilling { width:450px; height:175px; padding:25px 40px;  font-family:"Trebuchet MS"; font-size:14px; color:#666666; font-weight:bold; vertical-align:baseline; background-image:url(../images/marco-producto-iDrilling.png); background-repeat:no-repeat;}

#prod-iquality { width:450px; height:175px; padding:25px 40px;  font-family:"Trebuchet MS"; font-size:14px; color:#666666; font-weight:bold; vertical-align:baseline; background-image:url(../images/marco-producto-iQuality.png); background-repeat:no-repeat;}

#prod-iactivos { width:450px; height:175px; padding:25px 40px;  font-family:"Trebuchet MS"; font-size:14px; color:#666666; font-weight:bold; vertical-align:baseline; background-image:url(../images/marco-producto-iActivos.png); background-repeat:no-repeat;}

#prod-icarrierp { width:450px; height:175px; padding:25px 40px;  font-family:"Trebuchet MS"; font-size:14px; color:#666666; font-weight:bold; vertical-align:baseline; background-image:url(../images/marco-producto-iCarrierP.png); background-repeat:no-repeat;}

#marcoservicio {width:530px; height:175px; padding-bottom:20px; background-image:url(../images/marco-servicios.png); background-repeat:no-repeat;}
#marcoexitos {width:530px; height:175px; padding-bottom:20px; background-image:url(../images/marco-exitos.png); background-repeat:no-repeat;}
#marcoclientes {width:530px; height:175px; padding-bottom:20px; background-image:url(../images/marco-clientes.png); background-repeat:no-repeat;}
#marcocv {width:530px; height:175px; padding-bottom:20px; background-image:url(../images/marco-cv.png); background-repeat:no-repeat;}
#marcocontacto {width:530px; height:175px; padding-bottom:20px; background-image:url(../images/marco-contacto.png); background-repeat:no-repeat;}

#titulo1, #btndise1, #btndise2 {
height:20px;float:right;
margin-top:0px;margin-right:0px;
padding: 15px 0px 10px 0px;
font-family:"Trebuchet MS";
font-weight:bold;
font-size:14px;
letter-spacing:0px;
color:#4E4E4E;}

#titulo1 {width:515px;}

#titulo2 {
width:510px;
height:20px;
margin-top:0px;
float:right;
margin-right:0px;
padding: 0px 0px 5px 5px;
font-family:"Trebuchet MS";
font-weight:bold;
font-size:11px;
color:#4E4E4E;}



#titulo2 li {line-height:13px;
list-style-image:url(../images/vineta.png);
list-style-position:outside;}

#ifr {width:510px;
height:520px;
margin-top:0px;
float:right;
margin-right:0px;
padding: 0px 0px 0px 0px;
font-family:"Trebuchet MS";
text-align:justify;
line-height:14px;
font-size:12px;
color:#4E4E4E;}

#cuad {
	width:464px;
	height:540px;
	border:#CCCCCC solid 1px;
}

#sepifr {
width:515px;
height:50px;float:right;
margin-top:0px;margin-right:0px; padding:0;}

#texto, #textodi, #textodi2{
width:465px;
margin-top:0px;
float:right;
margin-right:0px;
padding: 5px 50px 0px 7px;
font-family:"Trebuchet MS";
text-align:justify;
line-height:14px;
font-size:12px;
color:#565656;}

#texto li, #textodi li{
line-height:14px;
list-style-image:url(../images/vineta.png);
list-style-position:outside;}

#texto h1 {font-family:"Trebuchet MS";
text-align:justify;
line-height:14px;
font-size:12px;
font-style:italic;
color:#999999; font-weight:normal;}

.tilde, {
line-height:22px;
color:#666666;
text-indent:1em;
list-style-image:url(../images/vineta2.png);
list-style-position:outside;
cursor:text;}

.tildealianza, {
line-height:22px;
color:#666666;
text-indent:1em;
list-style-image:url(../images/vineta2.png);
list-style-position:outside;
cursor:hand;}

/*----------diseno*/
#textodi{
width:345px; height:175px; padding: 5px 10px 0px 7px;}

#textodi2{
width:155px; height:150px; padding: 0px 0px 0px 0px;}

/*---------contacto--------*/ /*NOTA : Se cambio en las 4 lineas siguientes el # por el . MODIFICADO POR JORGE el 28-01-2009*/
.post-titulo {width:505px; height:15px;float:right; margin-top:0px;margin-right:0px; padding: 10px 0px 0px 5px; font-family:"Trebuchet MS";font-weight:bold;font-size:10px;letter-spacing:0px;color:#000000}

.post-formulario { width:510px; height:24px; float:right; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.post-fila, .motivo {margin:0px 0px 0px 0px; padding:3px 6px 0 6px; font-family:"Trebuchet MS";font-size:11px; color:#fff; }
	
.post-fila {height:24px;background-image:url(../images/form-fondo.png); background-repeat:no-repeat;}	

#post-cuadro {width:510px; float:right; background-image:url(../images/fondito.png);}

#cuadro-top {width:510px; height:11px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:right;background-image:url(../images/form-cuadro-top.png); background-repeat:no-repeat;}

#motivo { height:110px;	background-image:url(../images/form-cuadro.png); background-repeat:repeat-y;}

#cuadro-bottom {width:510px; height:19px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;float:right;	background-image:url(../images/form-cuadro-bottom.png); background-repeat:no-repeat;}

#boton-enviar {width:302px; height:19px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;float:right;}
#boton-cancelar {width:71px; height:19px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;float:right;}
/*---------end contacto--------*/

#carpeta{
width:127px;
height:40px;
margin-top:0px;
float:right;
margin-right:0px;
cursor:hand;
padding: 0px 19px 0px 00px; background-image:url(../images/carpeta.png); background-repeat:no-repeat;}

/*---------banner------------*/

#intranet { cursor:hand;
width:65px; 
height:21px;
margin-top:0px;
float:left;
margin-right:0px;
padding: 0px 0px 0 0px;
background-image:url(../images/01-intranet.png); background-repeat:no-repeat}

#intranet:hover{
background-image:url(../images/02-intranet.png); background-repeat:no-repeat}

#webmail { cursor:hand;
width:73px; 
height:21px;
margin-top:0px;
float:left;
margin-right:0px;
padding: 0px 0px 0 0px;
background-image:url(../images/01-webmail.png); background-repeat:no-repeat}

#webmail:hover {
background-image:url(../images/02-webmail.png); background-repeat:no-repeat}

#iquality-pymes{ cursor:hand;
width:138px;
height:115px;
margin-top:0px;
float:left;
margin-right:0px;
padding: 0px 0px 0px 0px;
background-image:url(../images/01-iquality-pymes.png); background-repeat:no-repeat}

#iquality-pymes:hover{
background-image:url(../images/02-iquality-pymes.png); background-repeat:no-repeat}

#icarrier-transporte{ cursor:hand;
width:138px;
height:115px;
margin-top:0px;
float:left;
margin-right:0px;
padding: 0px 0px 0px 0px;
background-image:url(../images/01-icarrier-transporte.png); background-repeat:no-repeat}

#icarrier-transporte:hover{
background-image:url(../images/02-icarrier-transporte.png); background-repeat:no-repeat}

#capacitacion1{
width:138px;
height:38px;
margin-top:0px;
float:left;
margin-right:0px;
padding: 0px 0px 0px 0px;
background-image:url(../images/01-capacitacion.png); background-repeat:no-repeat}

#capacitacion2{
width:138px;
height:28px;
margin-top:0px;
float:left;
margin-right:0px;
padding: 0px 0px 0px 0px;
background-image:url(../images/02-capacitacion.png); background-repeat:no-repeat}

#ico01 { cursor:hand;
width:32px;
height:25px;float:left;
margin-top:0px; margin-right:0px; 
padding: 0px 0px 0px 0px;
background-image:url(../images/ico01.png); background-repeat:no-repeat}
#ico01:hover { background-image:url(../images/ico01on.png); background-repeat:no-repeat}

#ico02 { cursor:hand;
width:24px;
height:25px;float:left;
margin-top:0px;
margin-right:0px;
padding: 0px 0px 0px 0px;
background-image:url(../images/ico02.png); background-repeat:no-repeat}
#ico02:hover { background-image:url(../images/ico02on.png); background-repeat:no-repeat}

#ico03 { cursor:hand;
width:24px;
height:25px;float:left;
margin-top:0px;
margin-right:0px;
padding: 0px 0px 0px 0px;
background-image:url(../images/ico03.png); background-repeat:no-repeat}
#ico03:hover { background-image:url(../images/ico03on.png); background-repeat:no-repeat}

#ico04 { cursor:hand;
width:24px;
height:25px;float:left;
margin-top:0px;
margin-right:0px;
padding: 0px 0px 0px 0px;
background-image:url(../images/ico04.png); background-repeat:no-repeat}
#ico04:hover { background-image:url(../images/ico04on.png); background-repeat:no-repeat}

#ico05 { cursor:hand;
width:24px;
height:25px;float:left;
margin-top:0px;
margin-right:0px;
padding: 0px 0px 0px 0px;
background-image:url(../images/ico05.png); background-repeat:no-repeat}
#ico05:hover { background-image:url(../images/ico05on.png); background-repeat:no-repeat}

#alianzas{
width:118px;
height:79px;
margin-top:0px;
float:left;
margin-right:0px;
padding: 10px 0px 0px 20px;
background-image:url(../images/01-alianzas.png); background-repeat:no-repeat}

#clientes{
width:118px;
height:84px;
margin-top:0px;
float:left;
margin-right:0px;
padding: 10px 0px 0px 20px;
background-image:url(../images/01-clientes.png); background-repeat:no-repeat}

/*---------end banner------------*/

#pdfempresa {
width:45px;
height:50px;
float:right;
margin-top:15px;
margin-right:35px;}

/*---------clientes------------*/
#cli h2, #cli2 h2 {font-family:"Trebuchet MS";
font-weight:bold;
font-size:12px;
letter-spacing:0px;
color:#000000;
padding-bottom:10px;}

#cli, #cli2 {text-align:left; line-height:16px;
margin-top:0px;
float: right;
width: 155px;
padding: 10px 15px 10px 0px;}


#cli li, #cli2 li {list-style-position:inside; 
list-style-image:url(../images/vineta3.png);
font-family:"Verdana";
font-size:9px;
letter-spacing:0px;
color:#565656;
font-weight: 100;
padding-bottom:5px;} 

#cli :hover, #cli2 :hover { background-color:#F5F5F5;}

#cli-tilde {list-style-position:inside; 
list-style-image:url(../images/vineta4.png);
font-family:"Verdana"; font-size:9px; letter-spacing:0px; color:#565656; font-weight: 100;
cursor:text;} 

.lineagris { margin-top:0px; float: right; width: 500px; height:15px; background-image:url(../images/underline.gif); background-repeat:no-repeat;padding: 0px 20px 0px 0px;}

.linea {background-image:url(../images/linea.png); background-repeat:repeat-x;}


/*------------------------*/

#idrilling01 {margin-top:0px; float:right; margin-right:0px; padding: 10px 25px 10px 0px; width:493px; height:300px;  background-image:url(../images/idrilling01.png); background-repeat:no-repeat;}
#idrilling02 {margin-top:0px; float:right; margin-right:0px; padding: 10px 25px 10px 0px; width:493px; height:485px;  background-image:url(../images/idrilling02.png); background-repeat:no-repeat;}
#icarrier01 {margin-top:0px; float:right; margin-right:0px; padding: 10px 25px 10px 0px; width:493px; height:485px;  background-image:url(../images/icarrier01.png); background-repeat:no-repeat;}
#ifluidos01 {margin-top:0px; float:right; margin-right:0px; padding: 10px 25px 10px 0px; width:493px; height:390px;  background-image:url(../images/ifluidos01.png); background-repeat:no-repeat;}
#iactivos01 {margin-top:0px; float:right; margin-right:0px; padding: 10px 25px 10px 0px; width:493px; height:410px;  background-image:url(../images/iactivos01.png); background-repeat:no-repeat;}

#cvtexto { color:#FF0000;}

#texito {
width:465px;
margin-top:0px;
float:right;
margin-right:0px;
padding: 0px 40px 0px 7px;
font-family:"Trebuchet MS";
text-align:justify;
line-height:14px;
font-size:12px;
color:#757575;}

#btndise1 { width:200px; height:42; padding:0px;}
#btndise2 { width:315px;}

#pie {width:700px;margin:auto;}
.piecontenido {
width:700px;
height:65px;
margin-top:0px;
float:right;
margin-right:0px;
display:block;
font-family:"Trebuchet MS";
font-size:11px;
font-weight:500;
color:#666666;
background-image:url(../images/fondo-pie.png); background-repeat:no-repeat;}