@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background:url(images/bg.gif) repeat-x #898c62;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}
h5 {
	color: #5a6a7f;
	font-weight: normal;
	font-size: 11px;
	padding-top: 15px;
}
div#central {
	margin: 0 auto;
	width: 995px;
}
div#topglow {
	background: url(images/topglow.gif) no-repeat;
	height: 31px;
	width: 995px;
}
div#ventanahome {
	width: 975px;
	
	background: white;
	border: #FFF 10px solid;
}

div#ventanahomeen {
	width: 975px;
	height: 600px;
	background: white;
	margin: auto;
	border: #FFF 10px solid;
}
div#ventanahomeen p {
	padding-top: 160px;
	height: 200px;
	width: 320px;
	display: block;
	margin: 0 auto;
	text-align:center;
}


div#ventanas {
	width: 975px;
	height: auto;
	background: white;
	border: #FFF 10px solid;
}

div#header {
	width: 975px;
	height: 209px;
	background: url(images/bg-header.jpg) no-repeat;
}
div#contenthome {
	width: 975px;
	height: auto;
	background: url(images/bg-home.jpg) no-repeat;
}
div#contents {
	width: 975px;
	height: auto;
	background: url(images/bg-int.jpg) no-repeat;
	background-position: top;
	margin: 0;
}
div#textocontenidos {
	width: 975px;
	background-repeat: no-repeat;
	background-position: 42px 74px;
	

}

div#textocontenidosgente {
	width: 975px;
	height: 700px;
	background-repeat: no-repeat;
	background-position: 42px 74px;
	

}
.firma {
	background: url(images/lafirma.jpg);
}
.consultoria {
	background:url(images/consultoria.jpg);
}
.mision {
	background: url(images/mision.jpg);
	height: 500px;
}
.gente {
	background: url(images/gente.jpg);
}
.alianzas {
	background: url(images/alianzas.jpg);
	height: 500px;
}
.litigio {
	background:url(images/litigio.jpg);
	height: 500px;
}
.normativo {
	background: url(images/normativo.jpg);
}
.consensos {
	background: url(images/consensos.jpg);
}

.historias {
	background: url(images/historias.jpg);
}
.legislativo {
	background: url(images/legislativo.jpg);
}
.clientes {
	background: url(images/clientes.jpg);
}
.ubicaciones {
	background: url(images/oficinas.jpg);
}
.contacto {
	background: url(images/contacto.jpg);
	height: 500px;
}
.articulo {
	background: url(images/china.jpg);
	
}

.formaCampos {
	background: #66788f;
	color: #FFF;
	width: 363px;
	border: hidden;
	height: 30px;
}
.formaCampos2 {
	background: #66788f;
	color: #FFF;
	width: 363px;
	border: hidden;
	height: 150px;
}



div#logo {
	margin: 44px 22px;
	width: 320px;
	height: 121px;
	/*background: url(images/vera-Carvajal.jpg) no-repeat;*/
	float: left;
	overflow: hidden;
}
/*div#logo h1 a{
	display: block;
	padding-top: 122px;
}
div#logo h2 {
	padding-top: 122px;
	display: block;
}*/
div#linkspermanentes {
	float: left;
	width: 610px;
	height: 26px;
	margin: 20px 0;
}
div#mapadesitio {
	width: 120px;
	height: 16px;
	margin-left: 363px;
	float: left;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding:5px 0;
}
div#idioma {
	width: 75px;
	height: 16px;
	margin-left: 33px;
	float: left;
	font-size: 12px;
	color:#FFF;
	padding: 5px 9px;
	background: url(images/bg-idioma.jpg) no-repeat;
}
div#mapadesitio a, div#idioma a {
	color:#FFF;
	text-decoration: none;
}

div.mapas {
	width: 900px;
	height:480px;
	margin: 0 auto;
	padding: 50px 0;
}
div.titulos {
	height: 40px;
	width: 610px;
	background: url(images/titulos.png) no-repeat;
	overflow: hidden;
	margin-left: 362px;
}
/*---posiciones titulos---*/


div#tfirma {
	background-position: 0 -40px;
}
div#tgente {
	background-position: 0 -80px;
}

div#talianzas{
	background-position: 0 -120px;
}
div#tconsultoria{
	background-position: 0 -160px;
}
div#tlitigio{
	background-position: 0 -200px;
}
div#tnormativo{
	background-position: 0 -240px;
}
div#tconsensos{
	background-position: 0 -280px;
}
div#thistorias{
	background-position: 0 -320px;
}
div#tclientes{
	background-position: 0 -360px;
}
div#tlegislativo{
	background-position: 0 -400px;
}
div#tnoticias{
	background-position: 0 -440px;
}
div#teventos{
	background-position: 0 -480px;
}
div#tarticulo{
	background-position: 0 -520px;
}
div#tcontacto{
	background-position: 0 -560px;
}
div#tubicaciones{
	background-position: 0 -600px;
}





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

div.titulos h2 {
	padding-top: 41px;
	color: #66788f;
}

div#textinteriores {
	width: 485px;
	margin-left: 365px;
	padding-top: 20px;
	padding-bottom: 50px;
}
div#textubicaciones {
	width: 835px;
	margin: 0 70px;
	padding-top: 20px;
	padding-bottom: 50px;
	
}


div#textinteriores p, div#textocentralgente p, div#textubicaciones p {
	font-size: 13px;
	color: #555;
	padding-top: 8px;
	line-height: 20px;
	text-align: justify;
}
div#textinteriores ul li, div#textocentralgente ul li, div#textubicaciones ul li {
	font-size: 13px;
	line-height: 20px;
	color: #555:
}
div#textinteriores p a, div#textocentralgente p a, div#textubicaciones p a{
	color: #09F;
	text-decoration: none;
}

div#textinteriores h2, div#textocentralgente h2, div#textubicaciones h2  {
	color: #3d4958;
	font-size: 20px;
	font-weight: lighter;
	clear: both;
}
table td, table tr{
	vertical-align: top;
	color: #3d4958;
}

div#textinteriores h3, div#textocentralgente h3, div#textubicaciones h3 {
	color: #3d4958;
	font-size: 18px;
	padding-top: 15px;
	font-weight: lighter;
	clear: both;
}

div#textinteriores h3 span, div#textubicaciones h3 span {
	padding-left: 250px;
	font-size: 13px;
	
}
div#textinteriores h3 span a, div#textubicaciones h3 span a {
	color:#0CF;
	text-decoration: none;
}

div#textinteriores ul {
	font-size: 14px;
	color: #555;
	padding: 5px 0 15px 20px;
	line-height: 24px;
	text-align: left;
	
}

div#textubicaciones ul {
	font-size: 14px;
	color: #555;
	padding-top: 15px;
	line-height: 24px;
	text-align: left;
	padding-left: 310px;
	list-style: none;
}


div#bthome {
	width: 72px;
	height: 22px;
	background: url(images/home.gif) no-repeat bottom;
	position: absolute;
	padding-top: 40px;
}

div#bthome a {
	color: #3d4958;
	text-decoration: none;
}
div#bthome a:hover {
	text-decoration: underline;
}
/*-------------------principal nav-----------*/




div#menuoficinas ul {
	list-style: none;
	margin-left: -20px;
	
}
div#menuoficinas ul li {
	display: block;
	float: left;
	margin: 4px;
	height: 22px;
	background: #996;
	padding: 0 20px;
	margin-bottom: 40px;
}

div#menuoficinas ul li a {
	color:#FFF;
	text-decoration: none;
}
	
	



/*---------------petalos ul------------*/
ul#petalos {
	list-style: none;
	display: block;
	height: 294px;
	width: 294px;
	background: #C90;
	float: left;
}
/*
ul#petalos li {
	display: block;
	width: 147px;
	height: 147px;
	float: left;
	overflow: hidden;
	
	
}*/


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

div#principalnav {
	width: 610px;
	height: 143px;
	float: left;
	overflow: hidden;
}
div#principalnav ul {
	display: block;
	width: 610px;
	height: 62px;
	margin-top: 24px;
}
div#principalnav ul li {
	display: block;
	width: 121px;
	height: 62px;
	float: left;
	list-style-type: none;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	/*overflow: hidden;*/
}
div#principalnav ul li a {
	display: block;
	width: 121px;
	height: 62px;
	padding-top: 63px;
	background: url(images/principal-nav.png) no-repeat;
}
/*---link visited states----*/
div#menu ul li#quienes a:link, div#menu ul li#quienes a:visited {
	background-position: 0 0;
}
div#menu ul li#servicios a:link, div#menu ul li#servicios a:visited {
	background-position: -121px 0;
}
div#menu ul li#historias a:link, div#menu ul li#historias a:visited {
	background-position: -242px 0;
}
div#menu ul li#publicaciones a:link, div#menu ul li#publicaciones a:visited {
	background-position: -363px 0;
}
div#menu ul li#contacto a:link, div#menu ul li#contacto a:visited {
	background-position: -484px 0;
}
/*---overstates---*/

div#menu ul li#quienes a:hover {
	background-position: 0 -62px;
}
div#menu ul li#servicios a:hover {
	background-position: -121px -62px;
}
div#menu ul li#historias a:hover {
	background-position: -242px -62px;
}
div#menu ul li#publicaciones a:hover {
	background-position: -363px -62px;
}
div#menu ul li#contacto a:hover {
	background-position: -484px -62px;
}
/*---active---*/
div#menu ul li#quienes a:active {
	background-position: 0 -124px;
}
div#menu ul li#servicios a:active {
	background-position: -121px -124px;
}
div#menu ul li#historias a:active {
	background-position: -242px -124px;
}
div#menu ul li#publicaciones a:active {
	background-position: -363px -124px;
}
div#menu ul li#contacto a:active {
	background-position: -484px -124px;
}
/*---current---*/
div#menu ul li#quienesact a {
	background-position: 0 -124px;
	cursor: default;
}
div#menu ul li#serviciosact a {
	background-position: -121px -124px;
	cursor: default;
}
div#menu ul li#historiasact a {
	background-position: -242px -124px;
	cursor: default;
}
div#menu ul li#publicacionesact a {
	background-position: -363px -124px;
	cursor: default;
}
div#menu ul li#contactoact a {
	background-position: -484px -124px;
	cursor: default;
}


/*-------menu-------*/
div#menu {
	width: 610px;
	height: 62px;
	background: url(images/principal-nav.png) no-repeat;
	float:left;
	margin:auto;
	overflow: hidden;
	margin-top: 24px;
}
#nav {
	list-style-type: none;
}

#nav li {
	float:left;
	overflow: hidden;
	
}
#nav li a {
	display:block;
	background:  url(images/principal-nav.png) no-repeat;
	text-decoration:none;
	color:#CCC;
}
#nav li a:hover {
	color: #FFF;
}


div#numeralia {
	width: 610px;
	height: 57px;
	float: left;
}

/*--------rollovers menu------*/

a.quienes, a.servicios, a.historias, a.publicaciones, a.contacto {
	display: block;
	height: 44px;
	width: 121px;
}

a.quienes span, a.servicios span, a.historias span, a.publicaciones span, a.contacto span {
	display: none;
}








/*-------submenu-------*/

#nav ul.submenu {
	font-size: 11px;
	text-align: center;
	padding:5px;
	position:absolute;
	list-style:none;
	background-color:#4e617b;
	z-index: 100000;
}
#nav ul.submenu li {
	float:none;
	background-image:none;
	border-bottom:1px solid #7c8794;
	width:110px;
	padding: 5px 0;
}

#nav ul.submenu li a {
	background: none;
}



/*----------------------------------------------------------------------------------------------*/
div#menupetalos {
	height: 294px;
	width: 294px;
	float: left;
	margin: 17px 36px;
}
div#divisiones {
	width: 294px;
	height: 20px;
	margin: 0 36px;
	background: url(images/t-divisiones.png) no-repeat;
	overflow: hidden;
}
div#divisiones h2 {
	padding-top: 21px;
	color: #66788f;
}
div#lateral {
	width: 366px;
	
	/*float: left;*/
}
/*----------------------------------------- coda slider-----------------------------------------*/
.panel-wrapper h1{
	width: 600px;
	height: 400px;
	background: url(images/img-home.png) no-repeat;
}
.panel-wrapper h1 span{
	display: none;
}
.panel-wrapper h2 {
	font-weight: normal;
	color: #66788f;
	display: block;
	width: 200px;
	height: 34px;
}
.panel-wrapper h2 span {
	display: none;
}

.panel-wrapper h2#tdecision {
	background: url(images/t-decisionscope.png) no-repeat;
}
.panel-wrapper h2#tenvirosense {
	background: url(images/t-envirosense.png) no-repeat;
}
.panel-wrapper p {
	font-size: 13px;
	color: #555;
	padding-top: 14px;
	line-height: 20px;
	text-align: justify;
	
}
/* Most common stuff you'll need to change */

	.coda-slider-wrapper {
	padding: 0;
}
/*.coda-slider { background: #ebebeb }*/
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {
	height: 200px;
	overflow: auto !important;
	padding-right: 20px
}
/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {
	width: 600px
}
/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 600px
}
.coda-slider-wrapper.arrows .coda-slider {
	margin: 0 10px
}
/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {
	background: #000;
	color: #fff;
	padding: 5px;
	width: 100px
}
/* Tab nav */
.coda-nav ul li a.current {
	background: url(images/petalo-sel.png);
}
/* Panel padding */
	.coda-slider .panel-wrapper {
	padding: 0 20px 0 0;
}
/* Preloader */
	.coda-slider p.loading {
	padding: 20px;
	text-align: center
}
/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul {
	clear: both;
	display: block;
	margin: auto;
	overflow: hidden
}
.coda-nav ul li.tab1{
	display: none;
}
.coda-nav ul li {
	display: block;
	width: 147px;
	height: 147px;
	float: left;
	overflow: hidden;
}
.coda-nav ul li a {
	background: url(images/petalo-nav.png) no-repeat;
	padding-top: 150px;
	color: #fff;
	display: block;
	width: 147px;
	height: 147px;
	float: left;
	margin-right: 1px;
	text-decoration: none
}

.coda-nav ul li.tab2 a {
	background-position: 0 0;
}
.coda-nav ul li.tab3 a {
	background-position: -147px 0;
}
.coda-nav ul li.tab4 a {
	background-position: 0 -147px;
}
.coda-nav ul li.tab5 a {
	background-position: -147px -147px;
}


/*---*/
.coda-nav ul li.tab2 a:hover {
	background-position: -294px 0;
}
.coda-nav ul li.tab3 a:hover {
	background-position: -441px 0;
}
.coda-nav ul li.tab4 a:hover {
	background-position: -294px -147px;
}
.coda-nav ul li.tab5 a:hover {
	background-position: -441px -147px;
}
/*-----*/







/* Miscellaneous */
	.coda-slider-wrapper {
	/*float:left;*/
	overflow: auto
}
.coda-slider {
	/*float: left;*/
	overflow: hidden;
	position: relative
}
.coda-slider .panel {
	display: block;
	float: left
}
.coda-slider .panel-container {
	position: relative
}
.coda-nav-left, .coda-nav-right {
	float: left
}
.coda-nav-left a, .coda-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none
}
:focus {
	outline: 1px #c0c dotted;
}


/*-----footer-----*/

div#footer {
	width: 995px;
	height: 13px;
	padding: 10px 0;
	background: url(images/bg-footer.gif) no-repeat;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}


#acordiongente {
	padding-left: 60px;
	width: 305px;
	height: 600px;
	float: left;
}


#textocentralgente {
	width: 485px;
	height: 670px;
	float: left;
	overflow: hidden;
	margin-top: 10px;
}

.genteCV {
	width: 485px;
	height: 670px;
}
/*--------------------------acordeon------------------------------*/


p {
  line-height: 1.5em;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #996;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #384350;
}

ul#menu li ul li a {
	font-size: 11px;
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #384350 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }