@charset="UTF-8";
/*
	Project: Rescatem Persones
	Developed by disEdit
	For Coalició Compromís
	Date: 5/29/12
*/

/* Reset */
* { margin:0; padding:0; }
img { border: 0; }
ul { list-style: none; }
.clear { clear: both; }
p { margin: 1em 0; }
/* General */
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	background:#f7f8fa url(images/noise.jpg);
}
p {line-height: 150%;}
a:link, a:active, a:visited { color:#DC5C05; text-decoration: none; }
a:hover { color:#DC5C05; }

.header {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 10px -7px #000;
    -moz-box-shadow: 0px 4px 10px -7px #000;
    -ms-box-shadow: 0px 4px 10px -7px #000;
    box-shadow: 0px 4px 10px -7px #000;
    
    display: none;
    z-index: 100;
    height: 60px; overflow: hidden;
}

.wrapper {
    width: 920px;
    margin:0 auto;
    
}


.header h1 {
    background: #FFF;
    padding: 10px;
    font-size: 32px;
}

.picture {
    background: url(images/iceland.jpg) center;
    height: 280px;
    position: fixed;
    top:0px;
    left:0;
    width:100%;
    z-index: -10;
    overflow: hidden;
}
.introduction {
    font-size: 18px;
    text-shadow: 1px 1px 1px #FFF;
    line-height: 24px;
    background: rgba(255,255,255,0.8);
    padding: 15px;
}
.picture h1 {
    font-size: 56px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    color: #FFF;
}

.top h4 {float:left; padding: 5px;}

.picture h3 {margin-top: 40px; color: #FFF; font-weight: normal;margin-bottom:-10px;padding-left:5px; opacity: 0.7;}
.picture .languages {border-left:0;}
.picture-islandia {
    background: url(images/islandia.jpg) bottom;background-attachment: fixed; background-size: 190%;;
    -webkit-box-shadow: inset 0px 10px 20px -10px #000; 
    -moz-box-shadow: inset 0px 10px 20px -10px #000;
    -ms-box-shadow: inset 0px 10px 20px -10px #000;
    box-shadow: inset 0px 10px 20px -10px #000;
    padding-top: 40px;
}
.picture-crisis {
    background: url(images/bolsa.jpeg) center center;background-attachment: fixed; background-size: 190%;;
    -webkit-box-shadow: inset 0px 10px 20px -10px #000; 
    -moz-box-shadow: inset 0px 10px 20px -10px #000;
    -ms-box-shadow: inset 0px 10px 20px -10px #000;
    box-shadow: inset 0px 10px 20px -10px #000;
    padding-top: 150px;
}
/*.picture-banc {
    
    -webkit-box-shadow: inset 0px 10px 20px -10px #000; padding-top: 30px;
}*/
.picture-banc {
    background: url(images/banco-valencia.jpg) top center;background-attachment: fixed; background-size: 190%;;
    -webkit-box-shadow: inset 0px 10px 20px -15px #000; 
    -moz-box-shadow: inset 0px 10px 20px -15px #000;
    -ms-box-shadow: inset 0px 10px 20px -15px #000;
    box-shadow: inset 0px 10px 20px -15px #000;
    padding-top: 30px;
}

#islandia h1 {font-weight: normal;color:#FFF; font-size: 50px; color: #FFF; margin: 0px 0 200px 0; }
#pais h1 {font-weight: normal; color:#95c11f; font-size: 40px; margin: 0px 0 100px 0;   }
#pais h1 span {  background:#fff; padding: 10px;  }

.background { padding-top: 1px; background:#f7f8fa url(images/noise.jpg); 
    -webkit-box-shadow: 0px -20px 40px -20px rgba(0,0,0,0.8); 
    -moz-box-shadow: 0px -20px 40px -20px rgba(0,0,0,0.8); 
    -ms-box-shadow: 0px -20px 40px -20px rgba(0,0,0,0.8); 
    box-shadow: 0px -20px 40px -20px rgba(0,0,0,0.8); 
    }
.start {margin-top: 280px; }

.title {float:left;}
.languages {float:right;padding:20px 5px; border-left: 1px #CCC solid;}
.languages li { display: inline; }
.social-header {float:right; padding:20px 5px; border-right: 1px #EEE solid;  }

.languages a { text-decoration: none; font-size: 14px; font-weight: bold; margin: 0 5px; }
.languages a.selected { background:#DC5C05;color:#FFF; padding: 4px 10px;  
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }

.counter {
    background: #FFF;
    color: #444;
    padding: 6px 10px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    border-radius: 2em;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 5px;
}


hr {
    border:0;
    border-top: 1px #DDD solid;
    border-bottom: 1px #FFF solid;
    margin: 20px 0;
}
.nav {margin: 20px -10px; }
.nav li {
    float:left;
    width: 25%;
}
.nav li a {
    
    padding: 20px;
    margin: 0 10px;
    background: #FFF;
    color: #FFF;
    display: block;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: inset 1px 1px 10px -10px rgba(0,0,0,0.7);
    -moz-border-radius: 6px;
    -moz-box-shadow: inset 1px 1px 10px -10px rgba(0,0,0,0.7);
    -ms-border-radius: 6px;
    -ms-box-shadow: inset 1px 1px 10px -10px rgba(0,0,0,0.7);
    border-radius: 6px;
    box-shadow: inset 1px 1px 10px -10px rgba(0,0,0,0.7);
    text-decoration: none;
    font-size: 22px;
    padding-right: 40px;
}
.nav .punt-1 a {background: #DC5C05;}
.nav .punt-2 a {background: #FFAC00;}
.nav .punt-3 a {background: #6EC5B8;}
.nav .punt-4 a {background: #95c11f;}

hr.punt-1 { border: 0; border-bottom: 5px #DC5C05 solid; margin-top: 0; }
hr.punt-2 { border: 0; border-bottom: 5px #FFAC00 solid; margin-top: 0; }
hr.punt-3 { border: 0; border-bottom: 5px #6EC5B8 solid; margin-top: 0; }
hr.punt-4 { border: 0; border-bottom: 5px #95c11f solid; margin-top: 0; }

.nav .selected a {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    padding-bottom: 30px;
}
.twitter-wrapper {
    overflow: hidden;
    height: 70px;
    opacity: 0.8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background:#FFF;
}
.twitter {
    margin-top: -20px;
    width: 75%;
    float:left;
}
.social {float:right; width: 25%;}
.twtr-tweet-text {
    font-size: 16px;
}
.social-padding {padding: 5px 20px;}






.quote {
	font-family: 'Georgia', serif;
	font-size: 18px;
	margin: 0 0px 30px 0;
	padding-right: 80px;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
	
}
.character {
	float:left;
	font-size: 100px;
	color: #888;
	margin: 0 10px 10px 0;
}
.quote-author {

	display: block;
	font-size: 13px;
	font-family: 'Helvetica Neue', arial, sans-serif;
	text-align: right;
	color: #666;
}



a.responsable {color:#333;}
.responsable {
    display: block;
    float: left;
    width:445px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.9);
    -ms-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.9);
    
    height: 200px;
    overflow: hidden;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    
}
.responsable.even {
    margin: 0 7px 15px 0;
    
}
.responsable.odd {
    margin: 0 0px 15px 7px;
}
.r1 {-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg);}
.r2 {-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);transform:rotate(-1deg);}
.r3 {-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);transform:rotate(-1.5deg); position: relative; top:-17px; z-index: 1;}
.r4 {-webkit-transform:rotate(2.3deg);-moz-transform:rotate(2.3deg);transform:rotate(2.3deg);  position: relative; left:-10px; z-index: 5; }
.r5 {-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);transform:rotate(2deg); position: relative; top:-24px; z-index: 5;}
.r6 {-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);transform:rotate(-1.5deg); position: relative; top:-18px; left:-8px; z-index: 1;}
.r7 {-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);transform:rotate(-1deg);  position: relative; top:-32px;  z-index: 0;}
.r8 {-webkit-transform:rotate(1.8deg);-moz-transform:rotate(1.9deg);transform:rotate(1.9deg);  position: relative; top:-24px; left:-1px; z-index: 0;}


.responsable:hover {
    -webkit-transform: rotate(0) scale(1.2);
    -moz-transform: rotate(0) scale(1.2);
    transform: rotate(0) scale(1.2);
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 20px -5px #000;
    -moz-box-shadow: 0px 0px 20px -5px #000;
    -ms-box-shadow: 0px 0px 20px -5px #000;
    box-shadow: 0px 0px 20px -5px #000;
}

.bio {
    float: right;
    width: 235px;
    padding: 10px;
    position: relative;
    height: 200px;
    overflow: hidden;
}
.description, .oneliner {font-size:13px;color:#666;}
.fadeout  {position: absolute; width: 100%;  height: 70px; bottom:0; left:0;
    background: -webkit-linear-gradient(rgba(255,255,255,0) 1.99%, #ffffff 56.29%);
    background: -moz-linear-gradient(rgba(255,255,255,0) 1.99%, #ffffff 56.29%);
    background: linear-gradient(rgba(255,255,255,0) 1.99%, #ffffff 56.29%);
}










.big-counter {
    background: #FFF;
    font-size: 60px;
    padding: 10px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    border-radius: 2em;
    text-align: center;
    font-weight: bold;
    -webkit-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.4);
    -ms-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.4);
    
}
.figures {
    width:880px;
    margin: -15px auto 0px auto;
    
}
.col-1 {width: 49%; float:left;}
.col-2 {width:49%; float:right; }

.bank { clear: both; margin: 10px 0; }
.bank img {float:left; border: 1px #DDD solid; position: relative;z-index: 5; }
.figure {float:right; width: 320px; font-size: 22px;  }
.figure span {background: #FFF; padding: 5px 10px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    border-radius: 2em;
    
    font-weight: bold;
    padding-left: 40px;
    margin-left: -30px;
    position: relative;
    z-index: 1;
    top: 20px;
    
}
.responsable-pic {
    float:right; 
    border: 5px #FFF solid;
    -webkit-box-shadow: 3px 3px 15px -5px #000;
    -webkit-transform: rotate(-1deg);
    -moz-box-shadow: 3px 3px 15px -5px #000;
    -moz-transform: rotate(-1deg);
    box-shadow: 3px 3px 15px -5px #000;
    transform: rotate(-1deg);
    margin: 0 0 10px 20px;
   position: relative;
   left:-10px;
}

.equals { font-weight:bold; clear: both; width: 350px; text-align: center;  margin:10px auto 0 auto; background:#f7f8fa url(images/noise.jpg); padding: 10px; position: relative; z-index: 1; }

hr.equals-line { border-top:1px #bcbcbc solid; border-bottom:1px #FFF solid; position: relative; z-index: 0; top:-40px; }

.more-info {width: 100%; }
.more-info td {width: 33%; text-align: center;}

.equivalencia {
	background: #FFF;
	padding: 6px 10px;
	-webkit-border-radius: 4px;
	font-size: 22px;
	font-weight: bold;
	margin: 0 5px;
}
.equivale p {
	line-height: 200%;
	border-bottom: 1px #DDD solid;
	border-top: 1px #FFF solid;
	height: 70px;
	margin: 0;
	padding: 15px 0;
}
.equivale p.first { border-top:0;}
.equivale p.last { border-bottom:0;}


.intro { margin-bottom: 0; border-bottom: 1px #DDD solid; padding: 0px 0 20px 75px; font-weight: bold;
	
}
.step {
	font-size: 18px;
	padding: 20px;
	padding-left: 75px;
	border-bottom: 1px #DDD solid;
	border-top: 1px #FFF solid;
	margin: 0px;
	background-position: 10px 20px;
	background-repeat: no-repeat;
	text-shadow: 1px 1px 1px #FFF;
}
.people {
	background-image: url(images/people.png);
	padding-bottom: 20px;
	background-position: 10px 10px;
	
}
.house {
	background-image: url(images/house.png);

}
.case {
	background-image: url(images/case.png);

}
.euro {
	background-image: url(images/euro.png);

}
.investigation {
	background-image: url(images/noun_project_1311.png);

}
.justice {
	background-image: url(images/scale.png);

}
.wrapup { text-align: center; font-size:24px; border-top: 1px #FFF solid; margin: 0; padding-top: 20px; padding-bottom: 50px; padding-top: 20px; border-bottom: 1px #DDD solid; }
.highlight { padding: 4px; border-bottom: 3px #6EC5B8 solid; background: #FFF;  }



.pais-text {width: 75%; margin: 0 auto; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); text-align: justify; }
.pais-text img {border: 5px #FFF solid; -webkit-box-shadow: 3px 3px 25px -5px #000; -moz-box-shadow: 3px 3px 25px -5px #000; box-shadow: 3px 3px 25px -5px #000; }
.pais-text img.align-right  { float:right; margin: 0px -80px 25px 25px; }
.pais-text img.align-left  { float:left; margin: 0px 25px 25px -80px; }


div.dark {
    background:#333 url(images/noise-dark.jpg);
    padding: 30px;
    -webkit-box-shadow: inset 0px 20px 20px -15px #000; 
    -moz-box-shadow: inset 0px 20px 20px -15px #000; 
    box-shadow: inset 0px 20px 20px -15px #000; 
    text-shadow: 1px 1px 1px #000;
    color: #EEE;
}
hr.dark {border-top: 1px #000 solid; border-bottom: 1px #555 solid; }
.standbyme {
    margin: 0;
    text-align: center;
}
.standbyme-thumb {
    border: 10px #FFF solid;
    -webkit-box-shadow: 3px 3px 15px -5px #000;
    -webkit-transform: rotate(-1deg);
    -moz-box-shadow: 3px 3px 15px -5px #000;
    -moz-transform: rotate(-1deg);
    -ms-box-shadow: 3px 3px 15px -5px #000;
    box-shadow: 3px 3px 15px -5px #000;
    transform: rotate(-1deg);
    cursor:pointer;
}


.contact {
    float:right;
    width: 200px;
    -webkit-box-shadow: inset 13px 0 10px -15px #000;
    padding: 29px;
}
.contact p {
    margin: 5px 0;
}
.contact h4 {
    font-size: 16px;
}

.hemeroteca {
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;

}
.wrapper-pais {
        -webkit-box-shadow: inset 0px -20px 10px -20px black;
}

.standbyme h1 {color:#EEE;  margin-bottom:20px;}
.footer {font-size:13px; }
/* IE */
.ie .responsable { top:0 !important; left:0 !important; position: static !important; border:1px #DDD solid; }
#ie8 .nav {margin-bottom:-20px; }
#ie8 #islandia .nav {margin-bottom:-50px;}
#ie8 .start { padding-top: 20px;}

#ie7 .twitter-wrapper { display: none; }
#ie7 .nav li { margin: -10px; }
#ie7 .picture-islandia h1 {margin-bottom: 60px;}
#ie7 .picture-islandia { height: 200px;}