body {
text-align: center; /*center hack*/
/*font-family: Arial, Helvetica, sans-serif;*/
/*font-family: 'Lucida Grande', Helvetica, sans-serif;*/
font-family: Arial;
font-size: 10px;
/*background:#000000 url(../images/fondo1.jpg) top left repeat;*/
/*background:#000000;*/
/*background:#000000 url(../images/fondo1.jpg) top left repeat;
background-attachment:fixed;*/
background:#ffffff;
color:#999999;
font-size:12px;
}
* {
margin:0;
padding:0;

}
#wrap {
/*border:1px solid red;*/
text-align:left;
width:1000px;
position:relative; 
margin:0px auto;
left:25px;
}

#wrap2 {
/*border:1px solid red;*/
text-align:left;
width:1000px;
position:relative; 
margin:0px auto;
left:17px;
}

#logo {
top:25px;
width:195px;
background:blue;
padding:25px 0px 0px 25px;
height:85px;
background:transparent url(images/logo_diav_chico.png) top left repeat;
 }

#info {
top:110px;
width:195px;
padding:0px 0px 0px 25px;
height:270px;
font-family: Arial;
}

#welcome{
width:200px; 
padding:10px; /* originalmente 25px */
left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:15px;
border:1px;
}
/*
#welcome h1
{
font-size:12px;
}*/
#bienvenido{
width:200px;
padding:10px; /* originalmente 25px */
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin:15px;
}

#menu {
width:520px;
height:85px;
position:absolute;
top:0px;
left:275px;
/* background:yellow;*/
/*padding:25px 0px;*/
/*padding:25px 0px;*/
padding:25px 0px 0px 0px;
display:inline;

font-size:10px;
}

#buscador {
width:50px;
height:10px;
position:absolute;
top:0px;
left:970px;
padding:25px 0px;
font-size:10px;
}

#portfolio2 { /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:655px;
/*height:830px;*/
position:absolute;
top:110px;
left:280px;
/*padding:25px;*/
}

#portfolio { /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:655px;
/*height:830px;*/
position:absolute;
top:110px;
left:280px;
/*padding:25px;*/
}

#contenedorServicios{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:800px;
height:850px;
position:absolute;
top:100px;
left:250px;
/*padding:25px;*/
}
#equipo { /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:575px;
height:450px;
position:absolute;
top:110px;
left:200px;
overflow:auto;
padding: 0px 78px;

}

#servicios{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:480px;
height:150px;
position:absolute;
top:100px;
left:250px;

}
#slideservicio1{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:120px;
position:absolute;
top:630px;
left:0px;

}
#slideservicio2{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:150px;
position:absolute;
top:550px;
left:0px;
}

#slideservicio3a{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:150px;
position:absolute;
top:420px;
left:0px;
}

#slideservicio4{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:150px;
position:absolute;
top:580px;
left:0px;
}

#slideservicio3c{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:600px;
position:absolute;
top:1370px;
left:0px;
}

.servicioIzquierda{
text-align:left;
color:#666666;
margin:100;
width:220px;
height:260px;
position:absolute;
top:240px;
left:0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicioDerecha{

text-align:left;
color:#999999;
margin:100;
width:220px;
height:260px;
position:absolute;
top:240px;
left:240px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}
.tituloServicioEspaniol{
position:absolute;
left:370px;
padding:10px 0px;

}

.tituloServicio2{
/*background:#FF00CC;*/

width:700px;
position:absolute;
top:80px;
left:0px;
}

.tituloServicio3{
width:700px;
position:absolute;
top:1800px;
left:0px;
}

#tituloServicio4{
width:700px;
position:absolute;
top:3550px;
left:0px;
}

.servicio2Izquierda{
text-align:left;
color:#666666;
margin:100;
width:220px;
height:250px;
position:absolute;
top:310px;
left:0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicio2Derecha{
text-align:left;
color:#999999;
margin:100;
width:220px;
height:250px;
position:absolute;
top:310px;
left:240px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicio3Izquierda{
text-align:left;
color:#666666;
margin:100;
width:220px;
height:200px;
position:absolute;
top:345px;
left:0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicio3Derecha{
text-align:left;
color:#999999;
margin:100;
width:220px;
height:200px;
position:absolute;
top:345px;
left:240px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicio4Izquierda{
text-align:left;
color:#666666;
margin:100;
width:220px;
height:200px;
position:absolute;
top:380px;
left:0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicio4Derecha{
text-align:left;
color:#999999;
margin:100;
width:220px;
height:200px;
position:absolute;
top:380px;
left:240px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}


/****************************************** contenedores de la segunda parte del portofolio **************************************/
.servicioIzquierda_2{
text-align:left;
color:#666666;
margin:100;
width:220px;
/*height:250px;*/
position:absolute;
top:600px;
left:0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicioDerecha_2{

text-align:left;
color:#999999;
margin:100;
width:220px;
/*height:250px;*/
position:absolute;
top:600px;
left:240px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

#blenddiv4{
text-align:left;
margin:100;
width:220px;
/*height:250px;*/
position:absolute;
top:625px;
left:500px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;

}

#slideservicio1_2{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:120px;
position:absolute;
top:850px;
left:0px;

}

.servicioIzquierda2_2{
text-align:left;
color:#666666;
margin:100;
width:220px;
height:600px;
position:absolute;
top:670px;
left:0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicioDerecha2_2{

text-align:left;
color:#999999;
margin:100;
width:220px;
height:600px;
position:absolute;
top:670px;
left:240px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

#blenddiv2{
text-align:left;
margin:100;
width:220px;
/*height:250px;*/
position:absolute;
top:670px;
left:500px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;

}

#slideservicio2_2{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:150px;
position:absolute;
top:1050px;
left:0px;

}

.servicioIzquierda3_2{
text-align:left;
color:#666666;
margin:100;
width:220px;
height:250px;
position:absolute;
top:710px;
left:0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicioDerecha3_2{

text-align:left;
color:#999999;
margin:100;
width:220px;
height:250px;
position:absolute;
top:710px;
left:240px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

#blenddiv3{
text-align:left;
margin:100;
width:220px;
/*height:250px;*/
position:absolute;
top:710px;
left:500px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;

}

#slideservicio3_2{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:150px;
position:absolute;
top:800px;
left:0px;

}

.servicioIzquierda4_2{
text-align:left;
color:#666666;
margin:100;
width:220px;
/*height:250px;*/
position:absolute;
top:740px;
left:0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.servicioDerecha4_2{

text-align:left;
margin:100;
color:#999999;
width:220px;
/*height:250px;*/
position:absolute;
top:740px;
left:240px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

#slideservicio4_2{ /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:120px;
position:absolute;
top:1020px;
left:0px;

}
/*************************************************************************************************************************/


#portfolio ul {
list-style-type: none; 
}
#contenedorServicios ul {
list-style-type: none; 
}
#pie { /* definicion de ID comienza por # */
/*background:#FFFFFF;*/
width:700px;
height:60px;
position:absolute;
top:520px;
left:250px;
/*padding:25px;*/
}

#logos_partners{
width:800px;
height:30px;
position:absolute;
top:530px;
left:860px;
}


.inside {padding:10px;}  /* definicion de clase comienza por punto*/


fieldset {
}

/* Estilos del menu horizontal*/
#menu ul{
/*Remove all spacings from the list items*/
margin:0px;
padding:0px 0px 0px 0px;
cursor:default;
list-style-type:none;
display:inline;
}


#menu ul li {
display: inline;
padding:2px 0px 0px 0px; /*Separar el texto*/

margin:0px; /* Separar los botones */
left:0px;

} 

#menu ul li:hover,.current {
/*background-color:#CCCCCC; /* Color de fondo sobre el boton */
cursor: pointer; /* cambiar el aspecto del puntero */
/*color:#fff;*/
color:#00cc00;

}

#menu ul li>ul{
/*Make the sub list items invisible*/
display:none;
position: absolute;
max-width: 40ex;
margin-left: -6px;
margin-top: 2px;
}

#menu ul li:hover>ul{
/*When hovered, make them appear*/
display:block;
color:#fff
}

#menu ul li a:link {
/*Make the hyperlinks as a block element, sort of a hover effect*/
display:block;
padding:0px 10px;
text-decoration:none;
color:#fff
}

#menu ul li a:visited {
/*Make the hyperlinks as a block element, sort of a hover effect*/
text-decoration:none;
color:#999999
}

#menu ul li a:hover {
/*Make the hyperlinks as a block element, sort of a hover effect*/
text-decoration:none;
/*color:#fff*/
color:#00cc00;
}



#menu ul{
display:table;
width: 100%;
table-layout:fixed;
}

#menu ul>li{
display: table-cell;
position: relative;
padding: 0px 0px 0px 0px;
width: 80px;
}
#menu ul>li a{
padding: 0px 0px 0px 0px;
width: 80px;
}
/* estilo del menu */
input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.inputbox {
	width: 120px;
	border: 1px solid #333333;
	padding: 3px 5px;
	color: #999999;
	background: #000000;
	font-size: 92%;
	float:right;
}

.inputbox:hover, .inputbox:focus {
	/*background: #000000;*/
	width: 120px;
	border: 1px solid #333333;
	padding: 3px 5px;
	color: #999999;
	background: #000000;
	font-size: 92%;
}
#ja-search .inputbox {
	width: 120px;
	border: 1px solid #333333;
	padding: 3px 5px;
	color: #999999;
	background: #444444;
	font-size: 92%;
}

#portfolio a:link {
/*Make the hyperlinks as a block element, sort of a hover effect*/
display:block;
padding:0px 0px;
text-decoration:none;
color:#999999;
font-size:10px
}

#portfolio a:visited {
/*Make the hyperlinks as a block element, sort of a hover effect*/
text-decoration:none;
color:#999999
}

#portfolio a:hover {
/*Make the hyperlinks as a block element, sort of a hover effect*/
text-decoration:none;
/*color:#fff*/
color:#00cc00;
}


#contenedorServicios a:link {
/*Make the hyperlinks as a block element, sort of a hover effect*/
display:block;
padding:0px 0px;
text-decoration:none;
color:#666;
font-size:10px
}

#contenedorServicios a:visited {
/*Make the hyperlinks as a block element, sort of a hover effect*/
text-decoration:none;
color:#999999
}

#contenedorServicios a:hover {
/*Make the hyperlinks as a block element, sort of a hover effect*/
text-decoration:none;
/*color:#fff*/
color:#00cc00;
}

.tablaproyectos{
padding:0px; /* originalmente 25px */
color:#666666;
background: #fff;
height: 40px;
font-size: 14px;
width: 700px;
font-size: 10px;
border-bottom: 2px solid #ccc;
 /*fff*/
}

.tablaproyectos2{
padding:0px; /* originalmente 25px */
color:#666;
background: #fff;
height: 40px;
width: 655px;
font-size: 14px;
border-bottom: 2px solid #999;
 /*fff*/
}

.linea_media{
border-bottom: 2px solid #999;
text-align: left;
}  

.scroller{
  position: relative;
  overflow: hidden;
  height: 410px;
  width: 787px;}
  .modal-content{width: 3400px;}
    .modal-content div{float:left; width:728px; height: 405px; padding: 0 30px;
}

hr {
 height: 1px;
  margin: 0 auto;
}
/***************************************************************************/
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
   /* width: 660px; */
	 width: 660px; 
   /* height:90px; */
   height:330px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    /*width:20000em; */
	width:1100em;
    position:absolute;
	padding: 0px;
	
	
}

 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:0px inset #ccc; 
    /*background-color:#fff; */
	/*background-color:#fff; */
}

/********************* inclusiones al 17 de septiembre de 2009 ***************************/

.menu_title{
	color:#999999;
	cursor: pointer;
	text-decoration: none;
}

.menu_title:hover,.current{
	color:#00cc00;
	cursor: pointer;
	text-decoration: none;
}

.actualMenu{
	color:#00cc00;
	cursor: default;
	text-decoration: none;
}

#search{
	width:120px;
	height:20px;
	position:absolute;
	top:25px;
	left:800px;
	
}

#info2{
	/*width:120px;
	height:20px;*/
	position:absolute;
	top:107px;
	left:800px;
	font-family: Arial;
	
}

#info3{
	/*width:120px;
	height:20px;*/
	position:absolute;
	top:450px;
	left:800px;
	
}

.searchBlock{
	color:#999999;
	background: #fff;
	font-size: 10px;
	/*cursor: pointer;*/
	text-decoration: none;
	width: 120px;
	height: 10px;
	border:1px solid #999999;

}

/******************* NUEVAS CLASES ********************/

.titulos_tablas_eng{
	font-size: 11px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
}

.titulos_tablas_esp{

	font-size: 11px;
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
}

.fondo_titulos{
background: #fff;
height:40px;
}

.normal_text_eng{
	font-size: 10px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	

}

.normal_text_esp{
	font-size: 10px;
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	

}

/******* Hack css que permite alineación vertical en tablas ****************/
.centrado {
   height: 100%;
   vertical-align: middle;
   width: 0px;
} 

img {

   border-width: 0px;
}

.texto_archivo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	/*cursor: normal;*/
}

/*.texto_archivo:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00ff00;
	/*cursor: normal;*/
/*}*/

.tabla_extra{
border-top: 2px solid #999;
border-bottom: 2px solid #999;
width: 655px;
}

#anemix{
	width:140px;
	height:60px;
	position:absolute;
	top:180px;
	left:0px;
	z-index: 3;
	
}

.text_file{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: none;
	!important
}

.link_file{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: none;
	!important
}

.link_file:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00FF00;
	font-weight: none;
	!important
}

.back_file{
	
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 655px;
	!important
}

.back_file:hover{
	background-color: #eeeeee;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	!important
}

.borde_extra{
	width: 655px;
	border-top: 2px #cccccc solid;
	border-bottom: 2px #cccccc solid;
}