html, body {
    background: #28396d;
	overflow: hidden;
	
}
#scroll_container{
	height: 100%;
	width: 100%;
	position:absolute;
	overflow: hidden;
}

#content {
  position: relative;
  height: 5000px;
  width: 100000px;
}

/************************************************************* LANGUAGE SELECTOR */

#positioner_ls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 21px;
  z-index: 3;
}
#scroll_container #positioner_ls {
  position: fixed;
}

#ls {
  float: left;
  width: 100%;
  height: 21px;
  background: url("ls_bg.png") no-repeat;
}

#tab {
  float: left;
  width: 121px;
  height: 21px;
  background: url("ls_tab.png") no-repeat;
  padding-left: 26px;
  display: inline;
}

#tab li {
  font: bold 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  float: left;
  position: relative; /* Hace que se puedan clickear los links en IE6 */
  padding: 2px 10px 0 0;
  height: 13px;
}

#tab li a {
  font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #7f7f7f;
  text-transform: uppercase;
  text-decoration: none;
}

#tab li a:hover {
  color: #fff;
}


/************************************************************* MENU */

#menu {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  z-index: 3;
}
#scroll_container #menu {
  position: fixed;
}

ul#nav {
  float: left;
  padding: 6px 0px 0;
  /*border-top: 1px solid #42507d;*/
  display: inline;
}

ul#nav li {
  float: left;
  margin-right: 10px;
}
ul#nav li#last {
  margin-right: 0;
}

ul#nav li a {
  font: normal 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #7f7f7f;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 14px;
  height: 22px;
  line-height: 22px;
  position: relative; 
  overflow: hidden;
  outline: none;
  z-index: 10;
}
ul#nav li a:hover, ul#nav li:hover a, ul#nav li a.active {
  color: #fff;
}

ul#nav li.back {
  background: #3e4d7c;
  height: 22px;
  z-index: 8;
  position: absolute;
}


/********************************************************/

.clear {
  clear: both;
}

.column {
  border-right: 1px solid #5f70a4;
  float: left;
  height: 5000px;
}

.section {
  display: block;
  float: left;
  width: 955px;
  text-align: center;
  background: #28396d url("section_bg.png") repeat-x;
}
.section_wrapper {
  width: 955px;
  margin: 0 auto;
  background: url("section_logo.png") right top no-repeat;
  text-align: left;
}
.section_content {
  float: left;
  width: 771px;
}

.ui-tabs-hide {
  display: none;
}

.header {
  float: left;
  width: 771px;
  height: 54px;
  padding: 94px 0 0 25px;
}

p {
  float: left;
  width: 671px;
  padding-left: 25px;
  font: normal 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #eef2ee;
  line-height: 18px;
  margin-bottom: 18px;
}

p.arrow {
  background: url("blue_arrow.png") 7px 7px no-repeat;
}

.section_content ul {
  float: left;
  width: 494px;
}
.section_content ul li {
  padding-left: 25px;
  background: url("blue_arrow.png") 7px 7px no-repeat;
  font: normal 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #eef2ee;
  line-height: 18px;
  margin-bottom: 18px;
}

p span.highlight {
  color: #4f72d6;
  font-style: italic;
}

p a { color: #fff; }
p a:hover { text-decoration: none; }

a.home_link {
  float: right;
  width: 150px;
  height: 150px;
  text-indent: -99999px;
}

/******************************************************************** HOME */

img#home_logo { margin: 0 auto; }

/******************************************************************** NUESTRO ESTUDIO */

#ne_head { background: url("nuestro_estudio_header.png") no-repeat; }
#ne_head.en { background: url("our_studio_header.png") no-repeat; }
ul#ne_menu, ul#ne_menu li {
  float: left;
}
ul#ne_menu li a {
  height: 30px;
  float: left;
  text-indent: -9999px;
  display: block;
  background: url("nuestro_estudio_menu.png") no-repeat;
}

ul#ne_menu li a#presentacion_link { width: 150px; background-position: 0 0; }
ul#ne_menu li a#presentacion_link:hover { background-position: 0 -30px; }
ul#ne_menu li a#principios_link { width: 119px; background-position: -150px 0; }
ul#ne_menu li a#principios_link:hover { background-position: -150px -30px; }

ul#ne_menu li.ui-tabs-selected a#presentacion_link { background-position: 0 -30px; }
ul#ne_menu li.ui-tabs-selected a#principios_link { background-position: -150px -30px; }

#our_studio ul#ne_menu li a { background: url("our_studio_menu.png") no-repeat; }

#our_studio ul#ne_menu li a#presentacion_link { width: 110px; background-position: 0 0; }
#our_studio ul#ne_menu li a#presentacion_link:hover { background-position: 0 -30px; }
#our_studio ul#ne_menu li a#principios_link { width: 114px; background-position: -110px 0; }
#our_studio ul#ne_menu li a#principios_link:hover { background-position: -110px -30px; }

#our_studio ul#ne_menu li.ui-tabs-selected a#presentacion_link { background-position: 0 -30px; }
#our_studio ul#ne_menu li.ui-tabs-selected a#principios_link { background-position: -110px -30px; }

/******************************************************************** PROFESIONALES */

#pr_head { background: url("profesionales_header.png") no-repeat; }
#pr_head.en { background: url("professionals_header.png") no-repeat; }
ul#pr_menu, ul#pr_menu li {
  float: left;
}
ul#pr_menu {
  width: 163px;
}

ul#pr_menu li a {
  height: 30px;
  float: left;
  text-indent: -9999px;
  display: block;
  background: url("profesionales_menu.png") no-repeat;
}

ul#pr_menu li a#gene_link { width: 148px; background-position: 0 0; }
ul#pr_menu li a#gene_link:hover { background-position: 0 -30px; }
ul#pr_menu li a#lucino_link { width: 163px; background-position: -148px 0; }
ul#pr_menu li a#lucino_link:hover { background-position: -148px -30px; }

ul#pr_menu li.ui-tabs-selected a#gene_link { background-position: 0 -30px; }
ul#pr_menu li.ui-tabs-selected a#lucino_link { background-position: -148px -30px; }

.profile_photo {
  float: left;
  width: 500px;
  margin-left: 30px;
  padding: 3px 0;
  border-top: 1px solid #384365;
  border-bottom: 1px solid #404b6f;
}

.profile_info {
  float: left;
  width: 510px; 
  margin-left: 25px;
}

.profile_bottom_line {
  float: left;
  width: 500px;
  height: 1px;
  border-top: 1px solid #42507d;
  margin-left: 30px;
}

a.button_bio_info {
  float: left;
  display: block;
  width: 99px;
  height: 19px;
  text-indent: -9999px;
  background: url("button_bio_info.png") no-repeat;
  margin-top: 24px;
}

a.button_pdf {
  float: right;
  display: block;
  width: 31px;
  height: 31px;
  text-indent: -9999px;
  background: url("button_pdf.png") no-repeat;
  margin-top: 14px;
  cursor: pointer;
}

a.popup_close {
  float: right;
  display: block;
  width: 27px;
  height: 25px;
  text-indent: -9999px;
  background: url("popup_close.png") no-repeat;
}

#lucino_info { background: url("lucino_reflex.jpg") no-repeat; height: 70px; }
#lucino_popup_head { 
  background: url("lucino_popup.png") no-repeat;
  float: left;
  width: 529px;
  height: 110px;
}
#lucino_popup_head.en { background: url("lucino_popup_en.png") no-repeat; }
#lucino_popup_content {
  float: left;
  width: 529px;
  height: 410px;
  padding-top: 11px;
}

.cv {
  float: left;
  padding: 0 0 18px 54px;
  background: url("blue_arrow.png") 21px 7px no-repeat;
}

.cv table { width: 437px; }

.cv table tr td {
  font: normal 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #a4a4a4;
  height: 17px;
  border-bottom: 1px solid #2f2f2f;
}


.cv table tr td.date { width: 75px; }
.cv table tr td.last { border: none; }

#gene_info { background: url("gene_reflex.jpg") no-repeat; height: 70px; }
#gene_popup_head { 
  background: url("gene_popup.png") no-repeat;
  float: left;
  width: 529px;
  height: 110px;
}
#gene_popup_head.en { background: url("gene_popup_en.png") no-repeat; }
#gene_popup_content {
  float: left;
  width: 529px;
  height: 410px;
  padding-top: 11px;
}

#pr_gene, #pr_lucino {
  padding-top: 30px;
}


/******************************************************************** AREAS DE PRACTICA */

#ap_head { background: url("areas_practica_header.png") no-repeat; }
#ap_head.en { background: url("practice_areas_header.png") no-repeat; }
#ap_content {
  background: url("areas_practica_bg.jpg") right 4px no-repeat;
  width: 955px;
  float: left;
  padding-top: 4px;
  height: 500px;
}

.ap_line {
  float: right;
  width: 930px;
  height: 39px;
  border-bottom: 1px solid #3c4767;
}

#ap_content ul {
  padding-top: 13px;
}

#ap_content ul li {
  margin: 0;
  background: none;
  width: 366px;
  height: 17px;
  line-height: 17px;
}

#ap_content ul li a {
  color: #a4a4a4;
  display: block;
  width: 366px; 
  text-decoration: none;
  border-bottom: 1px solid #596485;
}
#ap_content ul li a:hover { color: #fff; cursor: text; }
#ap_content ul li:hover { background: url("blue_arrow.png") 7px 7px no-repeat; }

/******************************************************************** CLIENTES */

#cl_head { background: url("clientes_header.png") no-repeat; }
#cl_head.en { background: url("clients_header.png") no-repeat; }
#cl_content { width:951px; height: 550px; }

ul#cl_menu, ul#cl_menu li {
  float: left;
}
ul#cl_menu li a {
  height: 30px;
  float: left;
  text-indent: -9999px;
  display: block;
  background: url("clientes_menu.png") no-repeat;
}

/*ul#cl_menu li a#comercial_link { width: 190px; background-position: 0 0; }
ul#cl_menu li a#comercial_link:hover, ul#cl_menu li a#comercial_link.active { background-position: 0 -30px; }
ul#cl_menu li a#financiero_link { width: 194px; background-position: -190px 0; }
ul#cl_menu li a#financiero_link:hover, ul#cl_menu li a#financiero_link.active { background-position: -190px -30px; }
ul#cl_menu li a#seguros_link { width: 176px; background-position: -384px 0; }
ul#cl_menu li a#seguros_link:hover, ul#cl_menu li a#seguros_link.active { background-position: -384px -30px; }*/

ul.cl_list {
  float: left;
  width: 317px;
}

ul.cl_list li {
  float: left;
  height: 18px;
  margin: 0;
  padding-top: 18px;
  background: none;
}

ul.cl_list li span {
  width: 292px;
  border-bottom: 1px solid #3e4b75;
  display: block;
  line-height: 18px;
  color: #a4a4a4;
}

ul.cl_list li.active { background: url("blue_arrow.png") 7px 25px no-repeat; }
ul.cl_list li.active span { color: #fff; font-weight: bold; }

/******************************************************************** CONTACTO */

#co_head { background: url("contacto_header.png") no-repeat; }
#co_head.en { background: url("contact_header.png") no-repeat; }

form#contact_form {
  width: 900px;
  height: 300px;
  float: left;
  background: url("contacto_bg.png") 25px bottom no-repeat;
}

form#contact_form fieldset {
  float: left;
  width: 442px;
}

form#contact_form .row {
  float: left;
  height: 45px;
  padding-left: 25px;
}
form#contact_form .row.active {
  background: url("blue_arrow.png") 7px 33px no-repeat;
}

form#contact_form label {
  float: left;
  height: 18px;
  padding-top: 27px;
  width: 133px;
  margin-right: 23px;
  line-height: 18px;
  font: normal 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #a4a4a4;
  border-bottom: 1px solid #56607f; 
}

form#contact_form input {
  font: normal 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #a4a4a4;
	line-height: 18px;
	vertical-align: middle;
	height: 23px;
	width: 240px;
  border: 0;	
	border-left: 1px solid #56607f;
	border-bottom: 1px solid #56607f;
	padding: 0 5px;
	margin: 0;
	margin-top: 22px;
	background: none;
}

form#contact_form textarea {
  font: normal 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #a4a4a4;
	line-height: 23px;
	vertical-align: middle;
	height: 112px;
	width: 240px;
  border: 0;	
	border-left: 1px solid #56607f;
	border-bottom: 1px solid #56607f;
	padding: 0 5px;
	margin: 0;
	margin-top: 22px;
	background: none;
}

form#contact_form a#enviar {
  float: left;
  width: 101px;
  height: 20px;
  text-indent: -99999px;
  background: url("contacto_send.png") no-repeat;
  margin: 70px 0 0 26px;
}

form#contact_form a#enviar.en { background: url("contact_send.png") no-repeat; }

#confirmation {
  position: absolute;
  z-index: 200;
  top: 1400px;
  left: 5437px;
  width: 340px;
  height: 150px;
  padding: 96px 0 0 49px;
  display: none;
}

#confirmation.es { background: url("conf_es_bg.png") no-repeat; }
#confirmation.en { background: url("conf_en_bg.png") no-repeat; }

#confirmation p {
  padding: 0 0 55px 0;
  margin: 0;
  color: #c3c3c3;
}

/******************************************************************** IMAGENES */

.dec_img {
  position: absolute;
  z-index: 2;
}

#img_01 { top: 550px;}
#img_02 { top: 1400px;}
#img_03 { top: 500px;}
#img_04 { top: 1500px;}