/* CSS Document */


/* 01. main/default elements
-----------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

fieldset, img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
q:before,q:after {
	content:'';
}

html { overflow-x:hidden}

body { background:#222222; font-family:Arial, Helvetica, sans-serif}

p { font-size:15px; color:#CCCCCC; line-height:1.4em}
p a { color:#FF9900; text-decoration:underline; font-weight:bold}

h1 { font-size:21px; color:#FFFFFF}
h5 { font-size:13px; color:#999999}
h6 { font-size:10px; color:#FFFFFF}

:focus {
  -moz-outline-style: none;
}

a {
  outline: none;
}

.hidden {display:none;}

.clear {clear: both;}


/* 02. wrapper
-----------------------------------------*/

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

.languages { float:right; padding-top:20px}
.languages a { color:#1B79CC; font-weight:normal}



/* 03. header
-----------------------------------------*/

#header { width:845px; height:65px; float:left; padding:14px 0 28px 117px}
#header .logo { width:425px; height:65px; float:left; background:url(../images/logo.jpg) no-repeat; position:relative}
#header .logo_eng { width:437px; height:65px; float:left; background:url(../images/logo_eng.png) no-repeat; position:relative}
#header .logo-link { width:425px; height:65px; float:left; position:absolute;}
.nodisplay { display:none}

#header .icons { float:right; padding-top:23px}
#header .icons ul li { float:left; padding-left:5px; text-indent: -9999px;}
#header .icons ul li a{ height: 32px; width: 32px; background-image: url(../images/socialicons.png); background-repeat: no-repeat; display: block; }

#header .icons ul li a.flickr { background-position: 0 0;}
#header .icons ul li a.facebook { background-position: -36px 0;}
#header .icons ul li a.twitter { background-position: -72px 0;}
#header .icons ul li a.blog { background-position: -108px 0;}
#header .icons ul li a.vimeo { background-position: -144px 0;}

#header .icons ul li a.flickr:hover { background-position: 0 -36px;}
#header .icons ul li a.facebook:hover { background-position: -36px -36px;}
#header .icons ul li a.twitter:hover { background-position: -72px -36px;}
#header .icons ul li a.blog:hover { background-position: -108px -36px;}
#header .icons ul li a.vimeo:hover { background-position: -144px -36px;}



/* 04. content
-----------------------------------------*/


#content { width:962px; float:left}


/* 05. leftpanel
-----------------------------------------*/


.leftpanel { width:90px; position:static; float:left; background:#2B2B2B; padding:6px 7px 0 6px}
.leftpanel li { width:90px; float:left; font-size:13px; color:#CCCCCC; text-align:center; padding-bottom:6px}
.leftpanel li a { width:90px; height:22px; float:left; background:#444444; color:#CCCCCC; text-decoration:none; padding-top:3px; line-height: 19px;}
.leftpanel li a:hover { background:#777777; no-repeat right center}
.leftpanel li.selected a { background:#1B79CC;}
.leftpanel li.selected a:active {outline: none;}
.leftpanel li.selected a:focus {-moz-outline-style: none;}

.leftpanel li a.video { height:32px; padding-top:18px}
.leftpanel li a img { padding-right:3px; margin-bottom:-2px}



/* 06. rightpanel
-----------------------------------------*/


.rightpanel { width:840px; float:right}


/* 07. container top
-----------------------------------------*/


#container_top { width:100%; float:left}


/* 07.1 container top - videobox
-----------------------------------------*/


#container_top .videobox { width:830px; height:550px; float:left; background:url(../images/bg_videobox.jpg) no-repeat; padding:5px; padding-bottom:44px}
#container_top .videobox .photo { width:830px; height:550px; float:left}
#container_top .videobox .button_play { float:left; font-size:21px; color:#333333; margin-top:-300px; padding-left:153px; position:relative;}
.button_play:hover {cursor: pointer;}
#container_top .videobox .button_play a { width:400px; height:47px; float:left; background:url(../images/bg_button_play.png) no-repeat;color:#333333; text-decoration:none; padding-top:20px; padding-left:98px;}
#container_top .videobox .content { width:790px; height:82px; float:left; background:url(../images/bg_videocontent.png); margin-top:-112px; position: relative; padding:15px 20px}


/* 07.2 container top - logue
-----------------------------------------*/


#loque { width:799px; float:left; background:#333333; padding:8px 16px 20px 25px; margin-bottom:40px}
#loque h5 { float:right}
#loque h1 { padding:10px 0}

#loque .comments { width:521px; height:85px; float:left; padding-right:27px}
#loque .comments .bordertop { width:521px; height:8px; float:left; background:url(../images/bg_commentbox_bordertop.gif) no-repeat; overflow:hidden}
#loque .comments .bordermiddle { width:489px; float:left; background:#434343; padding:2px 16px 6px 16px }
#loque .comments .borderbottom { width:521px; height:22px; float:left; background:url(../images/bg_commentbox_borderbottom.gif) no-repeat; padding-top:13px; overflow:hidden}

#loque .rightcontent { width:250px; float:left}


/* 07.3 container top - guiones
-----------------------------------------*/


#guiones { width:840px; float:left; background:#333333; padding-top:8px; margin-bottom:45px}
#guiones h5 { float: right; padding-right:16px}
#guiones h1 { padding:10px 0 10px 25px}
#guiones p { padding:0 0 20px 25px}
#guiones ul { width:840px; float:left; border-top:1px solid #222222}
#guiones ul li { width:239px; height:54px; float:left; font-size:11px; color:#999999; line-height:1.6em; border-right:1px solid #222222; padding:14px 20px 0 20px}
#guiones ul li span { float:left}
#guiones ul li .icon { padding-right:16px}
#guiones ul li.bordernone { border:none} 
#guiones ul li a { font-size:15px; color:#FF9900; text-decoration:underline; font-weight:bold}



/* 07.4 container top - dossier
-----------------------------------------*/


#dossier { width:840px; float:left; background:#333333; padding-top:8px; margin-bottom:47px}
#dossier h5 { float: right; padding-right:16px}
#dossier h1 { padding:10px 0 10px 25px}
#dossier p { width:525px; float:right; padding-right:20px; padding-bottom:15px}
#dossier .set { width:840px; float:left; border-top:1px solid #222222}
#dossier .set .photo { float:left; margin-top:-76px; position:relative}
#dossier .set ul li { height:54px; float:left; font-size:11px; color:#999999; line-height:1.6em; padding:14px 20px 0 38px}
#dossier .set ul li span { float:left}
#dossier .set ul li .icon { padding-right:16px}
#dossier .set ul li a { font-size:15px; color:#FF9900; text-decoration:underline; font-weight:bold}


/* 07.5 container top - cronologia
-----------------------------------------*/


#cronologia { width:840px; float:left; background:#333333; padding-top:8px; margin-bottom:44px}
#cronologia h5 { float: right; padding-right:16px}
#cronologia h1 { padding:10px 0 10px 25px}

#cronologia .set { width:230px; float:left; padding:0 33px 0 13px}
#cronologia .first { padding-left:24px}
#cronologia .set p { font-size:11px; color:#00CCFF; font-weight:bold; line-height:1.4em; padding-bottom:18px}

#cronologia .heading { width:1400px; float:left; padding-bottom:5px}
#cronologia .heading h6 { font-size:11px; color:#999999}
#cronologia .heading h6 span { color:#FFFFFF}

#cronologia .setbox1 { width:1400px; float:left; background:url(../images/bg_cronologia.gif) repeat-y; border-top:1px solid #222222}
#cronologia .setbox1 h6 { padding:15px 0 15px 12px}
#cronologia .setbox1 .first h6 { background:url(../images/bullet_blue.gif) no-repeat left center}

#cronologia .setbox2 { width:1400px; float:left; background:url(../images/bg_cronologia.gif) repeat-y; border-top:1px solid #222222}
#cronologia .setbox2 h6 { padding:15px 0 15px 12px}
#cronologia .setbox2 .first h6 { background:url(../images/bullet_green.gif) no-repeat left center}
#cronologia .setbox2 .set p { color:#A8FA88}

#content-slider {
  width: 830px;
  height: 6px;
  margin: 5px;
  background: #BBBBBB;
  position: relative;
}

.ui-slider-handle {
  width: 8px;
  height: 14px;
  position: absolute;
  top: -4px;
  background: #478AFF;
  border: solid 1px black;
}

#content-scroll {
  width: 840px;
  height: 500px;
  margin-top: 10px;
  overflow: hidden;
  border: solid 0px black;
}

#content-holder {
  width: 1400px;
  height: 270px;
}

.content-item {
  width: 290px;
  height: 270px;
  padding: 5px;
  float: left;
}



/* 08. container middle
-----------------------------------------*/



#container_middle { width:100%; float:left; background:#1C1C1F; padding-top:50px}


/* 08.1 container middle - video
-----------------------------------------*/


#container_middle .videobox { width:830px; height:542px; float:left; background:url(../images/bg_videobox2.jpg) no-repeat; padding:5px; padding-bottom:59px}
#container_middle .videobox .photo { width:830px; height:542px; float:left}
#container_middle .videobox .button_play { float:left; font-size:21px; color:#333333; margin-top:-300px; padding-left:153px; position:relative}
#container_middle .videobox .button_play a { width:400px; height:47px; float:left; background:url(../images/bg_button_play.png) no-repeat;color:#333333; text-decoration:none; padding-top:20px; padding-left:98px;}
#container_middle .videobox .content { width:790px; height:82px; float:left; background:url(../images/bg_videocontent.png); margin-top:-112px; position: relative; padding:15px 20px}



/* 08.2 container middle - plan
-----------------------------------------*/


#plan h1 {padding-left:20px; padding-bottom:10px}
#plan p {padding-left:20px; padding-bottom:10px}

#plan { width:840px; float:left; background:#323236; padding-top:25px; margin-bottom:52px}
#plan .set { width:840px; float:left; padding-bottom:10px}

/*#plan .pdf_document { width:260px; height:54px; float:left; border-right:1px solid #1C1C1F; padding-top:14px; padding-left:20px}*/
#plan .pdf_document ul { width:840px; float:left; border-top:1px solid #222222}
#plan .pdf_document ul li { width:239px; height:54px; float:left; font-size:11px; color:#999999; line-height:1.6em; border-right:1px solid #222222; padding:14px 20px 0 20px}
#plan .pdf_document ul li span { float:left}
#plan .pdf_document ul li .icon { padding-right:16px}
#plan .pdf_document ul li.bordernone { border:none} 
#plan .pdf_document ul li a { font-size:15px; color:#FF9900; text-decoration:underline; font-weight:bold}


#plan fieldset { width:840px; float:left; padding-top:8px; padding-left:20px}
#plan fieldset label { display:inline; float:left; font-size:15px; color:#33CCFF; font-weight:bold; padding-bottom:4px; padding-right:15px}
#plan fieldset .bg_input { width:355px; height:19px; float:left; background:url(../images/bg_input.gif) no-repeat; padding:4px 10px; padding-right:18px}
#plan fieldset .input { width:355px; height:19px; float:left; background:none; border:none; font-size:11px; color:#999999}
#plan fieldset .button_enviar { float:left; font-size: 16px; color:#000000; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px;}


/* 08.3 container middle - prensa
-----------------------------------------*/


#prensa { width:840px; float:left; background: url(../images/bg_prensabox.gif) repeat-y; padding-bottom:20px; margin-bottom:52px}
#prensa .column1 { width:235px; float:left; padding:20px 25px 0 25px}
#prensa .column1 h1 { padding-bottom:12px}

#prensa .column2 { width:250px; float:left; padding-top:35px; padding-right:25px}
#prensa .column2 p { color:#FFFFFF; padding-left:10px; padding-bottom:5px}
#prensa .column2 ul li { background:url(../images/li_bullet.gif) no-repeat 0 9px; font-size:15px; color:#999999; line-height:1.3em; padding-left:10px; padding-bottom:5px}
#prensa .column2 ul li a { color:#999999; text-decoration:none}
#prensa .column2 ul li a:hover { color:#999999; text-decoration:underline}


#prensa .column3 { width:280px; float:left}
#prensa .column3 ul li { width:240px; height:54px; float:left; font-size:11px; color:#999999; line-height:1.8em; border-bottom:1px solid #1C1C1F; padding:14px 20px 0 20px}
#prensa .column3 ul li span { float:left}
#prensa .column3 ul li .icon { padding-right:16px}
#prensa .column3 ul li a { font-size:15px; color:#FF9900; text-decoration:underline; font-weight:bold}
#prensa .column3 .contacto { width:240px; height:30px; float:left; padding:20px}



/* 08.4 container middle - equipo
-----------------------------------------*/


#equipo { width:799px; float:left; background:#323236; padding:18px 18px 18px 23px; margin-bottom:49px}
#equipo .content { width:505px; float:left; padding-right:52px}
#equipo .content h1 { padding-bottom:15px}
#equipo .content p a { float:left; font-weight:normal; padding-top:22px}
#equipo .photo { float:left}


/* 09. container bottom
-----------------------------------------*/


#container_bottom { width:100%; float:left; background:#222222; padding-top:50px}


/* 09.1 container bottom - video
-----------------------------------------*/


#container_bottom .videobox { width:830px; height:542px; float:left; background:url(../images/bg_videobox2.jpg) no-repeat; padding:5px; padding-bottom:59px}
#container_bottom .videobox .photo { width:830px; height:541px; float:left}
#container_bottom .videobox .content { width:498px; height:226px; float:left; background:url(../images/bg_content_video3.png) no-repeat; text-align:center; margin-top:-421px; margin-left:166px; padding-top:30px; position:relative}
#container_bottom .videobox .content h1 { font-size:18px; color:#222222}
#container_bottom .videobox .content h1 a { color:#0099FF; text-decoration:underline}
#container_bottom .videobox .content h1 span { font-size:150px; font-weight:bold; color:#0099FF; line-height:1.0em; display:block; overflow:hidden; height:130px;}


#container_bottom .videobox .button_play { float:left; font-size:21px; color:#333333; margin-top:-140px; padding-left:166px; position:relative}
#container_bottom .videobox .button_play a { width:400px; height:47px; float:left; background:url(../images/bg_button_play.png) no-repeat;color:#333333; text-decoration:none; padding-top:20px; padding-left:98px;}



/* 09.2 container bottom - convocatorias
-----------------------------------------*/


#convocatorias { width:815px; float:left; background:url(../images/bg_prensabox.gif) repeat-y;padding:20px 0 39px 25px;margin-bottom:48px}
#convocatorias .leftcontent { width:507px; float:left; padding-right:50px}
#convocatorias .leftcontent h1 { padding-bottom:15px}
#convocatorias .leftcontent p { padding-bottom:20px}
#convocatorias .leftcontent p a { font-weight:normal}
#convocatorias .leftcontent .video { float:left}


#convocatorias .rightcontent { width:175px; float:left}
#convocatorias .rightcontent p { color:#FFFFFF; padding-bottom:12px}
#convocatorias .rightcontent p span { color:#999999; font-size:13px}


/* 09.3 container bottom - presume
-----------------------------------------*/


#presume { width:794px; float:left; background:#333333; padding:22px 19px 24px 27px; margin-bottom:53px}
#presume h1 { padding-bottom:10px}
#presume p { line-height:1.3em}
#presume p a { font-weight:normal} 
#presume .textarea { width:211px; height:148px; float:left; background:url(../images/bg_banner_presume.gif) no-repeat; border:1px solid #000000; font-size:12px; color:#999999; padding:5px 5px; word-wrap:break-word;}

#presume .set1 { width:245px; float:left; padding-right:32px; padding-top:18px}
#presume .set1 .box { float:right; margin-top:-75px; position:relative}

#presume .set2 { width:245px; float:left; padding-right:36px; padding-top:18px}
#presume .set2 .box { float:right; margin-top:-64px; position:relative}

#presume .set3 { width:236px; float:left; padding-top:18px}
#presume .set3 .box { float:right; margin-top:-185px; position:relative}
#presume .set3 .textarea { width:148px; padding-right:73px}



/* 09.4 container bottom - apoyos
-----------------------------------------*/


#apoyos { width:840px; float:left; background:#333333; padding-top:20px; margin-bottom:45px}
#apoyos h1 { padding-left:27px; padding-bottom:7px}
#apoyos p { font-size:14px; padding-left:27px; padding-bottom:18px}
#apoyos p a { text-decoration:none; font-weight:normal}

#apoyos ul li { width:168px; height:159px; float:left; font-size:13px; color:#999999; border-top:1px solid #222222; border-right:1px solid #222222}
#apoyos ul li.right { width:164px; border-right:none}
#apoyos ul li a { width:153px; height:159px; float:left; color:#999999; text-decoration:none; padding-left:15px}
#apoyos ul li a span { font-weight:bold; color:#FFFFFF}
#apoyos ul li a:hover span { text-decoration:underline}
#apoyos ul li a.aqui { width:148px; height:129px; background:#444444; font-size:18px; color:#FFFFFF; padding-top:30px}
#apoyos ul li a.aqui span { float:left; font-size:13px; text-decoration:underline; font-weight:normal; padding-top:17px}


/* 09.5 container bottom - convert
-----------------------------------------*/


#convert { width:840px; height:243px; float:left; background:url(../images/bg_convert.gif) no-repeat}
#convert .content { width:530px; float:left; padding:30px 0 0 30px}
#convert h1 { padding-bottom:16px}
#convert p { color:#FFFFFF}

#convert .column1 { width:240px; float:left; padding-right:20px}
#convert .column2 { width:270px; float:left; position:relative}
#convert .column2 p { padding-bottom:10px}
#convert .column2 ul li { font-size:15px; color:#FFFFFF; background:url(../images/li_bullet_white.gif) no-repeat 0 6px; padding-left:12px; padding-bottom:10px}

#convert .photo { float:right; margin-left:-20px; margin-right:-30px; margin-top:-8px}



/* 09.6 container bottom - tienda
-----------------------------------------*/


#tienda { width:815px; float:left; background:#116CB5 url(../images/bg_tienda.gif) no-repeat; padding:20px 0 14px 25px;margin-bottom:42px}
#tienda h6 { font-size:15px; font-weight:bold; padding-bottom:16px}
#tienda .photo { float:left; padding-right:38px}
#tienda .button_tienda { float:left; font-size:24px; color:#000000; padding-top:23px; padding-bottom:5px}
#tienda .button_tienda a { width:205px; height:36px; float:left; background: url(../images/bg_button_tienda.gif) no-repeat; color:#000000; text-decoration:none; text-align:center; padding-top:10px}
#tienda p { color:#E3F1FE}


/* 09.7 container bottom - footer
-----------------------------------------*/

#footer { width:840px; float:right; padding-bottom:110px}
#footer p { font-size:11px; color:#606060; line-height:1.2em; padding-top:6px}
#footer p a { color:#336EA7; font-weight:normal}
#footer .set { float:left; padding-right:25px}
#footer .set .icon { float:left; padding-right:10px}
#footer .set p { float:left}

#footer .icon_footer { float:right}

/* EQUIPO
-------------*/
.equipo p {margin-bottom: 1em;}
.equipo .leftpanel {background.color: transparent;}



/* THE PLAN
-------------*/

body.plan {color: #ccc; line-height: 140%;}
.plan p {margin-top: 1em; font-size: 18px;}
.plan h1, .plan h2 {color: #fff; font-weight: bold;}
.plan .intro_team {margin: 0 20px; border-top: solid #444 1px; border-bottom: solid #444 1px;  text-align: center; margin: 20px 0; padding: 20px 0;}
.plan .intro_team h1 {font-size: 96px; letter-spacing: -3px; line-height: 100%; text-shadow: 0 3px 3px #111; text-align: center}
.plan .intro { height: 250px; background:#323236; margin: 0 20px; margin: 20px 0; padding: 20px 0;}
.plan .intro .set { float:left; padding-bottom:10px}
.plan .intro h1 {font-size: 96px; letter-spacing: -3px; line-height: 100%; text-shadow: 0 3px 3px #111; text-align: center}
.plan .intro h2 {font-size: 20px;}
.plan .intro p {padding-left:20px; padding-bottom:10px; text-align: center}
/*#plan .pdf_document { width:260px; height:54px; float:left; border-right:1px solid #1C1C1F; padding-top:14px; padding-left:20px}*/
.plan .intro .pdf_document ul { width:840px; float:left; border-top:1px solid #222222}
.plan .intro .pdf_document ul li { width:239px; height:54px; float:left; font-size:11px; color:#999999; line-height:1.6em; border-right:1px solid #222222; padding:14px 20px 0 20px}
.plan .intro .pdf_document ul li span { float:left}
.plan .intro .pdf_document ul li .icon { padding-right:16px}
.plan .intro .pdf_document ul li.bordernone { border:none} 
.plan .intro .pdf_document ul li a { font-size:15px; color:#FF9900; text-decoration:underline; font-weight:bold}
.plan p.explanation {font-size: 32px; color: #999; line-height: 120%;}
.plan p.explanation strong {color: #fff; font-weight: normal;}
.plan strong {color: #fff;}
.plan h1 {font-size: 36px; line-height: 100%; margin-top: 30px; letter-spacing: -1px;}
.plan .leftpanel {background: none;}

blockquote {font-size: 16px; padding: 30px 30px 20px 30px; background-color: #333; color: #eee; margin-top: 30px;}
.plan .author {color: #fff; text-align: right; padding-top: 15px; margin-bottom: 30px;}
img.img_center {margin: 30px auto;  display: block;}
.image { box-shadow: 10px 10px 5px #fff; background: #fff;}
.plan h2 {margin-top: 30px;}
.white {background-color: #fff;}
.plan ol.done {color: #666; list-style-type: decimal;}
.author {background: transparent url(../images/bocadillotail.png) top left no-repeat; float: right; padding-left: 115px;}
.plan ol.done li {padding: 10px 0; color: #eee; }
.plan table th {font-weight: bold; color: #fff; padding: 10px;}
.plan table td {padding: 10px; vertical-align: top; margin: 20px 0;}

.member {margin: 30px 0;}
.member img {position: absolute;}
.plan .member .photo {margin-left: 270px; font-size: 15px !important;}
.member p {margin: 0;}
.plan .member h4  {font-weight: bold; color: #fff; font-size: 17px; margin:0; padding:0;}
.span-7 {width: 25%; float: left; font-size: 15px; padding-left: 65px; position: relative; height: 65px;}
.span-7 img {position: absolute; left:0;}
.span-7 a {color: #09c;}
.span-7 {color: #fff;}
.cargo {color: #777;}
.spacer {height: 50px;}