/*
* RESET CSS
*/
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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
* RETROINVADERS HOJA DE ESTILO
*/
html,
body { text-align:left; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.90em; font-weight:normal; line-height:1.3em; background:url(https://3.bp.blogspot.com/-1ktWUvAOpm4/WF0ugBEmIUI/AAAAAAAAQsM/q6eVC_RuOYU9WEA1hSyPH519LPhjyb6BACLcB/s1600/background.png) repeat-x top #fafafa; }
a,
a:visited { color: #aa4400; text-decoration:none; }
a:hover { color:#840; text-decoration:underline; }
a:visited { color:#D95700; }
/*a[rel="external"],
a[rel="external nofollow"] { background:transparent url(http://googledrive.com/host/0B6uAdgD4RcRWRzhaY1pVU3psMFk/external_link.png) no-repeat scroll right center; line-height:18px; min-height:18px; overflow:visible; padding:2px 14px 2px 0px; }*/
ul, ol { list-style:circle; margin:5px 0 15px 0; list-style-type:disc; list-style-position:inside; }
ul li,
ol li { padding-left:1em; margin-bottom:6px; }
ol { list-style-type:decimal; }
p { line-height:1.3em; margin-bottom:13px; }
blockquote { line-height:1.3em; margin-bottom:13px; padding-left:1em; background-color:#eee; }
mini { color:#555; font-size:0.9em; font-family:Arial; }
h1 { margin:0 0 1.0em 0; padding:0; font-size:1.6em; font-weight:normal; line-height:1.6em; color:#006DF2; }
h2 { margin-bottom: 10px; font-weight:normal; font-size: 1.2em; line-height: 1.6em; color:#006DF2; display:block; clear:both; }
h2 a,
h2 a:visited,
h2 a:hover { text-decoration:none; color:#006DF2; }
h2 a:hover { text-decoration:underline; }
#body h3 { padding:30px 0 4px 0; font-size:1.0em; line-height:1.6em; color:#006DF2; display:block; clear:both; }
#content h3 { padding:1em 0 0.5em 0; font-size:1.1em; line-height:1.2em; color:#006DF2; display:block; clear:both; }
em { font-style:normal; color:#a00; font-weight:bold; }
code { font-family:Monaco, Verdana, Sans-serif; font-size:12px; background-color:#f9f9f9; border:1px solid #D0D0D0; color:#002166; display:block; margin:14px 0 14px 0; padding:12px 10px 12px 10px; }
/*span.info { width:16px; height:16px; background:url(http://googledrive.com/host/0B6uAdgD4RcRWRzhaY1pVU3psMFk/breadcrumb.png) top left no-repeat; }
p.info { display:none; }*/
hr { border:none; border-bottom:4px solid #ddd; width:100%; display:block; clear:both; }
hr.separator { margin:1em 0; }
img.loading { display:none; }
#content { clear:both; display:block; margin:0 auto; }
#body_wide { width:90%; width:100%; min-width:800px; margin-left:20px; margin-left:0; }
#body_wide { float:left; }
#body .left { float:left; }
#body img.left { float:left; margin-right:10px; }
/*#body article img { max-width:100%; }*/
#container{ clear:both; float:left; width:100%; display:block; }
.wrapper { margin:0 auto; width:980px; height:auto; }
/* .row-70 */
#body { width:690px; float:left; /*margin-right:20px;*/ }
img.border { padding:2px; border:1px solid #bbb; }
#body a.download { padding:0 0 0 18px; background:url(https://dl.dropboxusercontent.com/u/546470/retroinvaders.com/resources/img/download_link.png) left top no-repeat; }
.hide { display:none; }
.clear { clear:both; }
.left { float:left; }
.float { float:right; }
img.left { margin-right:16px; }
img.right { margin-left:16px; }
#usuarios-ie { font-family:Verdana, Arial, sans-serif; background:#FFFFDE;color:#000; border-bottom:2px solid #7F0C00; }
#usuarios-ie p {font-size:1.3em; margin:0; padding:5px 0; line-height:1.5em;}
#usuarios-ie a {text-decoration:underline; font-weight:bold; color:#D64411;}
ul.blogs li { margin:0; list-style:none; padding:2px 0; }
#blogList .title { cursor:pointer; }
#blogList ul { display:none; }
#content .banner { clear:both; display:block; float:left; width:100%; margin:0 0 15px 0; padding:0; }
#content .banner .block { display:block; float:left; padding:5px; margin-right:20px; border:1px solid #ddd; margin-bottom:12px; }
#content .banner a img { border:none; }
#content .banner a,
#content .banner a:link,
#content .banner a:visited { line-height:0; }
#content .banner .block a[rel="external"] { background:none; line-height:auto; min-height:auto; overflow:auto; padding:0; }
#content .banner .block li { list-style:none; padding-left:0; }
/*a.button { padding:10px; border:1px solid #888; background:#eee; }*/
/*a.button:hover { background:#fff; }*/
.banner h2 { margin-bottom:0; }
/*
*
* FORMS
*
*/
textarea.wide,
button.wide,
input.wide,
select.wide { width:98%; }
label {font-weight:normal;color:#555;font-size:0.9em; line-height: 2.4em;}
/*fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}*/
legend { font-weight:bold;font-size:1.2em; }
textarea,
button,
input,
input.title,
select { margin:0.5em 0; border:1px solid #bbb; padding:0.5em; }
button:focus,
input:focus,
input.title:focus,
textarea:focus,
select:focus { border:1px solid #666; }
button:hover,
input:hover,
textarea:hover,
select:hover { border:1px solid #222; }
textarea,
input.text,
input.title { width:300px; padding:5px; }
input.title { font-size:1.5em; }
textarea,
input { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.0em; }
/*textarea {width:300px;height:150px;padding:5px;}*/
form div,
fieldset { clear:both; padding:5px 0; }
form div label,
form label { width:16em; margin:0.5em; padding:0 15px 0 0; display:block; float:left; text-align:right; }
form .submit { margin:1em 0.5em 0.5em 16.5em; }
a.button {color:#264409;padding:.8em;margin-bottom:1em;border:2px solid #ddd;background:#FFF6BF;border-color:#FFD324;}
a.button {color:#264409;padding:.8em;margin-bottom:1em;border:2px solid #ddd;background:#FFF6BF;border-color:#FFD324;display:inline;}
a.button { XXXfloat:left; display:inline-block; padding:0.5em 1em; background-color:#eee; color:#444; margin-right:1.1em; border-radius:0.4em; border:none; }
a.button { background-color:#006DF2; color:#fff; }
a.button:before { content:"» "; }
a.button:hover { text-decoration:underline; }
/*
*
* FILTERS
*
*/
.filters { margin-bottom:1em; }
.filters label { width:auto; padding:auto; margin:0.6em 0.1em; }
.filters button,
.filters select { margin-right:0.6em; }
/*
*
* MENSAJES
*
*/
.error,
.notice,
.success { padding:0.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#fbe3e4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }
/*
*
* SIDEBAR
*
*/
#sidebar { float:right; display:block; width:250px; border-bottom:2px solid #888; margin-bottom:1em; padding-bottom:1em; }
#sidebar .module { display:block; float:left; clear:both; width:100%; margin-bottom:1em; }
#sidebar .module img { max-width: 100%; }
#sidebar .title { color:#006df2; display:block; float:left; clear:both; width:100%; margin-bottom:0.6em; text-transform:uppercase; font-weight:bold; text-align:left; }
#sidebar .frame { border:2px solid #eee; border-radius:0.8em; padding:0.5em 5%; float:left; display:block; width:88%; }
#sidebar .last_calendar img { width:100%; }
#sidebar a:link,
#sidebar a:visited { color:#888; }
/*
#sidebar .suscriptions { padding: 18px 0 22px 72px; margin-bottom: 0px; }
#sidebar .suscriptions a { color: #fff; font-weight: normal; font-size: 1.3em; font-family: Tahoma, Arial, Verdana; }
#sidebar .rss { background: url(rss.png) top left no-repeat; }
#sidebar .email { background: url(email_suscription.png) top left no-repeat; }
#sidebar .twitter { background: url(twitter_suscription.png) top left no-repeat; }
#sidebar .title { font-size: 1.2em; line-height: 1.6em; font-weight: bold; color: #006DF2; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }
*/
#sidebar ul { list-style:none; margin-left:0; }
#sidebar li { padding-left:0; }
#sidebar .suscriptions { padding:145px 0 0 0; background: url(https://1.bp.blogspot.com/-dbM_xLfKTB0/WF0ugSbOMVI/AAAAAAAAQsU/O3ovthWJ1mAmhuAf1ok3lIJpvfu2jxiYwCLcB/s1600/suscriptions.png) top center no-repeat; float:left; display:block; width:100%; }
#sidebar .suscriptions ul { margin:0; }
#sidebar a.suscriptions_icon { padding-left:2em; height:16px; }
#sidebar a.suscriptions_rss { background: url(https://4.bp.blogspot.com/-gTIRXY494LA/WF0vdc1huvI/AAAAAAAAQsc/qAfnKurFatQX7p9QUOByqi3Dq9_gdKaIwCLcB/s1600/feed_ballon.png) top left no-repeat; }
#sidebar a.suscriptions_email { background: url(https://2.bp.blogspot.com/-dgkMYQq9f8Y/WF0vdUVafjI/AAAAAAAAQsY/pKNNjf3A60kEzV_muGyi0e3y3kOXf6fNwCLcB/s1600/calendar_rss_email.png) top left no-repeat; }
#sidebar a.suscriptions_twitter { background: url(https://3.bp.blogspot.com/-qYjsCaqfSmw/WF0veNuSpII/AAAAAAAAQsk/Bcq7veTCmF4HyKBufg3IGPLmEklmPkjrACLcB/s1600/header_twitter.png) top left no-repeat; background-size:16px 16px; }
#sidebar a.suscriptions_facebook { background: url(https://4.bp.blogspot.com/-l2zQZFQi-xY/WF0vdnFpnVI/AAAAAAAAQsg/70zd7mdFM_83W1SHle_7rRpnpAMDPoYxQCLcB/s1600/header_facebook.png) top left no-repeat; background-size:16px 16px; }
/*
* GOOGLE SEARCHBOX
*/
#sidebar #searchBox { margin-bottom:1em; max-width:250px; }
#sidebar #searchBox input { border-radius:6px; vertical-align:top; width:auto; color:#666655; margin:0; }
#sidebar #searchBox input:hover { color:#09f; }
#sidebar #searchBox input[type=text] { width:70%; padding:2px; }
#sidebar #searchBox input[type=submit] { height:auto; padding:1px 4px; background-color:#B5270E; color:#fff; font-size:1em; float:right; width:25%; }
/*
*
* HOME CAROUSEL
*
*/
#home_carousel { margin: 0 0 20px 0; display:block; float:left; height:150px; height:150px; width:690px; width:100%; }
#home_carousel .carousel { float:left; display:block; border-radius:6px; border:1px solid #ddd; background-color:#eee; padding:0; width:690px; height:150px; height:150px; overflow:hidden; }
#home_carousel ul { list-style-type:none; list-style-position:inside; margin:0; padding:0; }
#home_carousel li { padding:0; margin:0; width:690px; height:150px; height:150px; }
#home_carousel .controls .next,
#home_carousel .controls .prev { position:relative; top:-100px; left:-14px; width:24px; height:43px; display:block; z-index:101; float:left; background:url(https://dl.dropboxusercontent.com/u/546470/retroinvaders.com/resources/img/arrow-prev.png) top left no-repeat; }
#home_carousel .controls .next { left:16px; float:right; background:url(https://dl.dropboxusercontent.com/u/546470/retroinvaders.com/resources/img/arrow-next.png) top left no-repeat; }
/*
* BREADCRUMB
*
*/
.breadcrumb { margin:0.8em 0; }
.breadcrumb li { display:inline; margin:0 0.0em 0.0em 0; padding:0 0.0em 0 0; font-size:0.8em; color:#aaa; }
.breadcrumb li:after { content:" > "; color:#aaa; }
.breadcrumb li:last-child:after { content:""; }
.breadcrumb a { color:#888; padding:0 0.1em; }
/*
*
* OPCIONES EN TITULOS: TAGS, BOTONES
*
*/
.tags { display: block; float: left; clear: both; width: 100%; list-style-type: none; }
.tags li { float:left; padding:0; margin:0; }
/*ul.tags a { display: inline; margin: 0 1em 0 0; line-height: 1.6em; }
ul.tags a:hover { display: inline; margin: 0 1em 0 0; color: #000; text-decoration: underline; }*/
.tags a { display:block; font-size:0.85em; font-weight:normal; color:#666; font-family:arial, sans-serif; line-height:1em; padding:0.5em 0.8em; background-color:#eee; border:1px solid #bbb; margin:0 0em 0.5em 0; border-left:none; }
.tags a:hover,
.tags a.active { text-decoration:none; background-color:#666; border-color:#666; color:#fff; }
.tags li:first-child a { border-radius:0.5em 0 0 0.5em; border-left:1px solid #aaa; }
.tags li:last-child a { border-radius:0 0.5em 0.5em 0; }
.tags a.button { font-size:0.8em; margin-left:1em; color:#fff; padding:0.2em 0.5em; border-radius:0.3em; background-color:#666; border:1px solid #333333; text-decoration:none; }
.tags a.button:hover { color:#666; }
/*
*
* LETTERSNAV
*
*/
.lettersnav a { float:left; margin:0 0 0.5em 0; padding-left:0.5em; padding-right:0.5em; }
.lettersnav .ln-disabled { display: none; }
.lettersnav .ln-selected { background-color:#666; border-color:#666; color:#fff; }
.lettersnav a:first-child { border-radius:0.5em 0 0 0.5em; border-left:1px solid #aaa; }
.lettersnav a:last-child { border-radius:0 0.5em 0.5em 0; }
/*
*
* PAGINATION
*
*/
/*.XXXXpagination { margin: 10px 0; padding: 1em; }*/
#pagination { margin:10px 0; padding:1em 0; width:100%; clear:both; display:block; float:left; }
#pagination li { padding:0; margin:0 1em; display:inline; }
#pagination li:first-child { margin-left: 0; }
#pagination a,
#pagination a:link,
#pagination a:visited { padding:0.8em 1.5em; text-decoration:none; background-color:#ddd; color:#666; font-weight:bold; border:1px solid #ccc; background:#ddd; border-radius:5px; }
#pagination a:hover { background:#666; color:#fff; }
#pagination li.active a { background:#666; color:#fff; }
/*
*
* FOOTER
*
*/
#footer { clear:both; padding:1em 0; margin:3em 0 0 0; border-top:1px solid #aaa; background-color:#eee; }
#footer small { color:#aaa; font-size:0.9em; }
/*#footer a.lang { text-transform:capitalize; margin-right:8px; }*/
/*
*
* GALERÍA DE FOTOS???
*
*/
.gallery { width:100%; display:block; float:left; margin:10px 0 20px 0; }
.gallery ul { margin: 0; padding: 0; }
.gallery li { width:100px; height:85px; display:block; float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #888; border-radius:4px; overflow:hidden; }
.gallery li img { max-width:100%; }
img.right { float:right; margin:0 0 10px 15px; }
img.border { padding:1px; border:1px solid #aaa; }
/*
*
* HEADER
*
*/
#header { height:148px; margin-bottom:10px; float:left; width:100%; clear:both; display:block; font-weight:bold; color:#fff; font-size:0.9em; }
#header .wrapper { background:url(https://1.bp.blogspot.com/-a1UlWPiqbOM/WF0ugfrP9FI/AAAAAAAAQsQ/3rZENa9mxCQtHxanu3yOCse1tPe-E_9kQCLcB/s1600/header.png) top left no-repeat; }
#header hgroup { float:left }
#header #site-title { margin:0; padding:0; font-size:2.2em; color:#006DF2; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
#header #site-title a { text-decoration:none; color:#006DF2; }
#header #site-title a:hover { text-decoration:none; color:#B9280E; }
/*#header sub { font-weight: normal; }*/
#header #site-description { padding:0 0 0 10px; margin:0; font-size:1em; color:#fff; height:16px; }
#header .social { display:block; float:right; padding:0.5em; margin:1.5em 1.5em 0 0; border-radius:0.5em; background-color:#000; }
#header .social a:link { color:#fff; display:inline-block; background-color:transparent; border:none; margin:0.5em; }
#header .social a:hover { }
#header .social a:link img { width:32px; height:32px; padding:0px; }
/*
*
* PLANET
*
*/
.planets article { color:#333; font-size:0.9em; line-height:1.6em; margin-bottom:20px; padding:2%; width:96%; padding:1em 2%; XXXwidth:650px; border:1px solid #ddd; display:block; float:left; background:url(https://3.bp.blogspot.com/-XqrR-OxTTj0/WF0veBM7hII/AAAAAAAAQso/xL98JxqZBp4EaURfH4PAyXKVFGRPd6AnACLcB/s1600/planet_background_1.png) left top no-repeat #eee; overflow:hidden; border-radius:0.9em; text-align:justify; }
.planets time { display:block; width:100%; text-align: right; margin: 0; font-size: 0.8em; }
.planets hr { border: none; border-top: solid 1px #ddd; margin-top: 15px; clear: both; display: block; }
.planets article h2 { font-size:1.4em; float:left; display:block; width:100%; color:#0066CC; clear:both; text-align:left; }
.planets article h2 a { color:#0066CC; }
.planets article h2 a:visited { color:#003388; }
.planets article h2 a.external { color:#D95700; font-size:0.8em; }
.planets a[rel^=external]:visited { color:#aaa; }
.planets article li { margin-bottom:10px; padding:0 0 0 10px; width:auto; border:none; display:inherit; float:none; background:none; overflow:auto; }
.planets article img.center { display: block; margin:0 auto; border:4px solid #ddd; }
.planets.normal article img { max-width:80%; }
.planets article figure.center { width:100%; display:block; margin: 0 auto 1em; text-align:center; }
.planets article figure.left { width:auto; display:block; float:left; margin: 0 2.5em 1em 0; }
.planets article figure img.thumb { border: 4px solid #ddd; }
.planets article figure.video { /*width:100%;*/ height:315px; display:block; float:left; text-align:center; }
.planets article figure.video a[rel^=external] { margin: 0 auto; background:none; border-radius: 4px; background-color: #000; padding: 1px; border: 1px solid #aaa; width:560px; height:315px; display:block; float:left; }
.planets article .social { display:block; float:left; width:100%; margin: 0 0 1.0em 0; clear:both; }
.planets article .social .twitter,
.planets article .social .facebook,
.planets article .social .googleplus { display:block; float:left; margin: 0 1.0em 0 0; }
/* MODE: TITLE */
.planets.title article { color:#333; font-size:0.9em; line-height:1.6em; margin-bottom:20px; padding:2%; width:96%; padding:1em 2%; border:none; border-bottom:1px solid #bbb; display:block; float:left; background:none; background-color:#eee; overflow:hidden; border-radius:0.9em; text-align:left; }
.planets.title figure { width:15%; height:auto; max-height:8em; display:block; float:left; overflow:hidden; margin:0 2% 0 0; padding:0; text-align:center; }
.planets.title figure a { color:#aaa; font-size:0.8em; }
.planets.title .info { width:83%; display:block; float:left; }
.planets.title time { display:block; text-align:left; margin:0; }
.planets.title a { color:#333; }
.planets.title .h2 a { font-size:1.4em; text-align:left; clear:none; color:#0066CC; line-height:1.3em; }
.planets.title .h2 a:hover { color:#aaa; text-decoration:none; }
.planets.title a.external { display:block; float:right; padding:0.2em 0.9em; margin-left:0.5em; background-color:#06C; color:#fff; border-radius:0.4em; font-size:0.9em; font-weight:bold; }
.planets.title a.external:hover { background-color:#888; color:#fff; text-decoration:none; }
.planets.title figure img { max-width:100%; margin:0; padding:0; border-radius:0.2em; }
.planets.title figure img.logo { width:auto; max-width:none; height:8em; }
.planets.title p { margin-bottom:0.5em; }
.planets.title figure.capital { background-color:#fff; }
.planets.title figure.capital span { line-height:80px; color:#eee; font-size:5em; text-transform:uppercase; }
/* MODE: SUMMARY */
.planets.sumary article { color:#333; font-size:0.9em; line-height:1.6em; margin-bottom:20px; padding:2%; width:96%; padding:1em 2%; border:none; border-bottom:1px solid #bbb; display:block; float:left; background:none; background-color:#eee; overflow:hidden; border-radius:0.9em; text-align:left; }
.planets.sumary figure { width:40%; max-height:200px; display:block; float:left; overflow:hidden; margin:0 2% 0 0; padding:0; text-align:center; }
.planets.sumary figure a { color:#aaa; font-size:0.8em; }
.planets.sumary .info { width:58%; display:block; float:left; }
.planets.sumary time { display:block; text-align:left; margin:0; }
.planets.sumary a { color:#333; }
.planets.sumary .h2 a { font-size:1.4em; text-align:left; clear:none; color:#0066CC; line-height:1.3em; }
.planets.sumary .h2 a:hover { color:#aaa; text-decoration:none; }
.planets.sumary a.external { display:block; float:right; padding:0.2em 0.9em; margin-left:0.5em; background-color:#06C; color:#fff; border-radius:0.4em; font-size:0.9em; font-weight:bold; }
.planets.sumary a.external:hover { background-color:#888; color:#fff; text-decoration:none; }
.planets.sumary figure img { width:100%; margin:0; padding:0; border-radius:0.2em; }
.planets.sumary figure img.logo { width:100%; max-width:none; height:auto; }
.planets.sumary p { margin-bottom:0.5em; }
.planets.sumary figure.capital { background-color:#fff; }
.planets.sumary figure.capital span { line-height:80px; color:#eee; font-size:4.5em; text-transform:uppercase; }
/*
* MAINNAV
*
*/
nav ul { list-style-type:none; padding:0; margin:0; }
nav ul { margin:0; padding:0; }
#mainnav { display:block; float:left; clear:both; width:100%; margin:49px 0 0px 0; padding:0; font-size:0.9em; line-height:17px; }
#mainnav ul { list-style-type:none; padding:0; margin:0; }
#mainnav li:first-child { margin-left:3em; }
#mainnav li { float:left; margin:0 0.8em 0 0; padding:0; }
#mainnav li.right { float:right; margin:0 0 0 10px; }
#mainnav a:link,
#mainnav a:visited { height:19px; display:block; text-decoration:none; font-size:0.9em; font-size:10px; line-height:19px; padding:0 8px; color:#fff; background-color:#666; border-radius:0.3em; }
#mainnav select:hover,
#mainnav li a:hover { color: #666; background-color:#fff; }
#mainnav li.active a,
#mainnav li.active a { color: #666; background-color: #fff; }
#mainnav li.active a:hover { text-decoration:none; }
/*nav#mainnav a.lang { text-transform: capitalize;}*/
#mainnav select { margin:0; padding:0 0 0 6px; color:#fff; border:1px solid #333; background-color:#666; border-radius:0.4em; }
/*
*
* ASSOCIATED
*
*/
#associated { list-style:none; padding-left: 0; margin-left:0; }
#associated li { margin:0 0 1.0em 0; border-bottom:1px solid #ddd; padding: 0 0 1.0em 0; clear:both; width:100%; float:left; }
#associated li h2 { margin-bottom:0; }
/*#associated li h2 a:link,
#associated li h2 a:visited { padding:0; margin:0; }
#associated li h2 { padding:0; margin:0 0 0.5em 0; }*/
#associated figure { margin:0; padding:0; }
#associated figure img { border:0.4em solid #ddd; border-radius:0.3em; margin:0 0 0.5em 0; max-width:97%; }
#associated figure img:hover { border-color:#aaa; }
#associated .description { }
#associated .podcasts figure { float:left; width:20%; }
#associated .podcasts .info { float:right; width:75%; }
#associated .videos figure { float:left; width:20%; }
#associated .videos .info { float:right; width:75%; }
#associated .magazines figure { float:left; width:30%; }
#associated .magazines .info { float:right; width:65%; }
/*
*
* REFERENCES
*
*/
.page_references div { margin-bottom:0.8em; }
.page_references img { border:0.4em solid #ddd; border-radius:0.3em; }
.page_references img:hover { border-color:#aaa; }
/*
*
* HOME > SCHEDULER
*
*/
#home_scheduler { padding:0; margin:0 0 1em 0; width:100%; clear:both; display:block; float:left; }
/*#home_scheduler a,
#home_scheduler a:visited { color:#0066CC; }
#home_scheduler li { padding:0.4em 0%; margin:0; display:block; }*/
#home_scheduler a { display:block; float:left; width:100%; height:100%; color:#666; background-color:#ccc; font-size:0.8em; }
#home_scheduler a:hover { color:#888; text-decoration:none; }
#home_scheduler li { padding:0; margin:0 0.3em 0.5em 0.3em; display:block; width:105px; height:105px; float:left; overflow:hidden; border:1px solid #bbb; border-radius:0.3em; }
#home_scheduler li figure { margin:0; padding:0; width:100%; height:100%; }
#home_scheduler li:hover { border-color:#888; }
#home_scheduler li img { max-height:100%; max-width:100%; }
#home_scheduler li.last a { padding:5%; width:90%; height:90%; font-size:1em; text-transform:uppercase; }
#home_scheduler figure.capital { text-align:center; font-size:6em; text-transform:uppercase; line-height:108px; XXXheight:100%; }
#home_scheduler li .caption { text-align:center; font-size:0.9em; width:100%; color:#fff; display:block; height:20px; top:-20px; position:relative; z-index:0; }
#home_scheduler li .caption .background { width:100%; height:20px; display:block; background-color:#000; top:0; opacity:0.6; position:absolute; z-index:-1; }
/*#events li:first-child {
padding: 0.6em 0.8em;
background-color: #eee;
border: 0.1em solid #ddd;
}*/
/* #home_scheduler li.active { padding:0.6em 0%; /*background-color:#eee;* / border:none; } */
/*
* SCHEDULER > INDEX
*
*/
/*#scheduler ul { list-style-position:outside; padding-left:0; margin-left:14px; }
#scheduler li { padding-left:0; margin-bottom:1.0em; border-bottom:1px solid #ddd; padding-bottom:1.0em; }
/*#scheduler .nav { float:right; margin-right:0.5em; }*/
#schedulers article { padding-left:0; margin-bottom:1em; border-bottom:1px solid #ddd; padding-bottom:1.0em; clear:both; width:100%; display:block; float:left; }
#schedulers article h2 { margin-bottom:0; }
/*#schedulers figure img { max-width:100%; }*/
#schedulers a.figure { display:block; float:left; width:16%; padding:0; margin:0 4% 0.5em 0; }
#schedulers .data { float:left; display:block; width:80%; }
#schedulers figure { display:block; float:left; width:108px; height:108px; background-color:#ccc; border:0.4em solid #ddd; border-radius:0.5em; margin:0; }
/*#schedulers figure:hover { color:#888; text-decoration:none; overflow:hidden; }*/
#schedulers figure.capital { text-align:center; /*XXXwidth:100%;*/ }
#schedulers figure.capital span.capital { font-size:5.5em; text-transform:uppercase; line-height:108px; }
/*
* SCHEDULER > VIEW
*
*/
#scheduler figure { float:right; padding:0; margin:0 0 1em 1.5em; }
#scheduler figure img { border:4px solid #ddd; border-radius:0.5em; }
#scheduler figure img:hover { border-color:#888; }
#scheduler figure a { display:block; line-height:0; }
#map_canvas { border:6px solid #ddd; margin-top:1em; }
/*
* SEEDS / INDICES
*
*/
#seeds { display:block; width:100%; /*width:998px; */float:left; clear:both; margin:0 auto; }
#seeds .item { border-bottom:1px solid #bbb; background-color:#eee; padding:0.5em; max-width:340px; height:auto; /*max-height:140px;*/ float:left; display:block; margin:0 10px 1.5em 0;
width:22%; margin-right:1%;
}
#seeds .thumb { float:left; width:100%; padding:0.0em; }
#seeds .thumb img { width:100%; }
/*#seeds .data { width:80%; float:right; display:block; }*/
/*
* GALLERIES
*
*/
#galleries { display:block; width:100%; float:left; clear:both; margin:0 auto; }
#galleries .date { display:block; width:96%; clear:both; float:left; margin-top:1em; margin-bottom:0.8em; padding:0.2em 2%; color:#333; font-weight:normal; font-size:1em; background-color:#ccc; border-radius:0.4em; line-height:1.5em; }
/* videos */
#galleries.videos .item { /*border: 1px solid #bbb;*/ /*padding:3px;*/ max-width:320px; height:auto; float:left; display:block; margin:0 10px 1.5em 0; /*overflow:hidden;*/ }
#galleries.videos .thumb { float:left; width:100%; display:block; max-height:240px; overflow:hidden; border-radius:0.5em 0.5em 0 0; }
#galleries.videos .thumb img { width:100%; }
#galleries.videos .info { display:block; float:left; height:4.5em; width:94%; padding:0.5em 3% 0 3%; background-color:#eee; border-radius:0 0 0.5em 0.5em; }
#galleries.videos .info { }
#galleries.videos .info a { xxxfont-size:0.9em; XXXcolor:#111; XXXcolor:#000; font-weight:bold; xxxline-height:1em; xxxxfont-family:Arial; }
/* videos, images */
#galleries.images .item { /*border: 1px solid #bbb;*/ /*padding:3px;*/ background-color:#eee; max-width:320px; max-height:240px; float:left; display:block; margin:0 10px 1.5em 0; overflow:hidden; }
#galleries.videos .row3,
#galleries.images .row3 { margin-right: 0; }
#galleries.images .info { display:none; }
/*#galleries.videos .item a,*/
#galleries.images .item a { background:none; overflow:hidden; padding:0; margin:0; float:left; line-height:0; }
#galleries.videos img,
#galleries.images img { margin:0; padding: 0; }
#galleries.videos .pageSeparator,
#galleries.images .pageSeparator { font-size:0.7em; color:#888; width:100%; display:block; float:left; margin-bottom:5px; border-top: 1px solid #ddd; }
/* podcasts */
#galleries.podcasts .thumb,
#galleries.musics .thumb { float:left; width:16%; padding:0.5em; }
#galleries.musics .thumb { width:10%; }
#galleries.podcasts .thumb img,
#galleries.musics .thumb img { width:100%; }
#galleries.podcasts .data,
#galleries.musics .data { width:80%; float:right; display:block; }
#galleries.musics .data { width:86%; }
#galleries.podcasts .item,
#galleries.musics .item { border-bottom:1px solid #bbb; padding:3px; background-color:#eee; width:100%; /*max-height:140px;*/ float:left; display:block; margin:0 0 10px 0; border-radius:4px; }
#galleries.podcastsXXXX .ivoox { width:20%; max-height:140px; float:right; display:block; margin:0 0 10px 0; border-radius:4px; }
/* magazines */
#galleries.magazines .item { /*border: 1px solid #bbb;*/ /*padding:3px;*/ width:200px; height:auto; float:left; display:block; margin:0 60px 1.5em 0; /*overflow:hidden;*/ background-color:#eee; border-radius:0.4em; box-shadow:0em 0em 0.5em #888888; }
#galleries.magazines .item:hover { box-shadow:0em 0em 0.8em #666; }
#galleries.magazines .item.row4 { margin-right:0; }
#galleries.magazines figure { float:left; width:100%; display:block; height:250px; overflow:hidden; border-radius:0.4em 0.4em 0 0; margin:0; padding:0; }
#galleries.magazines figure img { width:100%; }
figure.capital { text-align:center; height:auto; float:left; width:100%; display:block; }
figure.capital .capital { line-height:250px; color:#ddd; font-size:4.5em; }
/*#galleries.magazines .thumb { float:left; width:100%; display:block; max-height:320px; overflow:hidden; border-radius:0.5em 0.5em 0 0; }
#galleries.magazines .thumb img { width:100%; }
*/
#galleries.magazines .info { display:block; float:left; height:4.5em; width:94%; padding:0.5em 3% 0 3%; background-color:#eee; border-top:1px solid #bbb; border-radius:0 0 0.4em 0.4em; }
#galleries.magazines .info { font-size:0.9em; color:#666; line-height:1.4em; font-family:Arial; }
#galleries.magazines .info a { font-size:1.em; color:#111; line-height:1.0em; }
#galleries.magazines .info.not_available { background-color:#f33; }
/* books */
#galleries.books .item { /*border: 1px solid #bbb;*/ /*padding:3px;*/ width:200px; height:auto; float:left; display:block; margin:0 60px 1.5em 0; /*overflow:hidden;*/ background-color:#eee; border-radius:0.4em; box-shadow:0em 0em 0.5em #888888; }
#galleries.books .item:hover { box-shadow:0em 0em 0.8em #666; }
#galleries.books .item.row4 { margin-right:0; }
#galleries.books figure { float:left; width:100%; display:block; height:250px; overflow:hidden; border-radius:0.4em 0.4em 0 0; margin:0; padding:0; }
#galleries.books figure img { width:100%; }
#galleries.books .info { display:block; float:left; height:4.5em; width:94%; padding:0.5em 3% 0 3%; background-color:#eee; border-top:1px solid #bbb; border-radius:0 0 0.4em 0.4em; }
#galleries.books .info { font-size:0.9em; color:#666; line-height:1.4em; font-family:Arial; }
#galleries.books .info a { font-size:1.em; color:#111; line-height:1.0em; }
#galleries.books .info.not_available { background-color:#f33; }
/*#galleryPrev,
#galleryNext { border-radius: 5px; clear: both; padding-left: 2em; padding-right: 2em; background-color: #ccc; line-height: 21px; }
#galleryPrev img,
#galleryNext img { vertical-align: middle; margin-left: 1em; }
*/
/*
* SEEDS
*
*/
/* INFO */
#seed_info { width:100%; float:left; display:block; clear:both; padding:0 0 1em 0; margin:0 0 2em 0; border-bottom:1px solid #ddd; }
#seed_info .info { width:77%; float:right; display:block; margin-bottom:2em; }
#seed_info figure { width:20%; float:left; display:block; margin:0 0 1em 0; }
#seed_info figure img { border:4px solid #ddd; width:100%; }
#seed_info figure.capital { height:100px; border:4px solid #ddd; }
#seed_info figure.capital span { line-height:100px; color:#eee; font-size:5em; }
#seed_info .specs { width:100%; float:left; display:block; clear:both; margin:0 0 0.6em 0; }
#seed_info .specs span,
#seed_info .specs a.button { float:left; display:block; padding:0.5em 1em; background-color:#eee; color:#444; margin-right:1.1em; border-radius:0.4em; border:none; }
#seed_info .specs a.button { background-color:#006DF2; color:#fff; }
#seed_info .specs a.button:before { content:"» "; }
#seed_info.retro figure,
#seed_info.schedulers figure { width:100%; }
#seed_info.retro .info,
#seed_info.schedulers .info { width:100%; }
.status0 { color:#f33; font-weight:bold; }
/*
*
* INDEX
*
*/
/* general */
#seeds .item { width:200px; height:auto; float:left; display:block; margin:0 40px 1.5em 0; background-color:#eee; border-radius:0.4em; box-shadow:0em 0em 0.5em #888; position:relative; }
#seeds .item:hover { box-shadow:0em 0em 0.8em #666; display:block !important; }
#seeds .item.row4 { margin-right:0; }
#seeds figure { float:left; width:100%; display:block; height:265px; overflow:hidden; margin:0; padding:0; }
#seeds figure img { width:100%; }
#seeds .info { display:none; position:absolute; top:140px; left:0; width:82%; height:100px; background:#006DF2; font-size:0.7em; color:#fff; margin:0.5em 3%; padding:1.5em 7%; float:left; }
#seeds .info a { color:#fff; font-weight:bold; font-size:1.3em; }
/*#seeds .item:hover > figure { opacity:0.2; }*/
/* videos */
/* podcasts */
#seeds.videos .item,
#seeds.podcasts .item,
#seeds.musics .item { width:160px; height:auto; float:left; display:block; margin:0 20px 1.5em 0; /*overflow:hidden;*/ background-color:#eee; border-radius:0.4em; box-shadow:0em 0em 0.5em #888; position:relative; }
#seeds.videos .info,
#seeds.podcasts .info,
#seeds.musics .info { display:block; background-color:transparent; top:155px; color:#444; }
#seeds.podcasts .info { top:120px; }
#seeds.videos figure { height:245px; }
#seeds.podcasts figure { height:200px; overflow:hidden; }
#seeds.videos .info a,
#seeds.podcasts .info a,
#seeds.musics .info a { color:#222; font-size:1.2em; }
#seeds.videos .item:hover > .info a,
#seeds.videos .item:hover > .info,
#seeds.podcasts .item:hover > .info a,
#seeds.podcasts .item:hover > .info,
#seeds.musics .item:hover > .info a,
#seeds.musics .item:hover > .info { color:#fff; }
#seeds.videos figure.capital .capital { line-height:150px; }
/* general */
#seeds .item:hover > .info { display:block; opacity:0.9; }
#seeds .item:hover { background:#006DF2; }
/*
* GALLERIES > VIEW
*
*/
#magazine figure { float:left; padding:0; margin:0 0 1em 0; width:30%; }
#magazine figure img { border:4px solid #ddd; border-radius:0.5em; width:100%; }
#magazine figure img:hover { border-color:#888; }
#magazine .info { display:block; width:65%; float:right; }
/*#magazine figure a { display:block; line-height:0; }*/
#magazine .description { display:block; width:100%; float:left; clear:both; margin-top:1em; padding-top:1em; border-top:2px solid #ddd; }
#magazine a.button { float:left; display:block; padding:0.5em 1em; background-color:#006DF2; color:#fff; margin-right:1.5em; border-radius:0.4em; border:none; }
#magazine a.button:before { content:"» "; }
/*
* CALENDARS
*
*/
#calendar .main { width:40%; float:left; display:block; margin:0 0 2em 0; padding:0; text-align:center; }
#calendar .info { width:55%; float:right; display:block; margin:0 0 2em 0; padding:0; }
#calendar figure img { border:4px solid #ddd; width:98% }
#calendar figure img:hover { border-color:#888; }
#calendar div.thumbs { width:100%; float:left; display:block; margin:1em 0 2em 0; padding:0; }
#calendar div.thumbs figure { margin:0 0.5em 0.1em 0; padding:0; width:13%; display:block; float:left; }
/*#calendar figure.thumbs a:first-child { width:100%; margin:0; }*/
#calendar a.button { float:left; display:block; padding:0.5em 1em; background-color:#006DF2; color:#fff; margin-right:1.5em; border-radius:0.4em; border:none; }
#calendar a.button:before { content:"» "; }
/* viejos thumbs */
#calendar figure.thumbs a { margin:0 0.5em 0.1em 0; padding:0; width:13%; display:block; float:left; }
#calendar figure.thumbs { width:100%; float:left; display:block; margin:1em 0 2em 0; padding:0; }
/* calendarios v3 */
#calendar.v3 .info { width:30%; float:right; display:block; margin:0 0 2em 0; padding:0; }
#calendar.v3 .images { width:70%; float:left; display:block; margin:0 0 2em 0; padding:0; text-align:left; }
#calendar.v3 .images a { margin:0 0.5em 0.1em 0; padding:0; width:18%; display:inline-block; }
#calendar.v3 img { border:1px solid #fff; max-width:98%; box-shadow:0 0 8px #888; }
#calendar.v3 img:hover { border-color:#000; box-shadow:0 0 10px #000; }
/*
* MODAL GALLERY
*
*/
#modal_gallery { display:none; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; overflow:auto; background:#000; text-align:center; }
/* create a full-height inline block pseudo=element */
#modal_gallery:before { content:' '; display:inline-block; vertical-align:middle; /* vertical alignment of the inline element */ height:100%; }
#modal_gallery_img { display:inline-block; vertical-align:middle; width:auto; height:auto; max-width:100%; max-height:100%; border:none; }
#modal_gallery:hover { cursor:zoom-out; }
#modal_gallery_num,
#modal_gallery_close,
#modal_gallery_prev,
#modal_gallery_next { display:block; position:fixed; width:30px; height:30px; line-height:30px; text-align:center; color:#000; background-color:#fff; border-radius:50%; opacity:0.8; text-shadow:0 0 5px #000; }
#modal_gallery_close:hover,
#modal_gallery_prev:hover,
#modal_gallery_next:hover { cursor:pointer; color:#fff; background-color:#aaa; }
#modal_gallery_close { top:5px; right:5px; }
#modal_gallery_prev { top:5px; left:45%; }
#modal_gallery_next { top:5px; left:55%; }
#modal_gallery_close:before { content:"X"; }
#modal_gallery_prev:before { content:"<"; }
#modal_gallery_next:before { content:">"; }
#modal_gallery_num { top:5px; left:5px; color:#fff; background-color:transparent; width:50px; line-height:1em; text-align:left; }