@charset "UTF-8";
/* CSS Document */

/** SE CREA UN IFRAME CON EL CAPTCHA DE GOOGLE PARA EVITAR PROBLEMAS DE CACHE **/
/** ESTE IFRAME DESPLAZA EL PIE DE PÁGINA, OCULTANDOLO SE ARREGLA **/
iframe{
display:none;
}
/** **/

@font-face {
	font-family: 'Dosis Regular';
	font-style: normal;
	font-weight: 400;
	src:url('Dosis-Regular.eot');
	src: local('Dosis Regular'), local('Dosis-Regular'), url('Dosis-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'BowlbyOne Regular';
	font-style: normal;
	font-weight: 400;
	src:url('BowlbyOne-Regular.eot');
	src: local('BowlbyOne Regular'), local('BowlbyOne-Regular'), url('BowlbyOne-Regular.ttf') format('truetype');
}

html, body {
height: 100%;
}

body{
font:15px 'Dosis Regular', 'Helvetica', Arial, sans-serif;
color:#000;
margin:0;
}

a{
text-decoration:none;
color:#0097ce;
/* propiedades para la animacion  */
/*transition: all 0.1s linear !important;
-webkit-transition: all 0.1s linear !important;
-moz-transition: all 0.1s linear !important;*/
}

a:hover{
text-decoration:none;
color:#a2a2a2 !important;
}

hr{
margin:10px 0;
color:#cecece;
height:0px;
border-bottom:2px dotted #cecece;
border-top:0;
}

/********************/
/*		GENERAL		*/
/********************/

div.content{
width:960px;
margin:0 auto;
}

div.content section.text{
width:560px;
padding:20px;
float:left;
background-color:#f3f3f3;
}

div.content section.photo{
width:350px;
float:right;
overflow:hidden;
}

.title-color-1{
color:#0097ce;
}

.left{
float:left;
}

.right{
float:right;
}

.center{
text-align:center;
}

button{
font-family:'Dosis Regular';
height:24px;
color:#fff;
background-color:#0096ca;
border:none;
padding:2px 8px;
/* propiedades para la animacion  */
transition: all 0.1s linear !important;
-webkit-transition: all 0.1s linear !important;
-moz-transition: all 0.1s linear !important;
}

button:hover{
background:#A2A2A2!important;
}

h1{
font-family:'BowlbyOne Regular';
font-weight:100;
}

p{
font-size:18px;
}

.select{
color:#0096ca !important;
}

div.clear{
clear:both;
}

.width100{
width:100%;
}

.defaultTextActive{
color:#999!important;
font-style:italic;
}

/********************/
/*		HEADER		*/
/********************/

header {
width:960px;
margin:0 auto;
padding:20px 0;
text-align:center;
position:relative;
}

header .logo{
text-decoration:none !important;
}

header .language{
position:absolute;
left:0;
top:35px;
font-size:18px;
}

header .language a{
color:#000;
}

header a.blog{
position:absolute;
right:140px;
top:35px;
color:#000;
}

header ul{
list-style:none;
margin:0;
padding:0;
position:absolute;
right:0;
top:30px;
display:inline;
}

header ul li{
display:inline-block;
width:30px;
list-style:none;
/*display:inline;*/
}

header ul li a{
display:block;
width:30px;
height:30px;
background-position:top;
/* propiedades para la animacion  */
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
}

header ul li a:hover{
background-position:bottom;
}

header ul li a#lnk-facebook{
background-image:url(facebook.png.1);
}

header ul li a#lnk-twitter{
background-image:url(twitter.png);
}

header ul li a#lnk-correo{
background-image:url(google.png);
}

header ul li a#lnk-googlegroups{
background-image:url(googlegroups.png);
}

header .headline{
display:inline-block;
width:100%;
text-align:left;
border-bottom:8px solid #000;
}

header .headline nav{
float:left;
margin-top:43px;
}

header nav.submenu{
float:left;
margin-top:-3px;
margin-bottom:3px;
}

header .headline nav a,
header nav.submenu a{
color:#000;
}

header .headline .subscriptions{
float:right;
margin:40px 0 0 10px;
position:relative;
width:191px;
text-align:right;
}

header .headline .subscriptions button{
width:191px;
}

header .headline .subscriptions button#comparte{
width:173px;
}

header .boletin-red-ocs,
header .comparte-blog{
margin-top:30px;
background-color:#F3F3F3;
text-align:left;
width:960px;
height:270px;
display:none;
position:relative;
}

header .comparte-blog{
height:112px;
}

header .boletin-red-ocs .msg,
header .comparte-blog .msg{
width:500px;
height:30px;
position:absolute;
top:0;
right:0;
z-index:-1;
}

header .boletin-red-ocs .msg .text,
header .comparte-blog .msg .text{
text-align:right;
font-weight:bold;
}

header .boletin-red-ocs .column{
margin:20px;
float:left;
width:440px;
}

header .boletin-red-ocs .column label.option{
font-size:24px;
}

header .boletin-red-ocs .column span.radio,
header .boletin-red-ocs .column span.checkbox {
width:19px;
height:25px;
margin-top:7px;
padding:0 10px 0 0;
display:block;
clear:left;
float:left;
}

header .boletin-red-ocs .column span.radio{
background:url(radio.png) no-repeat;
}

header .boletin-red-ocs .column span.checkbox{
background:url(checkbox.png) no-repeat;
}

header .boletin-red-ocs .column span.checkbox.error{
background-position:0px -100px !important;
}

header .boletin-red-ocs .column input[type="radio"],
header .boletin-red-ocs .column input[type="checkbox"]{
margin-right:10px;
}

header .boletin-red-ocs .column input[type="text"],
header .comparte-blog .right input[type="text"]{
width:430px;
height:17px;
border:5px solid #fff !important;
padding:0;
margin-bottom:10px;
outline:none;
border:none;
}

header .boletin-red-ocs .column input[type="text"].error,
header .comparte-blog .right input[type="text"].error{
border-color:#0096CA !important;
}

header .boletin-red-ocs .column input[type="submit"],
header .comparte-blog .right input[type="submit"]{
float:right;
border:none;
background-color:#0096CA;
color:#fff;
height:25px;
margin:0;
font-family:'Dosis Regular';
/*transition:all 0.20s linear;
-webkit-transition:all 0.20s linear;
-moz-transition:all 0.20s linear;*/
}

header .boletin-red-ocs .column .captcha{
float:left;
}

header .boletin-red-ocs .column input[type="submit"]:hover{
background:#A2A2A2 !important;
}

header .boletin-red-ocs .privacidad{
position:absolute;
bottom:10px;
right:20px;
}

header .boletin-red-ocs .privacidad span.radio,
header .boletin-red-ocs .privacidad span.checkbox,
form#frm-idea .privacidad span.radio,
form#frm-proyecto .privacidad span.radio,
form#frm-idea .privacidad span.checkbox,
form#frm-proyecto .privacidad span.checkbox,
form#frm-blog .privacidad span.radio,
form#frm-blog .privacidad span.checkbox{
width:19px;
height:25px;
padding:0 5px 0 0;
display:block;
clear:left;
float:left;
}

header .boletin-red-ocs .privacidad span.radio,
form#frm-idea .privacidad span.radio,
form#frm-proyecto .privacidad span.radio,
form#frm-blog .privacidad span.radio{
background:url(radio.png) no-repeat;
}

header .boletin-red-ocs .privacidad span.checkbox,
form#frm-idea .privacidad span.checkbox,
form#frm-proyecto .privacidad span.checkbox,
form#frm-blog .privacidad span.checkbox{
background:url(checkbox.png) no-repeat;
}

header .boletin-red-ocs .privacidad span.checkbox.error,
form#frm-idea .privacidad span.checkbox.error,
form#frm-proyecto .privacidad span.checkbox.error,
form#frm-blog .privacidad span.checkbox.error{
background-position:0px -100px !important;
}

header .comparte-blog .left{
width:410px;
margin:20px 0 20px 20px;
}

header .comparte-blog .left p{
margin:0;
}

header .comparte-blog .right{
width:510px;
margin:43px 20px 20px 0;
}

/********************/
/*		FOOTER		*/
/********************/

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
/*margin: 0 auto -110px;*/
margin: 0 auto -70px;
}

.push {
/*height: 110px;*/
height: 70px;
clear: both;
}

footer {
width:960px;
margin:0 auto;
height:90px;
/*padding-top:40px;*/
clear: both;
}

footer p{
font-size:15px;
margin:0;
text-align:center;
}

footer a .img{
display:inline-block;
width:30px;
height:30px;
background:url('cc.png');
background-position:top;
position:relative;
top:9px;
margin-left:10px;
}

footer a:hover .img {
background-position:bottom;
}


footer a .imgcorreo{
display:inline-block;
width:30px;
height:30px;
background:url('correo.png');
background-position:top;
position:relative;
top:9px;
}

footer a:hover .imgcorreo{
background-position:bottom;
}

/********************/
/*		SCROLLS		*/
/********************/

/********************/
/*		SCROLLS		*/
/********************/

.jspContainer
{
overflow: hidden;
position: relative;
}

.jspPane
{
position: absolute;
}

.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
}

.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}

.jspCap
{
display: none;
}

.jspHorizontalBar .jspCap
{
float: left;
}

.jspTrack
{
background: #fff;
position: relative;
}

.jspDrag
{
background: #0096ca;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}

.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}

.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}

.jspVerticalBar .jspArrow
{
height: 8px;
}

.jspHorizontalBar .jspArrow
{
width: 8px;
float: left;
height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
outline: none;
}

.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}

/********************/
/*	  CONTENIDO		*/
/********************/

section.timeline,
section.timelineOCS,
section.homevideo,
section.banner,
section.red-social,
section.team,
section.cooperate,
section.red-ocs,
section.blogs,
section.proyectos,
section.project-info,
section.new-project,
section.webinars,
section.slider-webinars,
section.slider-webinars-home,
section.coming-webinars,
section.historical-webinars,
section.historical-congresos,
section.congresos,
section.otros-eventos,
section.eventos-map,
section.congresos-home,
section.eventos-map-home,
section.perfil-proyecto,
section.participa-ocs,
section.como-participar,
section.textos-etapa1,
section.textos-etapa2,
section.hemeroteca{
position: relative;
width:470px;
height:325px;
margin-bottom:20px;
}

section.textos{
position: relative;
width:400px;
height:325px;
margin-bottom:20px;
}

section.proyectos{
position:inherit;
}

section.red-ocs,
section.blogs,
section.proyectos,
section.slider-webinars,
section.slider-webinars-home,
section.coming-webinars,
section.historical-webinars,
section.historical-congresos,
section.congresos,
section.eventos-map,
section.perfil-proyecto,
section.como-participar,
section.hemeroteca{
width:100%;
height:auto;
display:inline-block;
position:relative;
}

section.slider-webinars,
section.eventos-map{
margin-top:10px;
}

section.team,
section.cooperate,
section.webinars,
section.textos,
section.otros-eventos,
section.congresos-home,
section.eventos-map-home,
section.participa-ocs,
section.textos-etapa1,
section.textos-etapa2{
height:460px;
}

section.project-info{
padding:20px;
width:430px;
height:370px;
}

section.new-project{
width:470px;
height:410px;
}

section.timeline,
section.timelineOCS,
section.banner,
section.team,
section.webinars,
section.project-info,
section.otros-eventos,
section.congresos-home,
section.participa-ocs,
section.textos-etapa1{
float:left;
}

section.homevideo,
section.red-social,
section.cooperate,
section.new-project,
section.eventos-map-home,
section.textos-etapa2{
float:right;
}

section.timeline{
width:960px;
height:365px;
}

section.timeline a{
color:#0097CE !important;
}

section.timeline a:hover{
text-decoration:none !important;
color:#A2A2A2 !important;
}

section.timeline .slide{
width:920px;
height:325px;
padding:20px;
background-color:#80dae2;
/*background-image:url(../img/timeline.png);*/
}

section.timeline .slide.gif{
background-image:url(OCSprehome.gif);
background-repeat:no-repeat;
background-position:center;
background-position:bottom;
}

section.timeline .slide.img1{
background-image:url(banner-hl-ocs.jpg);
background-repeat:no-repeat;
background-position:center;
background-position:bottom;
}

section.timelineOCS{
width:920px;
padding:20px;
background-color:#80dae2;
background-image:url(OCSprehome.gif);
background-repeat:no-repeat;
background-position:center;
background-position:bottom;
}

section.timelineTEXTOS{
background-color:#80dae2;
background-repeat:no-repeat;
background-position:center;
background-position:bottom;
}

section.banner{
background-color:#F3F3F3;
}

section.homevideo,
section.red-social,
section.project-info{
background-color:#f3f3f3;
}

section.timeline h1,
section.timelineOCS h1,
section.project-info h1,
section.new-project h1{
font-size:28px;
line-height:120%;
margin:0 0 10px;
}

section.timelineOCS h1.medium{
font-size:28px;
}

section.timeline p,
section.timelineOCS p,
section.project-info p,
section.new-project p{
margin:0 0 10px;
}

section.new-project .first p,
section.new-project .second p{
margin-bottom:10px;
}

section.homevideo .left{
margin:5px 10px 0;
}

section.homevideo h2,
section.homevideo p{
margin:0;
}

section.homevideo p{
font-size:15px;
}

section.homevideo .right{
text-align:right;
}

section.homevideo .right button{
height:31px;
font-size:16px;
padding:5px 10px;
}

section.red-social .ico-tw{
display:block;
width:24px;
height:24px;
background:url(ico-tw.png);
}

section.red-social #title{
font-size:18px;
margin:8px 10px 0;
padding:3px 0;
border-top:1px solid #000;
border-bottom:1px solid #000;
}

section.red-social #title .ico-tw{
float:right;
}

section.red-social .post-redes{
padding:10px;
}

section.red-social .post-redes .post{
margin-bottom:10px;
}

section.red-social .post-redes .jspPane .post{ /* SCROLL */
margin-right:10px;
}

section.red-social .post-redes .post .top{
font-size:16px;
color:#0097CE;
display:inline-block;
width:100%;
}

section.red-social .post-redes .post .top .ico-tw{
float:left;
margin-right:5px;
}

section.red-social .post-redes .post .top .name{
float:left;
}

section.red-social .post-redes .post .top .time{
float:right;
}

section.red-social .post-redes .scroll {
height:265px;
outline:none;
}

section.red-social .post-redes .post .text{
font-size:14px;
margin-left:30px;
margin-top:-7px;
}

section.team p.title,
section.cooperate p.title,
section.red-ocs p.title,
section.blogs p.title,
section.proyectos p.title,
section.textos p.title,
section.webinars p.title,
section.slider-webinars-home p.title,
section.coming-webinars p.title,
section.historical-webinars p.title,
section.historical-congresos p.title,
section.congresos p.title,
section.otros-eventos p.title,
section.congresos-home p.title,
section.eventos-map-home p.title,
section.perfil-proyecto p.title,
section.participa-ocs p.title,
section.como-participar p.title,
section.textos-etapa1 p.title,
section.textos-etapa2 p.title,
section.hemeroteca p.title{
font-size:28px;
border-bottom:4px solid #000;
margin:0 0 10px;
}

section.participa-ocs p.title{
border-bottom:4px solid #fff;
}

section.proyectos p.pro-info{
position:absolute;
top:7px;
right:0;
margin:0;
}

section.team .block,
section.cooperate .block,
section.webinars .block,
section.red-ocs .block,
section.textos .block,
section.otros-eventos .block,
section.congresos-home .block,
section.perfil-proyecto .block,
section.participa-ocs .block,
section.como-participar .block,
section.textos-etapa1 .block,
section.textos-etapa2 .block,
section.hemeroteca .block{
background-color:#F3F3F3;
padding:20px;
height:370px;
}

section.new-project .front,
section.new-project .back{
padding:20px;
width:430px;
height:370px;
background-color:#F3F3F3;
}

section.cooperate .block.front,
section.new-project .front{
position: absolute;
botton: 0;
left: 0;
z-index: 900;

-webkit-transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;

-moz-transform: rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;

/* -- transition is the magic sauce for animation -- */
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

section.cooperate .block.front .first,
section.cooperate .block.front .second{
width:430px;
}

section.cooperate .block.front .first .action,
section.new-project .front .first .action{
cursor:pointer;
}

section.cooperate .block.front .second,
section.new-project .front .second{
display:none;
}

section.cooperate .block.back,
section.new-project .back{
position: absolute;
botton: 0;
left: 0;
z-index: 800;
	
-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;

-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;

/* -- transition is the magic sauce for animation -- */
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

section.cooperate.flip .block.front,
section.new-project.flip .front {
z-index: 900;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);			
}

section.cooperate.flip .block.back,
section.new-project.flip .back {
z-index: 1000;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
}

section.red-ocs .block,
section.perfil-proyecto .block,
section.como-participar .block,
section.hemeroteca .block{
width:920px;
height:auto;
display:inline-block;
}

section.team .block h1,
section.cooperate .block h1,
section.webinars .block h1,
section.red-ocs .block h1,
section.otros-eventos .block h1,
section.perfil-proyecto .block h1{
font-size:28px;
line-height:120%; 
margin:0 0 10px;
}

section.team .block p,
section.cooperate .block p,
section.webinars .block p,
section.red-ocs .block p,
section.otros-eventos .block p,
section.perfil-proyecto .block p,
section.participa-ocs .block p,
section.textos-etapa1 .block p,
section.textos-etapa2 .block p,
section.hemeroteca .block p{
margin:0 0 10px;
}

section.team .block .photo{
text-align:center;
float:left;
width:215px;
margin-bottom:20px;
}

section.team .block .prominent,
section.cooperate .block .prominent,
section.red-ocs .block .prominent,
section.new-project .prominent{
margin:0;
color:#0097CE;
font-size:18px;
font-weight:bold;
}

section.team .block span,
section.red-ocs .block span{
font-size:14px;
}

section.cooperate .block form,
section.new-project form{
margin-top:30px;
}

section.cooperate .block .line,
section.new-project form .line{
display:inline-block;
width:100%;
}

section.cooperate .block .left,
section.new-project form .line .left{
width:57px;
margin-right:13px;
text-align:right;
}

section.cooperate .block .right,
section.new-project form .line .right{
width:360px;
}

section.cooperate .block textarea,
section.cooperate .block input[type="text"],
section.new-project form textarea,
section.new-project form input[type="text"]{
border:none;
padding:0px;
outline:none;
}

section.cooperate .block textarea,
section.new-project form textarea{
resize:none;
width:350px;
height:140px;
border:5px solid #fff;
}

section.cooperate .block input[type="text"],
section.new-project form input[type="text"]{
width:350px;
height:17px;
border:5px solid #fff;
}

section.cooperate .block textarea.error,
section.new-project form textarea.error,
section.cooperate .block input[type="text"].error,
section.new-project form input[type="text"].error{
border-color:#0096CA;
}

section.cooperate .block .line .right p,
section.new-project form .line .right p{
float:left;
font-size:18px;
margin-top:7px;
display:none;
}

section.cooperate .block .line .right button,
section.new-project form .line .right button{
float:right;
margin-top:7px;
}

section.red-ocs .block .team{
text-align:center;
margin:20px auto 0;
}

section.red-ocs .block .team .photo{
width:184px;
float:left;
}

section.red-ocs #tabs{
display:inline-block;
}

section.red-ocs #tabs a{
display:block;
padding:5px;
width:280px;
float:left;
text-align:center;
background-color:#b4b4b4;
color:#fff !important;
font-weight:bold;
}

section.red-ocs #tabs a:hover,
section.red-ocs #tabs a.active{
background-color:#0097CE;
text-decoration:none;
}

section.red-ocs .tabs-container{
display:none;
margin:20px 0 0;
display:inline-block;
}

section.red-ocs .tabs-container .abc{
margin:20px 0;
font-size:37px;
}

section.red-ocs .tabs-container .abc a{
color:#000;
}

section.red-ocs .tabs-container .column{
font-size:18px;
word-wrap:break-word;
width:295px;
margin-right:10px;
float:left;
}

section.red-ocs .tabs-container .column p{
margin:0;
color:#0097CE;
}

section.red-ocs .tabs-container .pais{
margin-bottom:30px;
}

section.red-ocs .tabs-container .pais p.name{
font-size:25px;
margin-bottom:5px;
color:#000;
}

section.red-ocs .tabs-container .pais a{
font-size:18px;
}

section.red-ocs .info-profile .right p span{
font-size:18px;
}

section.red-ocs h1.profile{
font-size:50px;
line-height:55px;
}

section.red-ocs .info-profile img{
margin:20px 30px;
}

section.red-ocs .info-profile .right{
width:470px;
margin:20px 0;
}

section.red-ocs .info-profile .right p{
margin:0;
}

section.red-ocs .info-profile .right p.big{
font-size:22px;
}

section.red-ocs .info-profile .right p.big.select{
font-weight:bold;
}

section.red-ocs .info-profile ul li a{
font-size:18px;
color:#000;
}

section.red-ocs .info-profile ul li{
color:#0096ca;
}

section.red-ocs .info-profile ul.contact,
section.como-participar .faq ul.contact{
list-style:none;
padding-left:0;
}

section.como-participar .faq ul.contact{
position:relative;
float:right;
bottom:35px;
right:250px;
margin:0;
}

section.red-ocs .info-profile ul.contact li,
section.como-participar .faq ul.contact li{
display:inline-block;
width:45px;
list-style:none;
margin-right:5px;
}

section.red-ocs .info-profile ul.contact li a,
section.como-participar .faq ul.contact li a{
display:block;
width:45px;
height:45px;
background-position:top;
/* propiedades para la animacion  */
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
}

section.red-ocs .info-profile ul.contact li a:hover,
section.como-participar .faq ul.contact li a:hover{
background-position:bottom;
}

section.red-ocs .info-profile ul.contact li a#facebook,
section.como-participar .faq ul.contact li a#facebook{
background-image:url(facebook-big.png);
}

section.red-ocs .info-profile ul.contact li a#youtube,
section.como-participar .faq ul.contact li a#youtube{
background-image:url(youtube-big.png);
}

section.red-ocs .info-profile ul.contact li a#twitter,
section.como-participar .faq ul.contact li a#twitter{
background-image:url(twitter-big.png);
}

section.red-ocs .info-profile ul.contact li a#tumblr{
background-image:url(tumblr-big.png);
}

section.red-ocs .info-profile ul.contact li a#linkedin{
background-image:url(linkedin-big.png);
}

section.red-ocs .info-profile ul.contact li a#blog{
background-image:url(blog-big.png);
}

section.red-ocs .info-profile ul.contact li a#web{
background-image:url(blog-big.png);
}

section.red-ocs .info-profile ul.contact li a#correo{
background-image:url(correo-big.png);
}

section.como-participar .faq ul.contact li a#google{
background-image:url(google-big.png);
}

section.como-participar .faq ul.contact li a#youtube{
background-image:url(youtube-big.png);
}

section.coming-webinars article,
section.historical-webinars article,
section.historical-congresos article,
section.congresos article{
width:300px;
height:320px;
float:left;
margin-bottom:20px;
position:relative;
}

section.historical-congresos article{
height:270px;
}

section.coming-webinars article,
section.historical-webinars article{
margin-bottom:0;
}

section.coming-webinars article.middle,
section.historical-webinars article.middle,
section.historical-congresos article.middle,
section.congresos article.middle{
margin-left:30px;
margin-right:30px;
}

section.coming-webinars article .image,
section.historical-webinars article .image,
section.historical-congresos article .image,
section.congresos article .image{
width:300px;
max-height:160px;
overflow:hidden;
}

section.congresos-home .image{
width:430px;
max-height:160px;
overflow:hidden;
}

section.coming-webinars article .left,
section.historical-webinars article .left,
section.congresos article .left{
width:240px;
}

section.congresos-home .left{
width:370px;
}

section.coming-webinars article .right,
section.historical-webinars article .right,
section.congresos article .right,
section.congresos-home .right{
width:60px;
}

section.coming-webinars article span.title,
section.historical-webinars article span.title,
section.historical-congresos article span.title,
section.congresos article span.title{
font-size:20px;
font-weight:bold;
color:#0097CE;
}

section.coming-webinars article a.title,
section.historical-webinars article a.title,
section.historical-congresos article a.title,
section.congresos article a.title{
font-size:20px;
font-weight:bold;
}

section.congresos-home span.title{
font-size:22px;
font-weight:bold;
color:#0097CE;
}

section.congresos-home a.title{
font-size:22px;
font-weight:bold;
}

section.coming-webinars article p,
section.historical-webinars article p,
section.congresos article p{
font-size:14px;
margin:5px 10px 5px 0;
}

section.congresos-home p{
font-size:16px;
margin:5px 10px 5px 0;
}

section.coming-webinars article p.by,
section.historical-webinars article p.by,
section.congresos article p.by{
margin:0 10px 5px 0;
font-size:18px;
}

section.congresos-home p.by{
margin:0 10px 5px 0;
font-size:20px;
}

section.coming-webinars article .date,
section.historical-webinars article .date,
section.congresos article .date,
section.congresos-home .date{
width:60px;
height:60px;
background-color:#0096ca;
text-align:center;
color:#fff;
margin-top:5px;
}

section.coming-webinars article .date .month,
section.historical-webinars article .date .month,
section.congresos article .date .month,
section.congresos-home .date .month{
font-size:22px;
line-height:30px;
}

section.coming-webinars article .date .day,
section.historical-webinars article .date .day,
section.congresos article .date .day,
section.congresos-home .date .day{
/*font-weight:bold;*/
font-size:28px;
line-height:20px;
}

section.coming-webinars article .hour,
section.historical-webinars article .hour,
section.congresos article .hour,
section.congresos-home .hour{
text-align:center;
margin:5px 0;
display:block;
}

section.coming-webinars article .agenda,
section.coming-webinars article .compartir,
section.historical-webinars article .agenda,
section.historical-webinars article .compartir,
section.congresos article .agenda,
section.congresos article .compartir,
section.congresos-home .agenda,
section.congresos-home .compartir{
display:block;
width:60px;
height:24px;
text-align:center;
color:#000 !important;
background-color:#f3f3f3;
margin-bottom:5px;
}

section.congresos-home .agenda,
section.congresos-home .compartir{
background-color:#fff;
}

section.coming-webinars article .agenda:hover,
section.coming-webinars article .compartir:hover,
section.historical-webinars article .agenda:hover,
section.historical-webinars article .compartir:hover,
section.congresos article .agenda:hover,
section.congresos article .compartir:hover,
section.congresos-home .agenda:hover,
section.congresos-home .compartir:hover{
text-decoration:none;
background-color:#A2A2A2;
}

section.historical-webinars .navigation,
section.congresos .navigation,
section.blogs .navigation{
width:100%;
height:60px;
text-align:center;
}

section.historical-webinars .navigation span,
section.congresos .navigation span{
font-family:"BowlbyOne Regular";
font-size:30px;
color:#0096ca;
}

section.historical-webinars .navigation .arrow-left,
section.historical-webinars .navigation .arrow-right,
section.congresos .navigation .arrow-left,
section.congresos .navigation .arrow-right,
section.blogs .navigation .arrow-left,
section.blogs .navigation .arrow-right{
display:block;
width:41px;
height:41px;
background-position:top;
}

section.historical-webinars .navigation .arrow-left:hover,
section.historical-webinars .navigation .arrow-right:hover,
section.congresos .navigation .arrow-left:hover,
section.congresos .navigation .arrow-right:hover,
section.blogs .navigation .arrow-left:hover,
section.blogs .navigation .arrow-right:hover{
background-position:41px;
}

section.historical-webinars .navigation .arrow-left.disabled,
section.historical-webinars .navigation .arrow-right.disabled,
section.congresos .navigation .arrow-left.disabled,
section.congresos .navigation .arrow-right.disabled,
section.blogs .navigation .arrow-left.disabled,
section.blogs .navigation .arrow-right.disabled{
background-position:bottom;
}

section.historical-webinars .navigation .arrow-left,
section.congresos .navigation .arrow-left,
section.blogs .navigation .arrow-left{
float:left;
background-image:url(arrow-left.png);
}

section.historical-webinars .navigation .arrow-right,
section.congresos .navigation .arrow-right,
section.blogs .navigation .arrow-right{
float:right;
background-image:url(arrow-right.png);
}

section.congresos .presentation,
section.eventos-home,
section.intro-textos{
background-color:#f3f3f3;
padding:20px;
}

section.eventos-home,
section.intro-textos{
margin-top:10px;
margin-bottom:20px;
}

section.congresos .presentation h1,
section.eventos-home h1,
section.intro-textos h1{
margin:0 0 10px;
font-size:28px;
line-height:120%;
}

section.congresos .presentation p,
section.eventos-home p,
section.intro-textos p{
margin:0;
}

section.blogs article{
background-color:#F3F3F3;
width:310px;
height:300px;
float:left;
margin-bottom:20px;
position:relative;
}

section.blogs article.middle{
margin-left:15px;
margin-right:15px;
}

section.blogs article .image{
width:310px;
max-height:125px;
overflow:hidden;
}

section.proyectos article{
background-color:#F3F3F3;
width:300px;
height:290px;
float:left;
position:relative;
}

section.proyectos article.middle{
margin-left:30px;
margin-right:30px;
}

section.proyectos article .image{
width:300px;
max-height:120px;
overflow:hidden;
}

section.blogs article h2,
section.proyectos article h2{
font-family:'BowlbyOne Regular';
font-size:17px;
font-weight:100;
word-wrap:break-word;
margin:5px 10px;
}

section.blogs article h2 a,
section.proyectos article h2 a{
color:black;
}

section.blogs article p,
section.proyectos article p{
font-size:14px;
margin:5px 10px;
}

section.blogs article .more,
section.proyectos article .more{
position:absolute;
bottom:10px;
right:10px;
margin-left:10px;
text-align:right;
}

section.perfil-proyecto .block .image{
width:100%;
text-align:center;
margin-bottom:20px;
}

section.perfil-proyecto .block p{
margin:0;
}

section.perfil-proyecto .block .info{
margin-bottom:20px;
}

section.perfil-proyecto .block .info a,
section.perfil-proyecto .block .description a,
section.perfil-proyecto .block .colabora a,
section.como-participar .block .faq a{
color:#000;
text-decoration:none;
}

section.perfil-proyecto .block .description{
width:100%;
display:inline-block;
margin-bottom:20px;
}

section.perfil-proyecto .block .description .text img{
float:right;
margin-left:20px;
}

section.como-participar .block p{
margin:0;
line-height:120%;
}

section.como-participar .block .faq{
margin-bottom:20px;
}

section.como-participar .block .faq .question{
color:#0097CE;
}

section.textos-etapa1 .group-books,
section.textos-etapa2 .group-books{
display:inline-block;
}

section.textos-etapa1 .book,
section.textos-etapa2 .book{
width:71px;
text-align:center;
float:left;
position:relative;
margin:10px 0;
}

section.textos-etapa1 .book .idioma,
section.textos-etapa2 .book .idioma{
position:absolute;
top:-8px;
right:8px;
}

section.textos-etapa1 .book a,
section.textos-etapa2 .book a,
section.textos-etapa2 .book div.no-link-book{
display:block;
margin:0 auto;
width:49px;
height:49px;
background-image:url(book.png);
background-position:top;
}

section.textos-etapa1 .book a:hover,
section.textos-etapa2 .book a:hover,
section.textos-etapa2 .book div.no-link-book{
background-position:bottom;
}

section.textos-etapa1 .book p,
section.textos-etapa2 .book p{
margin:0;
line-height:120%;
}

section.textos-etapa1 .book p.num,
section.textos-etapa2 .book p.num{
font-family:'BowlbyOne Regular';
font-size:35px;
color:#0097CE;
}

section.textos-etapa1 p.idioma,
section.textos-etapa2 p.idioma{
position:absolute;
bottom:30px;
left:20px;
}

section.textos-etapa2 .all,
section.hemeroteca .block a{
background-color:#0097CE;
display:block;
padding:5px 20px;
float:left;
text-align:center;
color:#fff !important;
font-weight:bold;
margin-top:10px;
}

section.hemeroteca .block a{
font-size:20px;
}

section.textos-etapa2 .all{
margin:0;
width:430px;
position:absolute;
bottom:0;
left:0;
}

section.textos-etapa2 .all:hover,
section.hemeroteca .block a:hover{
background-color:#B4B4B4;
text-decoration:none;
}

form#frm-idea .privacidad,
form#frm-proyecto .privacidad{
float:right;
margin-top:10px;
}

form#frm-blog .privacidad{
float:right;
}

/* CAPTCHA GOOGLE */
.recaptcha_theme_blackglass #recaptcha_response_field,
.recaptcha_theme_white #recaptcha_response_field {
border:1px solid gray !important;
}