/*-------------------------------------------------------------*/
/*---------------------- GENERAL ------------------------------*/
/*-------------------------------------------------------------*/

body { 
	font-family: 'Rambla', sans-serif;
	color:#fff; 
	margin:0 auto; 
	padding:0;
	}

header, nav, section, article, aside, footer, hgroup { display: block; }

a { text-decoration:none; outline:none;}
img { border:none; }
ul { margin:0; padding:0;}
ul li { list-style:none; }

p { font-size:12px; }

h1, h2, h3, h4, h5, h6 { 
	margin: 0;
	font-weight:normal;
	}


/*-------------------------------------------------------------*/
/*---------------------- HEADER -------------------------------*/
/*-------------------------------------------------------------*/

header {  
	display: block;
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0px;
	min-height:700px;
	background: #fff;
	
	-webkit-box-shadow:  0px 0px 0px 10px #000000;
    box-shadow:  0px 0px 10px 0px #000000;
	}
	
header span.title {
	display: block;
	width: 285px;
	padding: 15px 0px 15px 15px;
	font-size: 18px;
	text-transform: uppercase;
	background: #7a0026;
	}	
	
header nav { float: left; }
	
header nav ul li { display: block; }
	
header nav ul li.rojo { border-bottom: 1px dashed #c50000;	}

header nav ul li.rojo a {
	color:#c50000;
	font-size: 16px;
	line-height: 1.2em;
	display: block;
	padding: 20px 10px 20px 60px;
	width: 230px;
	background-image: url(images/icons.png);
	background-repeat:  no-repeat;
	
	background-color:#fff;
	
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	transition: all 0.2s ease;
	}
	
header nav ul li.rojo#magistratura a{ background-position: -2px 13px; padding: 20px 10px 20px 60px;}
header nav ul li.rojo#cautelares a{ background-position: -2px -59px; }
header nav ul li.rojo#casacion a{ background-position: -2px -130px; } 



header nav ul li.verde { border-bottom: 1px dashed #1c767c; }

header nav ul li.verde a {
	color:#1c767c;
	font-size: 16px;
	line-height: 1.2em;
	display: block;
	padding: 20px 10px 20px 60px;
	width: 230px;
	background-image: url(images/icons.png);
	background-repeat:  no-repeat;
	
	background-color:#fff;
	
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	transition: all 0.2s ease;
	}
	
header nav ul li.verde#ddjj a{ background-position: -2px -194px; }
header nav ul li.verde#ingreso a{ background-position: -2px -244px; padding: 20px 10px 20px 60px; }
header nav ul li.verde#publi a{ background-position: -2px -312px; padding: 20px 10px 20px 60px; } 
header nav ul li.verde#no-incluida a{ 
	background-position: -2px -387px;
	color:#5cc57f;
	}
header nav ul li.verde#no-incluida  { border-bottom: 1px dashed #5cc57f; }

header nav ul li a:hover { text-decoration: underline; background-color:#eada90 }

header .pdf-button {
	display: block;
	color: #825498;
	padding: 30px 0px 30px 60px;
	width: 240px;
	background: url(images/button-pdf.png) no-repeat 4px 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	}

header .pdf-button:hover { text-decoration: underline;}


header .lightblue-button {
	display: block;
	color: #26c5ff;
	padding: 30px 0px 30px 60px;
	width: 240px;
	background: url(images/button-lightblue.png) no-repeat 4px 30px;
	font-size: 14px;
	line-height: 1.2em;
	position: absolute;
	bottom: 0;
	}

header .lightblue-button:hover { text-decoration: underline;}
	
body{ 
	background: url(images/senores3.jpg) no-repeat 215px -60px fixed #110705; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	}
	
/*-------------------------------------------------------------*/
/*---------------------- DIV ----------------------------------*/
/*-------------------------------------------------------------*/

div.los-textos {
	margin-left: 300px;
	padding-top: 20px;
	padding-right: 20px;
	/*min-height: 640px; */
	}
	
div.los-textos div.top { margin-left: 10px; }

div.los-textos div.top  span.proyectos { 
	display: block;
	text-transform: uppercase;
	float: left;
	font-size: 15px;
	padding-left: 20px;
	background: url(images/bullet-prev.png) no-repeat left -3px;
	}

a.peticion {
	width: 147px;
	height: 268px;
	padding: 15px;
	background: url(images/peticion-bg.png)no-repeat 200px top;
	text-align:center;
	display: block;
	color:#fff;
	position: absolute;
	right: 0;
	top: 75px;
	z-index:100;
	
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	transition: all 0.2s ease;
	} 
	
a.peticion:hover { background: url(images/peticion-bg.png)no-repeat 1px top; }
	
	
div.los-textos div.top div#redes {
	float: right;
	width: 460px;
	}

div.los-textos div.top div#redes .red {  
	float: left;
	margin-left: 8px;
	}
	
div.los-textos div.top  span.viralizalo { 
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 15px;
	padding-right: 24px;
	background: url(images/bullet-next.png) no-repeat right -2px;
	}
		
div.los-textos div.bottom {
	bottom: 0;
	position: absolute;
	margin: 30px 30px 15px;
	}	
	
div.los-textos div.frase h2 {
	text-transform: uppercase;
	font-size: 35px;
	}	
	
div.los-textos div.frase h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100px;
	float:left;
	}	

div.los-textos div.frase .info { float: left;	}
div.los-textos div.frase h4 { font-size: 16px; clear: both;}	
div.los-textos div.frase { margin-bottom: 20px; }	
	
div.los-textos div.frase div#share { 
	float: left;
	width: 450px;
	margin-left: 10px;
	margin-top: 75px;
	}
	
div.los-textos div.frase div#share  div.red { float: left; margin-right: 8px; }
		
div.los-textos footer span.titulos{
	text-transform: uppercase; font-size: 18px;
	display: block;
	width: 100%;
	background: url(images/line.jpg) no-repeat 160px 10px;
	}
	
div.los-textos footer .ong {
	float: left;
	display: block;
	margin-right: 5px;
	margin-top: 10px;
	}
	
div.los-textos footer .ong a {
	display: block;
	color:#1db7b5;
	margin-bottom: 5px;
	font-size: 12px;
	text-align: center;
	}
	
div.los-textos footer .ong a.marca { height: 57px; }
	
div.los-textos footer .ong a:hover  { text-decoration: underline;}
div.los-textos footer .ong a.marca:hover {
	text-decoration: none!important;
	}
	
@media screen and (max-width: 1024px) {

	div.los-textos div.frase h2 {
		text-transform: uppercase;
		font-size: 24px;
	}	
	div.los-textos div.frase h1 { font-size:60px; }
	div.los-textos div.frase h4 { font-size: 14px; clear: both;}	

	a.peticion {
	  -ms-transform: scale(0.82);
	  -webkit-transform: scale(0.8);
	  -moz-transform: scale(0.8);
	  -o-transform: scale(0.8);
	  transform: scale(0.8);
		}
	
	div.los-textos {
		margin-left: 300px;
		padding-top: 20px;
		padding-right: 20px;
		min-height: 640px;
		}
	
			
	div.los-textos div.bottom {
		position: relative;
		float: left;
		clear: both;
		margin: 315px 30px 15px;
		}
	
	}

@media screen and (max-width: 1280px) {
	div.los-textos footer .ong a.marca { height: 40px; }
	div.los-textos footer .ong a.marca img { width: 125px; height: auto; }
	div.los-textos footer .ong#acij a.marca img { height:auto; width: 75px; }
	div.los-textos footer .ong { height: 74px; }
	
	}
	
@media screen and (max-width: 1130px) {	
		div.los-textos div.frase div#share { 
		float: left;
		width: 450px;
		margin-left: 10px;
		margin-top: 10px;
	}
	}