/*
Theme Name: La creación del mundo
Theme URI: http://www.lacreaciondelmundo.es
Description: Theme developed for Instituto Ibercrea.
Version: 2.0
Author: Andreu Llos
*/

/* RESET */
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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,center,u { margin:0; padding:0; border:0; outline:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit; vertical-align:baseline; }
strong { font-weight:normal; }
:focus { outline:0; }
ol,ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }
input,textarea { margin:0; padding:0; }
hr { margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px; }

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #79b3ca; color: #004273; text-shadow: none;}
::selection {background: #79b3ca; color: #004273; text-shadow: none;} 

/* BODY */

/* Planeta en movimiento
html { background:url(images/bg.jpg) #4b879f top no-repeat; height:100%; }
body { background-image:url(images/bg-planeta.png); background-repeat:no-repeat; }
html>body { min-height:100%; height:auto; }
*/


body { background:url(images/bg-neuronas.jpg) #012d4d center center fixed;  margin:0; padding:0; height:100%; font-size:16px; line-height:1.5em; color:#004273; padding-bottom:300px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body.page-id-278 { padding-bottom: 200px; }
p { margin-bottom:20px; }
a { text-decoration:none; color:#004273; }
a:hover { color:#79b3ca; }
.clear { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }
.wrapper { width:968px; margin:0 auto; }
em, em a { font-style: italic; }
a { -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; -ms-transition:color .15s linear; transition:color .15s linear; }

/* HEADER */
#header { margin-top:15px; margin-bottom:25px;  }
#header,#footer { padding:40px; padding-bottom:20px; width:885px; padding-top:25px; color:white; position:relative; }
#header a,#footer a { color:white; }
#header a:hover,#footer a:hover { color:#79b3ca; }
body.home #content { margin-bottom:40px; }
#share { position:absolute; right:33px; top:28px; }
#share a { text-indent:-50000px; display:block; float:right; margin-left:8px; width:20px; height:20px; background-repeat:no-repeat; background-position:0 -20px; }
#share a:hover { background-position:0 -2px; }
#share #fb { background-image:url(images/icon-fb.png); }
#share #tw { background-image:url(images/icon-tw.png); }
#lang { position: absolute; right: 156px; top: 23px; }
#lang li { float: left; margin-left: 20px; }
#lang li.active a { border-bottom: 2px solid white; display: block; padding-bottom: 1px; }
#lang li.active a:hover { color: white; }
#lang li a { font-size: 13px; text-transform: lowercase; }
#menu-main { position: absolute; bottom: 13px; right: 0; }
#menu-main li { float: left; margin-right: 40px; }
#menu-main li a { text-transform: uppercase; display: block; padding-bottom: 3px; }
#menu-main li.current-menu-item a, body.single-cm_participante #menu-main li#menu-item-284, body.post-type-archive-cm_participante #menu-item-284 { border-bottom: 2px solid white; }
#menu-main li.current-menu-item a:hover { color: white; }

/* GENERAL */
body, .twtr-bd, body.home .slidepanel.mainvideo h4 { font-family:DINLightRegular, Helvetica, Arial, sans-serif; }
h1,h2,h4,ul.tabs a,ul.tabs li span,.comment_author a,#menu-main li a, strong, #programa .col span.title, body.home .slidepanel.mainvideo h4 strong { font-family:DINBold, Helvetica, Arial, sans-serif; }
h1 { font-size:30px; text-transform:uppercase; line-height:1.25em; margin-bottom:30px; }
h2 { font-size:30px; margin-bottom:35px; line-height:1.05em; }
h3 { font-size:25px; margin-bottom:30px; }
h4 { font-size:16px; margin-bottom:10px; text-transform:uppercase; margin-top:5px; }
.main-desc { font-size:16px; }
p a,a.bottom { text-decoration:underline; }
.hentry ul li, .left .group ul li { margin-bottom: 5px; }

/* HOME */
body.home #bottom_container_main_inner { padding-top: 200px; }
body.home #bottom_container { position: relative; margin-bottom: 38px; }
body.home .arrow { position: absolute; top: 80px; z-index: 6; width: 39px; height: 39px; background-image: url(images/bg-arrow-carrousel.png); background-repeat: no-repeat; display: block; cursor: pointer;}
body.home .arrow.prev { background-position: top left; left: -45px; }
body.home .arrow.prev:hover { background-position: bottom left; }
body.home .arrow.next { background-position: top right; right: -45px; }
body.home .arrow.next:hover { background-position: bottom right;}
#carrousel { height: 190px; width: 960px; overflow:hidden; border-bottom: 1px solid white; position: absolute; top: 4px; left: 4px; z-index: 5; background: url(images/bg-carrousel-slide.png); }
#carrousel_top { position: absolute; top: 3px; left: 4px; background-image: url(images/bg-carrousel-top.png); height: 22px; width: 960px; z-index: 90; }
#carrousel li { float: left; position: relative; width: 960px; }
#carrousel li .cm_participante { float: left; width: 190px; border-left: 1px solid white; border-right: 1px solid white; position: relative; }
#carrousel li .cm_participante.first { width: 189px; }
#carrousel li .cm_participante .about { width: 146px; height: 160px; position: absolute; top: 0; left: 0; color: white; padding: 20px 22px 10px 22px; background: url(images/bg-carrousel-slide.png); display: none; cursor: pointer; }
#carrousel li .cm_participante .about a { color: white; text-decoration: none; }
#carrousel li .cm_participante .about p { line-height: 1.3em; font-size: 12px; }
#carrousel li .cm_participante .about .textbottom {  position: absolute; bottom: 0; line-height: 1.5em; }
#carrousel li .cm_participante .about strong { font-size: 14px; margin-bottom: 5px; display: block; }
body.home .slidepanel.mainvideo .panel { padding-bottom: 0; }
body.home .scroll-bottom.mainvideo { margin-bottom: 40px; }
body.home .slidepanel.mainvideo .left { border-right: 0; }
body.home .slidepanel.mainvideo h4 { margin-bottom: 20px; }

.twtr-ft, .twtr-hd, .twtr-user { display: none }
.twtr-bd { font-size: 15px; }
.twtr-widget .twtr-tweet-wrap { padding: 8px 12px !important; }
.twtr-bd a { text-decoration: underline !important; }
.twtr-bd p { line-height: 1.3em !important; }
#twtr-widget-1 { margin-bottom: 10px !important; }
.twitter-follow-button { width: 122px !important; margin: 0 auto; display: block; }

/* SIDEBAR */
#docs { margin-top:40px; padding-top:35px; border-top:1px solid #c3d2d7; }
.left .group ul, .hentry ul { list-style-image:url(images/icon-ul.png); padding-left:30px; margin-bottom:25px; }
.left .group ul li, .hentry ul li  { margin:10px 0; }
.left .group { margin-bottom: 40px; }
.left .group.title { padding-bottom: 20px; border-bottom: 1px solid #c3d2d7; }
#map a { font-size: 13px; text-decoration: underline; }
#map iframe { border: 1px solid #c3d2d7; }


/* PAGE */
.back { text-align: right; display: block; width: 99%; padding-top: 20px; }
.back a { text-decoration: underline; }
.panel.jornada { padding-top: 40px; min-height: 154px; }
.panel.jornada h2 { margin-bottom: 30px; }
.panel.mesa .left p, .panel.jornada .left p { font-size: 18px; }
.panel.jornada .limit { width: 40%; position: absolute; text-align: right; left: 520px; z-index: 5; }
#jornada-5 .limit { width: 54%; left: 390px; }
.panel.jornada.fright .limit { text-align: left; left: 60px; }
.panel.jornada { position: relative; }
.panel.jornada img { position: absolute; left:4px; top:3px; z-index: 4; }
.panel.jornada.fright img { left: 214px; }
#jornadas { height: 194px; }

#all { display:none; }
#aportaciones { margin-top:40px; padding-top:35px; border-top:1px solid #c3d2d7; }
#aportaciones h4 { margin-bottom:10px; }
#aportaciones-list { width:494px; height:334px; padding:20px; background:url(images/bg-aportaciones.png) no-repeat top left; margin-top:10px; overflow-y:scroll; }
#aportaciones-list li { margin-bottom:15px; border-bottom:1px dotted #c3d2d7; font-size:14px; }
#aportaciones-list li p { margin-bottom:15px; }
h3#postcomment { margin-top:40px; }

#programa { padding-top: 95px; position: relative; font-size: 15px; }
#programa .download { background: url(images/icon-pdf.gif) no-repeat left; padding-left: 20px; position: absolute; top: 30px; right: 50px; text-decoration: underline; }
#programa .col { margin-right: 25px; width: 280px; float: left; margin-bottom: 30px; }
#programa .col.last { margin-right: 0; }
#programa .col h4 { text-align: center; }
#programa .col.last { margin-right: 0; }
#programa .col-cont { width: 280px; background: white; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding: 15px 0 20px 0; height: 1160px; }
#programa .col ul.mesas {  background-color: #f3f6f7; padding-top: 95px; border: 1px dotted #d4dee2; height: 320px; margin-bottom: 20px; padding-bottom: 0; }
#programa .col li { position: relative; margin: 0 20px; padding-right: 47px; margin-bottom: 15px; }
#programa .col li span.time { position: absolute; right: 0; text-align: right; }
#programa .col ul.mesas span.time { top: -123px; right: 32%; }
#programa .col.last ul.mesas span.time { top: -98px; }
#programa .col li span.sala { font-size: 12px; }
#programa .col span.title { font-size: 12px; text-transform: uppercase; color: #79b3ca; }
#programa .col li.title.mesas { border: 0; }
#programa .col li em { display: block; margin-bottom: 8px; font-size: 12px; }
#programa #mesas-overlay {  position: absolute; top: 427px; left: 40px; width: 888px; z-index: 2; text-align: center; background: #f3f6f7;  border: 1px dotted #d4dee2; padding: 10px 0; }

#donde .content { padding-top: 30px; }
#donde .content .col { width: 29%; float:left; margin-right: 5%; }
#donde .content .col.first { border-right: 1px solid #c3d2d7; min-height: 265px; }
#donde .content .col.last { margin-right: 0; padding-top: 39px;}
#logos { padding-top: 5px; }
#logos img { float: left; margin-left: 66px; border: 0; margin-top: 12px; }
#logos img.first { margin-left: 0; }

.hentry img { border: 1px solid white; }
#participantes .hentry img { float: left; margin-right: 30px; }
#participantes .hentry h4 { margin-bottom: 0; }
body.archive #participantes .hentry { height: 150px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #c3d2d7; }
body.archive #participantes .hentry p { margin-bottom: 13px; }
/*#participantes .hentry a { text-decoration: none; }*/
.hentry .short-desc { margin-bottom: 30px; }

/* SINGLE */
body.single h2 { margin-bottom: 1px; }
body.single .hentry img { margin-bottom: 25px; }
body.single .content { clear: left; padding-top: 20px; border:1px solid #c3d2d7; border-width: 1px 0 1px 0; margin-bottom: 20px;  }
body.single .info { font-size: 18px; }
body.single .info .presented { font-size: 14px; }
body.single .info a { text-decoration: underline; }
body.single .video-js-box { margin-bottom: 40px;  }

/* FOOTER */
#footer { font-size:11px; padding-top:30px;text-transform: uppercase; }
#footer a:hover { color:white; }
#footer img { float: left; margin-left: 30px; opacity: .8; }
#footer a:hover img { opacity: 1; }
#footer .sep { float: right; margin-left: 40px; }
#footer .sep.first { margin-left: 0; }
#footer p { padding-left: 30px; }
.slidepanel { width:968px; margin:0 auto; background:url(images/header_background.png) repeat-x 0 0; }
.panel { padding:45px 40px 20px; width:898px; min-height:130px; overflow:hidden; height:auto; }
.left { width:270px; margin-right:40px; padding-right:40px; border-right:1px solid #c3d2d7; float:left; min-height:130px; position:relative; }
.panel .left .bottom { text-decoration:underline; }
.right { float:left; width:530px; }
.right .pagination { float:right; }
.right .pagination span,.right .pagination a { display:block; float:left; margin-left:10px; }
.right .pagination a { text-decoration:underline; }
body.archive .right .pagination { width: 100%;  font-size: 14px; }
body.archive .right .pagination .numpages { float: right; }
body.archive .right .pagesinfo { float: left; }
body.archive .right .pagination span { margin-left: 0; }
body.archive .right .pagination span.current { margin-left: 10px; display: block;}
.scroll-bottom,.scroll-bottom.round { background:url(images/header_bottom.png) no-repeat left top; height:26px; z-index:1; position:relative; width:968px; margin:0 auto; }
.scroll-bottom-jornadas { background-image: url(images/header_bottom_jornadas.png); z-index: -1; }
.comment_author span { float:right; }
.scroll-bottom.round { background:url(images/header_bottom_round.png) no-repeat left top; }
#bottom_container_top,#bottom_container_bottom { height:30px; background-position:left top; background-repeat:no-repeat; }
#bottom_container_top { background-image:url(images/bottom_container_background_top.png); }
#bottom_container_bottom { background-image:url(images/bottom_container_background_bottom.png); }
#bottom_container_main { position:relative; background:url(images/bottom_container_background.png) 0 160px repeat-y; padding:5px 40px; height:auto; width:885px; min-height:170px;  line-height:1.5em; }
body.home #bottom_container_main { height: 520px; }
#bottom_container_main_inner { width:890px; }
#bottom_container_main h4 { margin:1.5em 0; }
.column { float:left; margin-right:36px; width:275px; }
.column.last { margin-right:0; }
.column h2.title { text-indent:-9000px; height:42px; margin-top:0; margin-bottom:33px; }
.column h2 span { display:block; font-size:.7em; }
.column .button { margin-top:20px; }

/* panel tabs */
ul.tabs { list-style:none; margin:0; padding:0; padding-bottom:9px; z-index:0; position:relative; overflow:auto; height:auto; margin:0 auto; margin-top:-5px; width:968px; }
ul.tabs li span { float:left; margin-left:15px; margin-right:10px; font-size:37px; margin-top:10px; color:#79b3ca; }
ul.tabs li { display:block; float:left; background:url(images/button_navigation.png) top left no-repeat; margin:0; margin-right:-7px; padding:10px; width:219px; height:45px; overflow:hidden; }
ul.tabs li.active, ul.tabs li.disabled { background-position: bottom left; cursor:default; }
ul.tabs li.active a, ul.tabs li.disabled a { color:#79b3ca; cursor:default; }
ul.tabs a { display:block; width:179px; margin-left:20px; margin-top:8px; height:45px; text-decoration:none; letter-spacing:-1px; background-position:0 3px; background-repeat:no-repeat; }
ul.tabs a.selected { color:#88a241; outline:none; }
ul.tabs a span { font-size:.75em; font-weight:normal; text-transform:none; display:block; margin-top:3px; letter-spacing:normal; }
ul.tabs a:focus { outline:none; }
ul.tabs-jornadas { margin-bottom: 35px; }
/*end panel tabs*/

/* end bottom container */

/* media queries */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body.home .arrow.prev { left: 15px; }
	body.home .arrow.next { right: 15px; }
}

@media (max-width: 1090px) {
	body.home .arrow.prev { left: 15px; }
	body.home .arrow.next { right: 15px; }
}

/* FONT */

@font-face {

    font-family: 'DINLightRegular';
    src: url('fonts/ff_din_light-webfont.eot');
    src: url('fonts/ff_din_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ff_din_light-webfont.woff') format('woff'),
         url('fonts/ff_din_light-webfont.ttf') format('truetype'),
         url('fonts/ff_din_light-webfont.svg#DINLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINBold';
    src: url('fonts/ff_din_bold-webfont.eot');
    src: url('fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ff_din_bold-webfont.woff') format('woff'),
         url('fonts/ff_din_bold-webfont.ttf') format('truetype'),
         url('fonts/ff_din_bold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;

}