/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}strong{font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}a{text-decoration:none;}iframe{border:0}em{font-style:italic}

body {
  background-image: url(../img/fondo.gif);
  color: #6b787f;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
#main {
  width: 880px;
  margin: 0 auto;
  background-color: white;
}

/* menu ***************************************************************************/
#menu {
  position: relative;
}
#menu li {
  float: left;
}
#menu li a {
  color:#0065AE;
  display:block;
  padding:4px 0;
  width: 146px;
  text-transform: uppercase;
  text-align: center;
  font-size: 10px;
  background: transparent url(../img/menu_bg.jpg) top left repeat-x;
  color: white;
  border-right: 1px solid white;
  font-weight: bold;
  line-height: 26px;
}
#menu li a.last {
  border-right: 0;
  width: 145px;
}
#menu li a:hover {
  background: transparent url(../img/menu_bg.jpg) bottom left repeat-x;
}
/* actives */
body.inicio #menu li a.inicio,
body.inicio #menu li a.inicio:hover,
body.analisis #menu li a.analisis,
body.analisis #menu li a.analisis:hover,
body.asesoria-legal #menu li a.asesoria-legal,
body.asesoria-legal #menu li a.asesoria-legal:hover,
body.asesoria-notarial #menu li a.asesoria-notarial,
body.asesoria-notarial #menu li a.asesoria-notarial:hover,
body.propiedad-industrial #menu li a.propiedad-industrial,
body.propiedad-industrial #menu li a.propiedad-industrial:hover,
body.integrantes #menu li a.integrantes,
body.integrantes #menu li a.integrantes:hover {
  position: absolute;
  top: 0;
  padding: 0;
  height: 49px;
  line-height: 49px;
  color: white;
  background: transparent url(../img/menu_active_bg.jpg) bottom left repeat-x;
}
body.inicio #menu li a.analisis,
body.analisis #menu li a.asesoria-legal,
body.asesoria-legal #menu li a.asesoria-notarial,
body.asesoria-notarial #menu li a.propiedad-industrial,
body.propiedad-industrial #menu li a.integrantes {
  margin-left: 147px;
}

/* sidebar ***************************************************************************/
#sidebar {
  width: 294px;
  float: left;
  background: transparent url(../img/gray.jpg) left 207px repeat-x;
  margin-bottom: 40px;
}
#sidebar .wrapper {
  background-color: #f2f2f2;
  width: 189px;
  font-size: 11px;
	color: #9ca6ab;
	margin-left: 42px;
}
#sidebar a {
  font-size: 11px;
  color: #9ca6ab;
}
#sidebar p {
  padding: 20px 21px 0 21px;
}
#sidebar .contact {
  background: transparent url(../img/icons/contacto.jpg) center left no-repeat;
  padding-left: 40px;
  margin: 20px 0;
  margin-left: 8px;
  display: block;
}
#sidebar .contact:hover {
  text-decoration: underline;
}
#sidebar h2 {
  background: transparent url(../img/h2_bg.jpg) center left no-repeat;
  padding-left: 20px;
  color: white;
  font-size: 13px;
  line-height: 28px;
}
#sidebar #secondary-menu {
  padding-left: 0;
  margin: 0;
}
#sidebar #secondary-menu li {
  list-style: none;
}
#sidebar #secondary-menu a {
  background: transparent url(../img/bullet.jpg) 9px center no-repeat;
  padding: 7px 21px;
  display: block;
  border-bottom: 1px solid white;
}
#sidebar #secondary-menu a:hover {
  background-color: #e7e7e7;
}
#sidebar #secondary-menu a.last {
  border-bottom: 5px solid #95d2dd;
}

/* contenido ***************************************************************************/
#content {
  float: left;
  width: 586px;
}
#content .section-header {
  border-bottom: 11px solid #b1b8c4;
}
#language {
  border-left: 1px solid #b1b8c4;
  border-bottom: 1px solid #b1b8c4;
  overflow: auto;
  margin-left: 440px;
  padding: 0 20px;
  background-color: #f2f2f2;
}
#language li {
  float: left;
}
#language li a {
  display: block;
  text-transform: uppercase;
  color: #999;
  font-size: 10px;
  padding: 5px 1px;
}
#language li a.active {
  color:#333;
  font-weight:bold;
}
#language li a:hover {
  color: #666;
}
#content .wrapper {
  border-left: 1px dotted #cbcdcf;
  min-height: 332px;
  padding: 32px;
  margin-bottom: 40px;
}
#content h1 {
  clear: both;
  font-weight: bold;
  margin-bottom: 30px;
}
#content h2 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
  color: #276c83;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}
#content h3 {
  font-weight: bold;
  color: #3d849b;
}
#content p {
  margin-bottom: 20px;
  line-height: 20px;
}
#content p strong {
  font-weight: bold;
}
#content p a {
  font-weight: bold;
  color: #3d849b;
}
#content p a:hover {
  text-decoration: underline;
  color: #5da8c2;
}

/* footer ***************************************************************************/
#footer {
  clear: both;
  background-color: #d9dadd;
  border-top: 11px solid #57859b;
  font-size: 10px;
  color: #737b7f;
  text-align: center;
  line-height: 30px;
}

/* Estilos particulares de index.html ***************************************************************************/
body.inicio #menu li a {
  background: transparent url(../img/home_menu_bg.jpg) top left repeat-x;
  color: #2b7088;
}
body.inicio #menu li a:hover {
  background: transparent url(../img/home_menu_bg.jpg) bottom left repeat-x;
}
body.inicio #sidebar {
  background: transparent url(../img/home_sidebar_bg.jpg) left 180px repeat-x;
}
body.inicio #sidebar h2 {
  line-height: 25px;
}
body.inicio h1 {
  background: transparent url(../img/titles/sobre_nosotros.jpg) left top no-repeat;/* técnica para reemplazo de texto por imagenes */
  height: 15px;
}
body.inicio h1.en {/* una para cada lenguaje */
  background-image: url(../img/titles/about_us.jpg);
}
body.inicio h1 span {
  display: none;
}

/* photoShow */
#photoShow {
	position: relative;
  height: 207px;
  overflow: hidden;
  border-bottom: 11px solid #b1b8c4;
}
#photoShow div {
	position:absolute;
	z-index: 0;
	top: 0;
	left: 0;
}
#photoShow div.previous {
	z-index: 1;
}
#photoShow div.current {
	z-index: 2;
}