@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: auto;
}

/* ----------------------------------------------- */
body {
	background-color: #fff;
	color:#fff;
	/*overflow: hidden;
	overflow-y: hidden;*/
	font-family: 'myriad-pro', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
	
/* ----------------------------------------------- */

body{
	/*overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;*/
	width: 1024px;
}

/* ----------------------------------------------- */
p{
	margin: 0 0 20px 0;	
}

p, ul{
	/*font-size:14px;*/
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}

h1 {
	font-weight:700;
	font-style:normal;	
}

h2{
	text-transform:uppercase;
	font-size: 28px;
	font-weight:800;
	font-style:normal;
	line-height:28px;
	margin-bottom:20px;
}

h3{
	text-transform:uppercase;
	font-size:22px;
	font-weight:800;
	font-style:normal;
	line-height:28px;
}

.float-left{
	float: left;	
}

.float-right{
	float: right;
}

.uppercase {
	text-transform: uppercase;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

ul#nav{
	display:none;
}

#header, #carta-presidente, #presentacion, #patronato, #infraestructura-social, #actualidad, #formacion-investigacion, #ambito-actuacion, #pdf-docs{
	width: 100%;
}

#header {
	display:block;
	height:62px;
	background:url(../img/header-background.png) 0 0 repeat;
	position:fixed;
	z-index:203;
	padding-top:8px;
	}
	
	#header h1 {
		display:block;
		float:left;
		margin-left:20px;
		margin-top:15px;
		color:#fff;
		font-size:20px;
		text-transform:uppercase;
		}
	
	#header .logo {
		display:block;
		float:right;
		margin-right:20px;
		}
		

#footer {
	position:fixed;
	background:url(../img/footer-background.png) 0 0 repeat;
	bottom:0;
	left:0;
	right:0;
	padding:7px 0;
	z-index:203;
}

	#footer p.info {
		text-align:center;
		font-weight:400;
		font-size:12px;
		line-height:15px;
		color:#ccc;
		margin:0;
	}
	
	#footer p.info a {
		color:#ccc;
	}
	
	#footer p.info a:hover {
		color:#fff;
	}


#pattern {
	display:none;
	}
	
.story{
	margin: 80px auto 0 auto;
	overflow: hidden;
	z-index:201;
}

	.story p, .story ul {
		font-weight:400;	
		font-size:11px !important;
		}

/*languages*/
.language
	{
		float:left;
	}
	
	.language ul {
		list-style:none;
	}
	
	.language ul li
	{
		float:left;
		color:#fff;
		font-weight:400;
		font-size:12px;
		padding:0 5px;
		margin:0;
		background:url(../img/languages-menu-separator.png) no-repeat right 4px;
	}
	
	.language ul li.last-item {
		background:none;
	}
	
	.language ul li strong{color:#E96C1C;}
	
	.language ul li:hover
	{
		cursor:pointer;
		color:#E96C1C;
	}
	
	.language ul li.active:hover
	{
		cursor:auto;
	}
/*end languages*/

.slide {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 600px !important;
	width: 1024px;
	display:block;
	float:left;
	overflow:hidden;
}

	#cover {
		background-image: url(../img/background0_mobile.jpg);
		background-position: 0 0;
	}
	#cover.english {
		background-image: url(../img/background0_mobile-english.jpg);
	}
	#cover.francais {
		background-image: url(../img/background0_mobile-francais.jpg);
	}
	#cover.brasileiro {
		background-image: url(../img/background0_mobile-brasileiro.jpg);
	}
	
	#carta-presidente {
		background-image: url(../img/background1_mobile.jpg);
		background-position: 0 0;
	}
	
		#carta-presidente .imagen{
		display: none;
		}
		
		#carta-presidente .story {
		float:left;
		position:relative;
		padding-left:400px;
		width:524px;
		}
		
			#carta-presidente .story p {
			color:#6c6c6c;	
			/*padding: 0 0 10px 20px;*/
			}
		
			#carta-presidente .story a.button {
				display:block;
				float:left;
				width:202px;
				height:40px;
				background: url(../img/1button.png) 0 0 no-repeat;
				padding: 16px 0 0 20px;
				font-size:16px;
				color:#fff;
				text-transform:uppercase;
				text-decoration:none;
				}
				
				#carta-presidente .story a.button strong {
				font-weight:800;	
				}
			
			#carta-presidente .story .rubrica {
				display:block;
				float:right;
				position:relative;
				width:280px;
				clear:left;
				line-height:20px;
				text-align:right;
				}
				
				#carta-presidente .story .rubrica .presidente {
				float:left;
				margin-bottom:3px;
				width:280px;	
				height:60px;
				background:url("../img/1presidente.png") no-repeat;
				}
				
				#carta-presidente .story .rubrica .nombre {
				font-size:16px;
				font-weight:500;
				padding-bottom:0;
				margin:0;
				display: block;
				clear: both;
				}
				
				#carta-presidente .story .rubrica .cargo {
				margin:0;
				font-weight:300;
				padding-bottom:0;
				}

	#presentacion {
		background-image: url(../img/background2_mobile.jpg);
		background-position: 0 0;
		}
		
		#presentacion .story {
			float:left;
			height: 810px;	
			position:relative;
			width:500px;
			margin-left: 480px;
			}
			
			#presentacion .story p {
				font-size:1.2em;
			}
			
			#presentacion .button{
			display:block;
			background: url(../img/2button.png) 0 0 no-repeat;
			height: 110px;
			width: 179px;
			color:#fff;
			font-size:24px;
			font-weight:700;
			text-transform:uppercase;
			text-decoration:none;
			text-align:center;
			padding-top:69px;
			}
				
				#presentacion .button.float-left{
					margin-left:10%;
				}
				#presentacion .button.float-right{
					margin-right:10%;
				}

	#patronato {
		background-image: url(../img/background3_mobile.jpg);
		background-position: 0 0;
	}
	
		#patronato .story {
			display:block;
			float:left;
			margin:200px 0 0 200px !important;
			}
			
			#patronato .story ul {
			color:#fff;	
			list-style:none;
			padding:0;
			font-weight:600;
			}
			
				#patronato .story ul li {
				margin-bottom:15px;	
				}

	#infraestructura-social {
 		background-image: url(../img/background4_mobile.jpg);
		background-position: 0 0;
	}
	
		#infraestructura-social .story {
		margin-left:375px;
		margin-top: 50px !important;
		width: 625px;
		}
		
			#infraestructura-social .story p {	
				font-size:11px !important;
			}
			
			#infraestructura-social a.actividad {
			text-transform:uppercase;
			float:left;
			width:80px;	
			height:123px;
			text-decoration:none;
			background-position: center left;
			background-repeat: no-repeat;
			padding-left: 110px;
			padding-right:10px;
			margin-bottom:10px;
			}
			
				#infraestructura-social a.actividad.actividad1 {
				background-image:url(../img/4project1.png)
				}
				#infraestructura-social a.actividad.actividad2 {
				background-image:url(../img/4project2.png)
				}
				#infraestructura-social a.actividad.actividad3 {
				background-image:url(../img/4project3.png)
				}
				#infraestructura-social a.actividad.actividad4 {
				background-image:url(../img/4project4.png)
				}
				#infraestructura-social a.actividad.actividad5 {
				background-image:url(../img/4project5.png)
				}
				#infraestructura-social a.actividad.actividad6 {
				background-image:url(../img/4project6.png)
				}
				#infraestructura-social a.actividad.actividad7 {
				background-image:url(../img/4project7.png)
				}
			
			#infraestructura-social a.actividad .textos {
			height:100px;
			padding-top:20px;	
			margin: auto 0;
			}
			
			#infraestructura-social a.actividad h4 {
			color:#5fc4ec;
			font-size: 12px;
			line-height:13px;
			margin:5% 0 5px 0;
			padding:0;
			}
			
			#infraestructura-social a.actividad p {
			color:#fff;
			font-size: 9px;
			font-weight:600;	
			}

	#formacion-investigacion {
		background-image: url(../img/background5_mobile.jpg);
		background-position: 100% 0;
	}
	
		#formacion-investigacion .imagen {
			display:none;
			}
		
	
		#formacion-investigacion .story {
		display:block;
		float:left;
		width:450px;
		position:relative;
		padding-left:30px;
		margin-top:20px !important;
		}
		
		#formacion-investigacion .story p {
			line-height: 1;
		}
		
		#formacion-investigacion .story .column {
		position:relative;
		width:40%;
		margin:0;
		padding:0;	
		}
		
			#formacion-investigacion .story .column h4 {
			text-transform:uppercase;
			}
			
			#formacion-investigacion .story .column ul {
			list-style:none;
			padding-left:10px;	
			font-weight:500;
			font-size:14px;
			}
			
			#formacion-investigacion .story .column ul li {
			margin-bottom:10px;	
			}
			
			#formacion-investigacion .story .column ul a {
			color:#fff;	
			text-decoration:none;
			}
			#formacion-investigacion .story .column ul a strong {
			color:#5fc4ec;	
			line-height:18px;
			text-transform:uppercase;
			}
	
	#ambito-actuacion {
		background-image: url(../img/background6_mobile.jpg);
		height:560px !important;
	}
	#ambito-actuacion.english {
		background-image: url(../img/background6_mobile-english.jpg);
	}
	#ambito-actuacion.francais {
		background-image: url(../img/background6_mobile-francais.jpg);
	}
	#ambito-actuacion.brasileiro {
		background-image: url(../img/background6_mobile-brasileiro.jpg);
	}
		#ambito-actuacion .story {
		display:block;
		float:left;
		height: 300px;	
		width:230px;
		position: relative;
		margin: 420px 0 0 725px;
		}
		
			#ambito-actuacion .story h2{
				margin-bottom:0;
			}
		
		#ambito-actuacion .imagen {
		display:none;
		}
		
		
	#pdf-docs {
		background-image: url(../img/background7_mobile.jpg);
		background-position: 0 0;
	}

		#pdf-docs .wave {
		display:none;
		}
	
		#pdf-docs .story {
		height: auto;
		margin:150px 25% 0 25%;
		position:absolute;
		width:50%;
		text-align:center;
		z-index:202;
		}
		
			#pdf-docs .story a.button {
			display:block;
			margin:0 auto;
			width: 195px;
			height:39px;
			background:url(../img/7button.png) 0 0 no-repeat;
			padding: 18px 0 0 42px;
			font-size: 14px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
			font-weight:800;
			text-align:left;
			
			}

	#actualidad {
		background-image: url(../img/background-actualidad_mobile.jpg);
		background-position: 0 0;
	}
	
	.cycle-slideshow > div {
		width:100%;
	}

	#actualidad .story {
		float:left;
		width:90%;
		position:relative;
		margin: 50px 0 0 5%;
		position:relative;
	}
	
	#actualidad .story ul {
		margin:0;
		padding:0;
		float:left;
		width:100%;
	}
	
	#actualidad .story ul .news-block {
		float:left;
		width:45%;
		padding-right:5%;
	}
	
	#actualidad .story ul li {
		list-style:none;
		margin:12px 0;
		padding:0;
		float:left;
		width:100%;
	}
	
	#actualidad .story ul li a {
		text-decoration:none;
	}
	
	#actualidad .story ul li a h4 {
		color:#9dc1af;
		font-size:12px;
		margin:0 0 3px 0;
	}
	
	#actualidad .story ul li a h3 {
		color:#9ad8fe;
		font-size:14px;
		line-height:20px;
		margin:0;
		text-transform:none;
		font-weight:400;
		-webkit-transition: all 0.25s ease-in;
		-moz-transition: all 0.25s ease-in;
		-o-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in;
	}
	
	#actualidad .story ul li a:hover h3 {
		color:#fff;
	}
	
	#actualidad .story ul .news-block li {
		display:none;
	}
	
	#actualidad .story ul .news-block.first-block li:nth-child(1),
	#actualidad .story ul .news-block.first-block li:nth-child(2),
	#actualidad .story ul .news-block.first-block li:nth-child(3),
	#actualidad .story ul .news-block.first-block li:nth-child(4) {
		display:block;
	}
	
	#actualidad .story ul .news-block.second-block li:nth-child(5),
	#actualidad .story ul .news-block.second-block li:nth-child(6),
	#actualidad .story ul .news-block.second-block li:nth-child(7),
	#actualidad .story ul .news-block.second-block li:nth-child(8) {
		display:block;
	}
	
	#actualidad .story ul .news-block.third-block li:nth-child(9),
	#actualidad .story ul .news-block.third-block li:nth-child(10),
	#actualidad .story ul .news-block.third-block li:nth-child(11),
	#actualidad .story ul .news-block.third-block li:nth-child(12) {
		display:block;
	}
	
	#actualidad .story ul .news-block.fourth-block li:nth-child(13),
	#actualidad .story ul .news-block.fourth-block li:nth-child(14),
	#actualidad .story ul .news-block.fourth-block li:nth-child(15),
	#actualidad .story ul .news-block.fourth-block li:nth-child(16) {
		display:block;
	}
	
	#actualidad .story ul .news-block.fifth-block li:nth-child(17),
	#actualidad .story ul .news-block.fifth-block li:nth-child(18),
	#actualidad .story ul .news-block.fifth-block li:nth-child(19),
	#actualidad .story ul .news-block.fifth-block li:nth-child(20) {
		display:block;
	}
	
	#actualidad .story ul .news-block.sixth-block li:nth-child(21),
	#actualidad .story ul .news-block.sixth-block li:nth-child(22),
	#actualidad .story ul .news-block.sixth-block li:nth-child(23),
	#actualidad .story ul .news-block.sixth-block li:nth-child(24) {
		display:block;
	}
	
	.cycle-pager {
		position:absolute;
		z-index:300;
		bottom:0;
		right:0;
	}
	
	.cycle-pager a {
		float:left;
		margin:0 3px;
		width:20px;
		height:10px;
		padding:5px 0;
		-webkit-border-radius: 50px;
		border-radius: 50px;
		font-size:10px;
		line-height:10px;
		text-align:center;
		color:#fff;
		text-decoration:none;
		font-weight:400;
		background:#ed7e2a;
		opacity:0.85;
		-webkit-transition: all 0.25s ease-in;
		-moz-transition: all 0.25s ease-in;
		-o-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in;
	}
	
	.cycle-pager a:hover {
		opacity:1;
	}
	
	.cycle-pager-active a {
		background:#9ad8fe;
		color:#5f9dc4;
		opacity:1;
	}