/* CSS Document */

*{
margin: 0;
padding:0;
}

body{
	background-color:white;
	background-image:url(images/gradient.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4A4A4A;
	line-height: 17px;
}

a:link{
color:#4A4A4A;
text-decoration:underline
}
a:hover{
color:#4A4A4A;
text-decoration:none;}
a:visited{
color:#4A4A4A;
}

hr{
margin-top:20px;
border:thin dotted #CCCCCC;
margin-bottom:20px;
}
.clear{
clear:both;
}

sub{
padding-top: -2px;
}
ul{
margin-left:20px;
}
li{
	margin-bottom:10px;
	list-style-position:inside;
}

h1, .titulo, h3{
font-size:13pt;
font-weight:bold;
color:#003362;
text-align:left;
}

a.titulo:link{
color:#003362;
}

a.titulo:visited{
color:#003362;
}

a.titulo:hover{
text-decoration:none;
}

a.gris:link{
color:#333333;
text-decoration:none;
}

a.gris:visited{
color:#333333;
text-decoration:none;
}

a.gris:hover{
text-decoration:underline;
}

h3{
font-size:11px;
}


h2{
font-size:16px;
color:#494949;
height:50px;
}

.interlineadoDoble{
line-height:20px;
}

/*#main, #mainFooter{
width:900px;
margin: 10px auto;
padding:10px;
}*/

#main, #mainFooter{
width:775px;
margin: 10px auto;
}

/*#header{

font-weight:bold;
color:#666666;
margin-bottom:25px;
}*/
#header{

font-weight:bold;
color:#666666;
margin-bottom:25px;
}

.logo{
float:left;
}

/*#header span{
display:block;
float:right;
width:174px;
padding-top:25px;

}*/
#header span{
display:block;
float:right;
width:174px;

}

#header a{
clear:both;
font-weight:normal;
color:#3399CC;
font-size:10px;
}
#headerInterno{
width:587px;
height:201px;
float:left;
padding-top:20px;
}

/*#izquierda{
width:210px;
padding-right:10px;
float:left;
padding-top:20px;
}*/
#izquierda{
width:177px;
padding-right:10px;
float:left;
padding-top:20px;
position:relative;
z-index:20;
}

/*#emergencias{
padding:15px;
}
#derechaIndex{
width:664px;
float:left;
padding-top:20px;
}*/

#derechaIndex{
width:588px;
float:left;
padding-top:20px;

}

#emergencias{
padding-top:15px;
}


#derecha{
width:577px;
float:left;
padding-left:10px;
text-align:justify;

}

.justify{
text-align:justify;
}

.tarjetas{
display:block;
margin-bottom:10px;
overflow:hidden;
}


/*.cajasIndex, .cajasIndexBordes, .cajasEmergencias{
width:249px;
float:left;
margin-top:20px;
}*/
.contendorCajas{
margin-top:20px;
	width:585px;
	float:left;
	background-image:url(images/separador-index.jpg);
	background-repeat:repeat-y;

}
.cajasIndex, .cajasIndexBordes, .cajasEmergencias{
width:260px;
float:left;

}
.cajasIndex h2, .cajasIndexBordes h2 {
height:70px;
}

/*.cajasIndex{
padding-left:70px;
}*/

.cajasIndex{
padding-left:15px;
}

/*.cajasIndexBordes{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin-left:0px;
padding-left:40px;
padding-right:10px;

}*/

.cajasIndexBordes{
margin-left: 10px;
/*border-left:1px solid #CCCCCC;*/
width:270px;

padding-left:25px;
}

/*.cajasEmergencias{
width:200px;
padding-left:50px;
}*/

.cajasEmergencias{
width:160px;
padding-left:50px;
}

.cajasIndex a  a:visited,  .cajasIndexBordes a a:visited {
color:#3366FF;
}

.cajasIndex a:hover, .cajasIndexBordes a:hover{
text-decoration:none;
}

.cajasIndex li, .cajasIndexBordes li{
display:block;
float:left;
width:240px;
}

.bulletIndex{
float:left;
width:20px;
}
.telefonos{
font-size:15px;

}


.celeste{
margin-left:0px;
color:#3366FF;

}
.azul{
color:#003362
}
.azul a:link, .pliegos a{
font-weight:bold;
text-decoration:none;
color:#003362;
}

.azul a:hover, .pliegos a:hover{
text-decoration:underline;

}
.azul a:visited{
font-weight:bold;
text-decoration:none;
color:#003362;
}
.pliegos a {
font-weight:normal;
}


blockquote{
padding-left: 30px;
}

.combos{
	text-transform: capitalize;
}

/******************* MENU DESPLEGABLE*************************
.sidebarmenu ul{
margin:0px;
padding: 0;
list-style: none;
list-type: none;
font: bold 11px Verdana;
font-weight:normal;
width: 215px;
}
 
.sidebarmenu ul li{
margin-bottom:0;
position: relative;

}

/* Top level menu links style 
.sidebarmenu ul li a{
display: block;
overflow: auto;/* force hasLayout in IE7 
color:#666666;
text-decoration: none;
padding: 6px;
padding-top:8px;
_padding-top:9px;
_padding-bottom:7px;
width:200px;
height:15px;
/*border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color:#FFFFFF;
background-image:url(images/botonera.gif);
background-repeat:repeat-x;
border-left:1px #EEEEEE solid;
border-right:1px #EEEEEE solid;
border-bottom:1px #EEEEEE solid;
}


.sidebarmenu ul li a:visited{
color:#666666;
}

.sidebarmenu ul li a:hover{
background-color: #B3DDFF;
background-image:none;
}

/*Sub level menu items 
.sidebarmenu ul li ul{
position: absolute;
width:190px; /*Sub Menu Items width 
top: 0;
visibility: hidden;

}

.sidebarmenu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


.sidebarmenu ul{
margin:0px;
padding: 0;
list-style: none;
list-type: none;
font: bold 10px Verdana;
font-weight:normal;
width: 175px;
}
 
.sidebarmenu ul li{
margin-bottom:0;
position: relative;


}

/* Top level menu links style */
.sidebarmenu ul li a , .seleccionado ul li a {
display: block;
overflow: auto;/* force hasLayout in IE7 */
color:#666666;
text-decoration: none;
padding: 6px;
padding-top:8px;
_padding-top:9px;
_padding-bottom:7px;

width:160px;
height:15px;
/*border-bottom: 1px solid #778;
border-right: 1px solid #778;*/
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active {
background-color:#FFFFFF;
background-image:url(images/botonera.gif);
background-repeat:repeat-x;
border-left:1px #EEEEEE solid;
border-right:1px #EEEEEE solid;
border-bottom:1px #EEEEEE solid;
}


.sidebarmenu ul li a:visited{
color:#666666;
}

.sidebarmenu ul li a:hover{
background-color: #D4ECF4;
background-image:none;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width:190px; /*Sub Menu Items width */
top: 0;
visibility: hidden;

}

.sidebarmenu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


/******* GNC **************/

#cotizador{
width:520px;
height:170px;
padding: 163px 10px 10px 45px;
background-image:url(images/calculador.jpg);
background-repeat:no-repeat;
}

.botonCalc{
float:left;
width: 150px;
padding-top:42px;
padding-left:80px;
}

.calculos{
text-align:left;
float:left;
width:200px;
padding-top:32px;
padding-left:30px;
}
.precios{
width:300px;
float:left;
padding-top:5px;
font-size:9px;
color:#8B8D90;
}
.ahorro{
float:left;
width:150px;
padding-top:12px;
padding-left:30px;
}

.tooltip{
width:80px;
height:50px;
padding:10px 5px 10px 0;
text-align:center;
/*background-color:#993300;*/
background-image:url(images/globo.gif);
background-repeat:no-repeat;
color:white;
font-weight:bold;
}
.toolH{
background-color:transparent;
}
/****************CAMUZZI Y LA COMUNIDAD *************/
.cajaVoluntarios, .cajaEmergencias{
width:539px;
padding:10px;
background-color:#D4ECF4;
border-left:1px solid #4F84A9;
border-right:1px solid #4F84A9;
color:#595858;
overflow:hidden;
clear:both;
text-align:left;
}
.cajaEmergencias{
width:544px;

padding-right:5px;
}
.bordeSuperior{
/*width:590px;*/
width:570px;
margin-top:10px;
margin-bottom:0px;

}

.bordeSuperior img{
float:left;
margin:0;
}
.cajaVoluntarios img{
float:right;
padding:10px 20px;
}
.display{
/*display:inline;
visibility:hidden*/
display:none;

}

.cuadroGris{
width:533px;
border-left:1px solid #848484;

}

/***  SERVICIO AL CLIENTE ****************/
.tabla{
background-image:url(images/tablaredondeada.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.cabecera, .borderDer, .columnaNumeros{
border-right:1px solid #848484;
	border-bottom:1px solid #848484;
	padding-left:5px;
	padding-right:5px;
	
}

.borderDer{
border-bottom:none;
padding-right:40px;
}

.columnaNumeros{
padding-right:none;
border-bottom:none;

}

.borderBot{
	border-bottom:1px solid #848484;
	
}

.tablAlineado{
text-align:right;
padding-right:10px;
}

.alineadoLeft{
padding-right:40px;

}


.cajaCelesteChica {
	width:300px;
	height:90px;
	padding:10px 15px;
	float:left;
	margin-left:50px;
	margin-bottom:10px;
	background-image:url(images/caja-celeste-chica.jpg);
	line-height:normal;
	background-repeat: no-repeat;
	background-position: center top;
	text-align:left;
}

.cajaGrisChica{
width:178px;
height:67px;
float:left;
background-image:url(images/caja-gris-chica.jpg);
background-repeat: no-repeat;
background-position: center top;
	line-height:normal;
	margin-left:20px;
	padding:5px 10px;
	margin-bottom:20px;
}

.chica{
font-size:10px;
clear:both;
}

.obtencionServicios{
background-image:url(images/fondo-gris-servicios.jpg);
background-repeat:repeat-y;
padding:0px 20px 0px 5px;
width:553px;

}

.obtencionServicios img{
padding-top:5px;
padding-right:30px;
padding-left:5px;
}

.tituloFondoGris{
width:inherit;
background-color:#EEEEF0;
padding:5px 0px 5px 15px;
margin-bottom:20px;
margin-top:20px;
color:#003362;
font-weight:bold;
}

.tablaSucursalesazul, .tablaSucursalesazulPrimero{
background-color:#003362;
border-left:1px dotted #FFFFFF ;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

.tablaSucursalesazulPrimero{
border-left:none;

}

.tablaSucursales, .tablaSucursalesPrimero{
border-left:1px #666666 dotted;
padding:10px;
text-align:left;
}

.tablaSucursalesPrimero{
border-left:none;

}

.mapaSucursales{
border-top: #666666 1px dotted;
margin-top: 20px;
color:#000066;
font-size:15px;
padding-top: 20px;
height:473px;
}

.mapaSucursales span{
display:block;
float:left;
margin-right: 20px;


}

.cuadritosGestiones{
width:550px;
padding:10px;
border:1px #CCCCCC solid;
background-color:#eeeef0;
text-align:left;

}

.cuadritosGestiones img{
margin-right: 10px;
}


/*********** AVANCE DE OBRAS**********/

.columnaAvances span{
display: block;
text-align: center;
padding: 5px 0;
background-color:#DEDEDE;
font-weight:bold;
}

.columnaAvances{
background-color:white;
float:left;
margin-right: 20px;
width: 238px;
text-align:left;

}

.columnaAvances p {
display:block;
margin-left:40px;
margin-top:5px;

}


/*********** SEGURUIDAD Y MEDIO AMBIENTE ****************/

.cajaGrisGrande{
width:557px;
height:134px;
padding:10px 15px;
background-image:url(images/caja-gris-grande.jpg);
background-repeat:no-repeat;
color:#003362;
}
.cajaGrisGrande br {
line-height:10px;
}
.recuadroGris{
border:#E3E3E3 solid 1px;
background-color:#EFEFEF;
color:#003366;
width: 565px;
padding:5px;
font-weight:bold;
}
/************* COMUNICACION Y PRENSA ******************/

.iconos-comunicacion{
width:445px;
margin-left:30px;
margin-botto:10px;

}

.mosaicofotos{
margin: 10px auto;
}
.mosaicofotos p{
display:block;
float:left;
color:#003366;
font-weight:bold;
text-align:center;
margin-right:20px;
font-size:10px;
margin-top:30px;
}

.mosaicoThums{
margin-top:20px;
width: 110px;
height:90px;
background-color:#CCCCCC;
border:#999999 1px solid;
padding: 5px 5px 8px 5px;
margin-left: 10px;
float:left;

}
.cuadroComunicados, .cuadroComunicadosR{
width:264px;
padding:0 5px  5px 5px;
border:1px #CCCCCC solid;
float:left;

background-image:url(images/prensa-bg.jpg);
background-repeat:repeat-x;
text-align:left;
}

.cuadroComunicadosR{
margin-left:20px;
}
.cuadroComunicados a, .cuadroComunicadosR a{
color:#003366;
font-weight:bold;
text-decoration:none;
}

.cuadroComunicados span, .cuadroComunicadosR span{
heigth:46px;
display:block;
background-color:#D5EDF5;
margin-bottom:5px;
}

.anioLeft, .anioRight{
width:100px;
float:left;
text-align:left;
font-size:11px
}

.anioRight{
float:right;
text-align:right;
}

.punteadoContactoLeft{
float:left;
border-right:#666666 dotted 1px;
display:block;
width:5px;
padding:5px;
height:130px;
width:50px;
padding-top:60px;
}

.punteadoSuperior{
display:block;
float:left;
border-top:#666666 dotted 1px;
padding:10px;
width:450px;
line-height:25px;
}
.punteadoSin{
display:block;
float:left;
padding-left:10px;
padding-bottom:10px;
line-height:25px;
}

.punteadoSin span{
font-size:14pt;
font-weight:bold;
}

.titulo13pt{
font-size:13pt;
font-weight:bold;
}

.tituloEvento{
display:block;
width:inherit;
margin-top:20px;
padding:3px;
border:1px solid #CACACA;
background-color:#E8E8E8;
color:#000066;
font-weight:bold;
font-size:13px;
margin-bottom:20px;


}

.marcoGaleria{
width:440px;
overflow:hidden;
border:1px solid #CACACA;
margin-left:30px;
margin-top:0px;
margin-bottom:20px;
padding:10px 10px  20px 25px;
}
/***** PERFIL CORPORATIVO*****/
.accionistasMargen{
margin-left:30px;
}

.accionistas{
width:436px;
padding: 0 15px;
background-image:url(images/bg-accionistas.jpg);
background-repeat:repeat-y;
overflow:auto;
}

.accionistas h1{
display:block;
width:380px;
padding: 5px;
border-bottom:1px #D6D6D6 dotted;
font-size:15px;
font-weight:bold;
color:#333333;
clear:left;
}
.left{
width: 200px;
display:block;
float:left;
margin-bottom:10px;

}
.right{
margin-left: 80px;

font-weight:bold;
float:left;
}

.okEnviado{
background-color:#EEEEF0;
border:#CCCCCC 1px solid;
padding:2px;
color:#003366;
font-weight:bold;
}

/*****  CONCURSO DE OBRAS ****/

.concursoMargen{

margin-left:100px;
}

.op{
display:block;
width:inherit;
background-color:#d6edf5;
padding:5px;
color:#525b60;
margin-top:20px;
text-align:left;

}
/***** RELACION INVERSORES ****/

.cajaInformacion{
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
.cajaInformacionCentro{

border-right:1px solid #CCCCCC;
padding-right:10px;

}

.cajaInformcacionDerecha{
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;


}
.cajaInformcacionIzquierda{
border-top:1px solid #CCCCCC;

border-right:1px solid #CCCCCC;
padding-right:10px;
}

/*************** RRHH***************/
.comentarios{
font-size:9px;
}

#nombreLog{
text-align:right;
font-weight:bold;
height:50px;
}

#contendorCV{
	width:529px;
	border:#CCCCCC 1px solid;
	padding:25px;
	background-color:#D7DDDF;
	/*background-image:url(images/rrhh/bgcv.jpg);
	background-position: 5px;
	background-repeat:repeat-y;*/
margin-bottom: 20px;

}
.solapasCv{
width:540px;
height:16px;
color:#003366;
font-weight:bold;
padding:10px 20px;
background-image:url(images/rrhh/solapa-cv.jpg);
background-repeat:no-repeat;


}

#comentarios{
width:200px;
height:220px;
padding:50px;
padding-top:60px;
z-index:10px;
position:absolute;
top:330px;
right:230px;
background-image:url(images/rrhh/comentarios.gif);
background-repeat:no-repeat;
}

#comentarios2{
width:200px;
height:220px;
padding:50px;
padding-top:60px;
z-index:10px;
position:absolute;
top:-10px;
right:20px;
background-image:url(images/rrhh/comentarios.gif);
background-repeat:no-repeat;
}


#cajaIngreso{
width:245px;
padding:0  10px ;

border-left:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
float:left;
text-align:left;
}
 #formRegistrado{
 width:215px;
 border:1px #CCCCCC solid;
position:relative;
top:25px;
background-image:url(images/rrhh/bg-cajaIngreso.jpg);
background-repeat:repeat-x;
float:left;
text-align:left;
padding:7px  0 5px 10px;
 }
 
 #formRegistrado span{
 display:block;
  border-top: 1px #CCCCCC dotted;
  clear:both;
 
  width:200px;
  padding-top:5px;
  font-weight:bold;
 }
 
  #formRegistrado a {
  color:#003366;
  text-decoration:none;
  }
  
  #formRegistrado a:hover{
    text-decoration:underline;
  }
 
.botonIngresar {
  float:left;
position: relative;
top:35px;
left:15px;
  }

#cajaIngreso span{
color:#003366;
font-weight:bold;
}
#cajaIngreso img{
margin-left: 150px;
margin-top:20px;
}

#cajaRecupero{
width: 300px;
float:left;
margin-right: 10px;
}

.botonRecupero{
position:relative;
top:10px;
left: 10px
}

.formFiltros{
text-align:left;
/*padding-left:20px;*/
}

.titulosCelestesForm{
background-color:#D5EDF5;
font-size:9px;
padding:10px;
padding-left:20px;
}
.separadorPunteado{
border-bottom:1px #CCCCCC dotted;
padding:20px;
}

.titulosFiltros{
border:#FFFFFF solid 2px;
background-color:#D5D7D8;
padding: 6px;
padding-left:10px;

font-weight:bold;
float:left;
margin-left:5px;
}

.datosFiltros{
float:left;
margin-left:5px;
padding: 6px;
padding-left:10px;

}

.datosFiltros img{
margin-left: 10px;
}


/***** TRIVIA ****/

.bgTrivia{
width:246px;
/*height:87px;*/
padding-top:100px;
padding-bottom: 5px;
padding-left:30px;
/*background-image:url(images/comunicacion-trivia/bg.jpg);
background-repeat:no-repeat;*/
color:#003366;
text-align:left;
float:left;

}

.bgEstrella{
width:558px;
background-image:url(images/comunicacion-trivia/bg.jpg);
background-repeat:no-repeat;
text-align:left;
}
.bgTrivia a{
color:#003366;
text-decoration:none;

}

.bgTrivia a:hover{
text-decoration:underline;

}

.bgTrivia a:visited {
color:#003366;
}

.bgTrivia img{

float:right;
}

.bgTrivia strong{
font-size:12px;
}

.bgLogo, .bgCorrecto, .bgIncorrecto{
width:225px;
height:220px;
padding:55px 10px 10px 45px;

float:left;
background-repeat:no-repeat;
margin-top:16px;

color:#003366;

}

.bgLogo{
background-image:url(images/comunicacion-trivia/bg-logo.jpg);

}
.bgCorrecto{
background-image:url(images/comunicacion-trivia/bg-correcto.jpg)

}
.bgIncorrecto{
background-image:url(images/comunicacion-trivia/bg-incorrecto.jpg)

}

.respLargas{
height: 160px; width: 220px;padding-right: 5px; padding-bottom: 5px; overflow:scroll; text-align:left;
scrollbar-arrow-color:#003366;
scrollbar-base-color:#D5EEF5;
scrollbar-darkshadow-color:#A8CFDA;
}

/**** SITE MAP *****/

.cajasSitio{
	
padding:3px 10px;
float:left;
border-right:1px dotted #999;
background-image:url(images/bg-sitemap.jpg);
background-repeat:repeat-x;
}

.cajasSitio  span a {

	text-decoration:none;
	font-weight:bold;
}

.cajasSitio li {
 list-style:none;
}

/************* FOOTER******************/


#footer{
clear:both;
position:relative;
top:30px;
background-image:url(images/footer.jpg);
background-repeat:repeat-x;
height:30px;
padding-top:20px;
text-align:left;
padding-bottom:30px;
color:#999999;
}

.formfield {
	width: 120px; 
	height: 16px; 
	font-family: arial, verdana, helvetica; 
	font-size: 8pt;
	border:1px outset #d9dadc;  
	background-color: white;  
	border-style: solid;
	margin-bottom:3px;
	}