@charset "UTF-8";
/* CSS Document */
/*   
Project:Defensor Sistematización de Investigaciones
design:Chino
construction:Fale
css:Fale
date:04/09/13
mod1:-

*/
a, a:hover {
	text-decoration:none;
	color: inherit;
}
body {
	padding:0;
	margin:0;
	background-image:url(../imgs/bg.png);
	background-repeat:repeat-y;
	background-position:top center;
	font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-style:normal;
    font-weight:normal;
	font-size:12px;
	line-height:15px;
	text-align:left;
	color:#FFF;
}
#main {
	margin:0 auto;
	padding-bottom:240px;
	width:100%;
	height:auto;
	overflow:auto;
}
p {
	margin:0 0 20px 0;
}
ul,ol,li {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5 {
	margin:0;
	font-weight:normal;
}

/* HEADER */

#header {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	background-image:url(../imgs/header-bg.png);
	background-repeat:repeat-x;
	z-index:99;
}
#header .content {
	margin:0 auto;
	padding:0;
	width:1050px;
	height:186px;
}
#logo {
	width:170px;
	height:186px;
    background-image:url("../imgs/logo.png");
    background-repeat:no-repeat;
	float:left;
    display:block;
}
#logo2 {
	margin-top:30px;
	margin-left:-15px;
	width:544px;
	height:77px;
    background-image:url("../imgs/logo2.png");
    background-repeat:no-repeat;
	float:left;
}

/* NAVIGATION */

#nav {
	margin-top:13px;
	margin-left:-10px;
	width:720px;
	height:auto;
	float:left;
}
#item1,#item2,#item3,#item4,#item5,#item1on,#item2on,#item3on,#item4on,#item5on {
	width:144px;
	height:60px;
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:top center;
}
#item1 {
	background-image: url(../imgs/prologo.png);
}
#item2 {
	background-image: url(../imgs/introduccion.png);
}
#item3 {
	background-image: url(../imgs/participantes.png);
}
#item4 {
	background-image: url(../imgs/colaboradores.png);
}
#item5 {
	background-image: url(../imgs/instructivo.png);
}
#item1:hover {
	background-image: url(../imgs/prologo-over.png);
}
#item2:hover {
	background-image: url(../imgs/introduccion-over.png);
}
#item3:hover {
	background-image: url(../imgs/participantes-over.png);
}
#item4:hover {
	background-image: url(../imgs/colaboradores-over.png);
}
#item5:hover {
	background-image: url(../imgs/instructivo-over.png);
}
#item1on {
	background-image: url(../imgs/prologo-over.png);
}
#item2on {
	background-image: url(../imgs/introduccion-over.png);
}
#item3on {
	background-image: url(../imgs/participantes-over.png);
}
#item4on {
	background-image: url(../imgs/colaboradores-over.png);
}
#item5on {
	background-image: url(../imgs/instructivo-over.png);
}

/* CONTENT */

#content {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:auto;
	min-height:550px;
	overflow:hidden;
}
#content #left{
	width:812px;
	height:auto;
	float:left;
}
#dyd {
	margin-top:14px;
	margin-left:112px;
	width:700px;
	height:110px;
	background-image:url(../imgs/manos.png);
	background-repeat:no-repeat;
	background-position:480px bottom;
}
#heading {
	padding:20px 20px 0 4px;
	margin:-4px 0 5px 147px;
	width:640px;
	font-family:'DINNextLTPro-LightCondensed',Sans-Serif;
	font-size:27px;
	line-height:25px;
	color:#FFF;
	background-image:url(../imgs/separador.png);
	background-repeat:no-repeat;
}
#heading .line1 {
	text-transform:uppercase;
	display:block;
}
#heading .line1 a{
	color:#A2B9DC;
}
#heading .line2 {
	margin-left:30px;
	display:block;
}
#heading .line2 a {
	color:#A2B9DC;
}
#heading .line3 {
	margin-left:60px;
	font-size:30px;
	color:#FFF;
	display:block;
}
#heading .index-maintitle {
	font-size:32px;
	text-transform:uppercase;
	color:#FFF;
	display:block;
}
.index-title,.title-search {
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	display:block;
}
.index-title a {
	color:#FFF; /* was #A2B9DC */
}
.title-search {
	cursor:default;
}
.index-subtitle,.subtitle-search {
	color:#FFF;
	cursor:pointer;
	display:block;
}
.index-subtitle a {
	color:#FFF; /* was #A2B9DC */
}
.subtitle-search {
	cursor:default;
}
#index-list {
	padding:0 20px 0 4px;
	margin:10px 0 0 147px;
	width:641px;
	font-family:'DINNextLTPro-LightCondensed',Sans-Serif;
	font-size:26px;
	line-height:29px;
	font-weight:bold;
	color:#FFF;
}
#index-list ol li {
	margin-left:50px;
	font-size:23x;
	line-height:26px;
	font-weight:normal;
	color:#A2B9DC;
}
#index-list ol {
	margin-bottom:10px;
}
#heading .main-title {
	font-size:36px;
	color:#FFF;
	text-transform:uppercase;
	display:block;
}
sup {
	vertical-align: middle;
	top: -0.5em;
	position: relative;
	font-size:12px;
}
#heading-close {
	margin-left:147px;
	width:665px;
	height:7px;
	background-image:url(../imgs/separador.png);
	background-repeat:no-repeat;
}
#text {
	padding:0 20px 0 4px;
	margin:10px 0 0 147px;
	width:641px;
	font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-size:15px;
	line-height:23px;
	color:#FFF;
}
#text .titles {
	margin-bottom:35px;
	font-family:'DINNextLTPro-LightCondensed',Sans-Serif;
	font-size:25px;
	line-height:25px;
	color:#FFF;
	display:block;
}
#text h4,h5 {
	margin-bottom:35px;
	font-family:'DINNextLTPro-LightCondensed',Sans-Serif;
	font-size:25px;
	line-height:25px;
	color:#FFF;
	display:block;
}
#text h4 {
	font-weight:bold;
}
#llamadas {
	padding:20px 20px 0 20px;
	margin:30px 0 15px 147px;
	width:625px;
	font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-size:14px;
	line-height:19px;
	color:#FFF;
	background-image:url(../imgs/separador.png);
	background-repeat:no-repeat;
}
.no-results {
	padding:0 20px 0 4px;
	margin:10px 0 0 147px;
	width:641px;
	font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-size:15px;
	line-height:23px;
	color:#FFF;
}
#signature {
	margin:50px 0 0 420px;
	width:200px;
	font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-size:15px;
	line-height:23px;
	color:#FFF;
}

/* COLUMN RIGHT */

#right {
	position:absolute;
	left:812px;
	width:212px;
	float:right;
}
#float {
	position:absolute;
	top:0;
	width:212px;
}
#float.fixed {
  position:fixed;
  top:0;
  margin-top:5px;
  width:212px;
}
#tipitos {
	margin-bottom:5px;
	width:212px;
	height:103px;
	background-image:url(../imgs/tipitos.png);
	background-repeat:no-repeat;
	background-position:center;
	float:left;
}
#buscador {
	width:212px;
	height:auto;
	float:left;
}
#buscador .title {
	width:212px;
	height:auto;
	font-family:'DINNextLTPro-LightCondensed',Sans-Serif;
	font-size:23px;
	line-height:26px;
	color:#FFF;
	text-align:center;
	float:left;
}
#buscador .input {
	padding:2px 25px 2px 25px;
	width:162px;
	height:20px;
	background-image:url(../imgs/input.png);
	background-repeat:no-repeat;
	background-position:center;
	float:left;
}
input[type=text] {
	width:162px;
	height:16px;
	background-color:transparent;
	border:none;
	float:left;
}
#buscador .button {
	margin:0 73px 10px 73px;
	width:66px;
	height:37px;
	text-align:center;
	float:left;
}
input[type=button] {
	width:66px;
	height:37px;
	background-image:url(../imgs/button.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	float:left;
	cursor:pointer;
}
#nav-left {
	width:212px;
	height:auto;
	float:left;
}
#nav-left .separador {
	margin:0 22px 0 22px;
	width:168px;
	height:1px;
	background-image:url(../imgs/nav-separador-bg.png);
	background-repeat:repeat-x;
	float:left;
}
#nav-left .item1,.item2,.item3,.item4 {
	margin-left:6px;
	width:206px;
	height:34px;
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
}
#nav-left .item1 {
	background-image:url(../imgs/indice-general.png);
}
#nav-left .item2 {
	background-image:url(../imgs/indice-sujeto.png);
}
#nav-left .item3 {
	background-image:url(../imgs/indice-derecho.png);
}
#nav-left .item4 {
	background-image:url(../imgs/indice-tema.png);
}
#nav-left .logo {
	margin:0 22px 4px 16px;
	width:174px;
	height:80px;
	background-image:url(../imgs/logo-defensor.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
}

/* FOOTER */

#footer {
	position:fixed;
	bottom:0px;
	margin:0 auto;
	padding:0;
	width:100%;
	height:230px;
	background-image:url(../imgs/footer-bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:transparent;
	pointer-events:none;
}
#footer .content {
	margin:0 auto;
	width:1220px;
	height:230px;
	pointer-events:none;
}
#footer .left {
	margin-left:100px;
	width:768px;
	height:230px;
	float:left;
}
#footer .anios {
	margin-bottom:75px;
	width:140px;
	height:155px;
	background-image:url(../imgs/anios.png);
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
}
#footer .title {
	margin-top:120px;
	width:600px;
	height:50px;
	background-image:url(../imgs/footer-title.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
	pointer-events:auto;
}
#footer .subtitle {
	margin-left:8px;
	width:592px;
	height:60px;
	background-image:url(../imgs/footer-subtitle.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	float:left;
	pointer-events:auto;
}
#footer .middle {
	width:206px;
	height:230px;
	float:left;
}
#footer .facebook {
	margin-top:171px;
	width:206px;
	height:60px;
	background-image:url(../imgs/facebook.png);
	background-repeat:no-repeat;
	background-position:center 6px;
	float:left;
	display:block;
	pointer-events:auto;
}
#footer .right {
	margin-top:73px;
	margin-left:-10px;
	width:153px;
	height:157px;
	background-image:url(../imgs/escudo.png);
	background-repeat:no-repeat;
	float:left;
}