/*
@file
// CSS:
- html, body
- accessibility
- typography
- commons
1. clear
2. float
3. display
4. messages
5. tabs
6. pager
7. feed icons
8. visible / invisible elements
- layout:
1. page (wrapper)
2. header
3. content / main
3.1 typography (on content)
3.2 content
3.3 navigation
3.4 links
3.5 sidebar
4. footer
- sections
*/
/*
----------------------------------------------------------------------
HTML5Doctor Reset Stylesheet
v1.6.1 | 20100917
----------------------------------------------------------------------
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;}
input, select {vertical-align:middle;}
:focus {
outline: 0;
}
/*
-----------------------------------------------------
html, body
-----------------------------------------------------
*/
body {
margin: 0 0 0 0;
padding: 0 0 100px 0;
color:#777;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #505050;
border-width:10px 0 0 0;
background:#fff;}
/*
-----------------------------------------------------
accessibility
-----------------------------------------------------
*/
/*
Zen dispone de un salto de navegacion para facilitar la lectura a lectores de pantalla
Los siguientes estilos sirven para ocultarlo a la vista de diseño
Más informacion: http://www.webaim.org/techniques/skipnav/ )
*/
#skip-link a,
#skip-link a:visited {
position: absolute;
display: block;
left: 0;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
text-align: center;
background-color: #666;
color: #fff;}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
position: static;
width: 100%;
height: auto;
padding: 2px 0 3px 0;}
/*
-----------------------------------------------------
typography
-----------------------------------------------------
*/
/* h1, h2, h3 */
h1, h2, h3, h4, h5, h6 {letter-spacing:-0.08em;}
h1, h2 {margin:10px 0;}
h3, h4, h5, h6, ul, ol, p {margin:15px 0;}
/* .title */
h1.title {}
h1.title a {color:#b3b3b3;}
h1.title a:hover{color:#b3b3b3;}
/* ul, ol, li */
ul {}
ol {}
li {
font-size:.8em;
line-height:1.4em;
margin:10px 0;
list-style-position:inside;}
/* p */
p {
line-height:1.4em;
font-size:.8em;}
/* a */
a {
color:#982e6d;
text-decoration:underline;}
a:hover {
text-decoration:none;}
/*
-----------------------------------------------------
commons
-----------------------------------------------------
*/
/*
----------------------------------------------------------------------
clear, float, display, even/odd
----------------------------------------------------------------------
*/
/* clear */
.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
/* float */
.float-left {float:left;}
.float-right {float:right;}
/* align */
.align-left {text-align:left !important;}
.align-right {text-align:right !important;}
.align-center {text-align:center !important;}
/* float */
.display-none {display:none;}
.display-block {display:block;}
.display-inline {display:inline;}
.display-inline-block {display:inline-block;}
/* even, odd (par e impar) */
tr.even{}
tr.odd {}
/* imagen contenido */
.imagen-flujo{margin:0 15px 0 0;}
/*
----------------------------------------------------------------------
drupal messages
----------------------------------------------------------------------
*/
div.messages,
div.status,
div.warning,
div.error /* Important messages (status, warning, and error) for the user */ {
font-size:.8em;
margin: 1.5em 1em 5px 1em;
border: 1px solid #dbecf5;
padding: 10px 15px 10px 35px; /* LTR */
color: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #dbecf5;
background-image: url(img/messages-status.png);
background-repeat: no-repeat;
background-position: 5px 50%; /* LTR */}
div.status /* Normal priority messages */ {}
div.warning /* Medium priority messages */ {
border-color: #fc0;
background-image: url(img/messages-warning.png);}
div.warning,
tr.warning {
color: #000; /* Drupal core uses #220 */
background-color: #ffc;}
div.error /* High priority messages. See also the .error declaration in pages.css. */ {
/* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
border-color: #c00;
background-image: url(img/messages-error.png);}
div.error,
tr.error {
color: #900; /* Drupal core uses #200 */
background-color: #fee;}
div.messages ul {
margin-top: 0;
margin-bottom: 0;}
/* tips (forms) */
.tips{color:#999;}
#edit-comment-wrapper + .tips{
clear:both;
padding:10px 0 0 0;}
/*
----------------------------------------------------------------------
drupal forms
----------------------------------------------------------------------
*/
html.js fieldset.collapsed legend {display:inline;}
/* form */
form {
margin: 15px 0;
padding: 0 15px;}
/* fieldset */
fieldset{
margin:10px 0;
padding:15px;
border:1px solid #ccc;}
/* legend */
fieldset legend{
font-size:1.3em;
letter-spacing:-0.05em;
font-weight:900;
color:#444;}
/* Wrapper for a form element (or group of form elements) and its label */
.form-item,
.form-checkboxes,
.form-radios {}
/* Highlight the form elements that caused a form submission error */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {}
/* The label for a form element */
.form-item label {
/* display: block; original */}
.form-item label {
color:#444;
font-size:.8em;
padding: 4px 0;}
/* The label for a radio button or checkbox */
.form-item label.option {}
/* input type text */
.form-text{
width:95%;
padding: 3px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px #ccc solid;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}
.form-text:focus{
border:1px #a63277 solid;
-webkit-box-shadow: 0px 0px 10px 0px #999;
-moz-box-shadow: 0px 0px 10px 0px #999;
box-shadow: 0px 0px 10px 0px #999;}
/* textarea */
.form-textarea {
margin-top:15px;
padding: 3px 15px;
display: block;
color: #444;
font-family:'Courier New', Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(#fff, #eee);
background-image: -moz-linear-gradient(#fff, #eee);
background-image: -ms-linear-gradient(#fff, #eee);
background-image: -o-linear-gradient(#fff, #eee);
background-image: linear-gradient(#fff, #eee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee', GradientType=0);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}
.form-textarea:hover,
.form-textarea:focus{
border:1px #a63277 solid;
-webkit-box-shadow: 0px 0px 10px 0px #999;
-moz-box-shadow: 0px 0px 10px 0px #999;
box-shadow: 0px 0px 10px 0px #999;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
background-image: -webkit-linear-gradient(#fff, #fff);
background-image: -moz-linear-gradient(#fff, #fff);
background-image: -ms-linear-gradient(#fff, #fff);
background-image: -o-linear-gradient(#fff, #fff);
background-image: linear-gradient(#fff, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);
color: #000;
text-decoration: none;}
/* table content multiple */
.content-multiple-table label {display: block; /* original */}
.content-multiple-table .form-text{}
/* The part of the label that indicates a required field */
.form-required {}
/* The descriptive help text (separate from the label) */
.form-item .description {
margin: 15px 0;
padding: 10px;
font-size:.8em;
font-style:italic;
color:#666;
background:#f2f2f2;}
.form-item .description .tips {
font-size:1em;
font-style:italic;
color:#444;}
/* Pack groups of checkboxes and radio buttons closer together */
.form-checkboxes .form-item,
.form-radios .form-item {}
/* The submit button */
.form-submit {
padding: 3px 15px;
display: inline-block;
cursor: pointer;
color: #fff;
font-size: .8em;
line-height: normal;
text-shadow: 0 1px 1px rgba(112, 29, 93, 0.75);
border: 1px solid #862073;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #8c2474;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e36597), color-stop(1%, #c84a7c), to(#8c2474));
background-image: -webkit-linear-gradient(#e36597, #c84a7c 1%, #8c2474);
background-image: -moz-linear-gradient(top, #e36597, #c84a7c 1%, #8c2474);
background-image: -ms-linear-gradient(#e36597, #c84a7c 1%, #8c2474);
background-image: -o-linear-gradient(#e36597, #c84a7c 1%, #8c2474);
background-image: linear-gradient(#e36597, #c84a7c 1%, #8c2474);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c84a7c', endColorstr='#8c2474', GradientType=0);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}
.form-submit:hover{
background-position: 0 -15px;
color: #e4e4e4;
text-decoration: none;}
#edit-submit,
#edit-preview,
#edit-delete{
color: #000;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border: 1px solid #c1c1c1;
background-color: #ebebeb;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), color-stop(1%, #d7d7d7), to(#c0c0c0));
background-image: -webkit-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -moz-linear-gradient(top, #ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -ms-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -o-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c84a7c', endColorstr='#c0c0c0', GradientType=0);}
#edit-submit:hover,
#edit-preview:hover,
#edit-delete:hover{
background-position: 0 30px;
color: #000;
text-decoration: none;}
/* Inline labels and form divs */
.container-inline div,
.container-inline label {}
/* Tips for Drupal's input formats */
.tips {}
/* Search */
#search-box {}
#edit-search-theme-form-1-wrapper label {}
#search-block-form {}
/* Label that says "Search this site:" */
#edit-search-block-form-1-wrapper label {}
/* Drupal's default login form block */
/* register */
#user-register fieldset{}
/* login */
#user-login-form {}
#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */}
#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
margin-top: 1em;
margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */}
#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {margin-top: 1em;}
#user-login ul {margin: 1em 0;}
#user-login li.openid-link,
#user-login li.user-link /* The OpenID links on the /user form. */ {
margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */}
/*
Drupal admin tables
We overrode these styles in html-elements.css, but restore them for the admin section of the site.
*/
form tbody {font-size:.75em;}
form th,
form thead th {
text-align: left; /* LTR */
padding-right: 1em; /* LTR */}
form tbody th {}
/*
----------------------------------------------------------------------
drupal tabs
----------------------------------------------------------------------
*/
div.tabs {}
/* help */
.help {margin: 1em 0;}
/* more help */
.more-help-link {
font-size: 0.85em;
text-align: right;}
/*
----------------------------------------------------------------------
drupal pager (paginacion)
----------------------------------------------------------------------
*/
/* a list of page numbers when more than 1 page of content is available */
.pager {
clear: both;
margin: 0;
text-align: center;}
/* each page number in the pager list */
.pager a, .pager strong.pager-current {padding: 0.5em;}
/* pager first item last */
.pager .first, .pager .first a{color:#999;}
/* pager last item */
.pager .last, .pager .last a{color:#999 !important;}
/* pager current item */
.pager .pager-current,
.pager .pager-current a{color:#000;}
.pager-message{margin:0; text-align:center;}
/* */
.pager li{padding: 0 0 0 0; margin: 0 0 0 0;}
#content .pager li{padding: 0 0 0 0; margin: 0 0 0 0; background:none;}
/*
----------------------------------------------------------------------
drupal resources
----------------------------------------------------------------------
*/
/* the links to the RSS or Atom feeds for the current list of content */
.feed-icons {
margin: 1em 0;}
#content .feed-icons img,
#content .feed-icons img:hover{
display:inline;
position:relative;
padding:3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border:none;
background:#fff;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;}
/* aggregator, blog, and forum more link */
.more-link {
text-align: right;}
/* wrapper for any blocks placed in the "content bottom" region */
.region-content-bottom {}
/* Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html ) */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
/*
----------------------------------------------------------------------
drupal hidde / invisible
----------------------------------------------------------------------
*/
/*
Hide elements from all users.
Used for elements which should not be immediately displayed to any user. An
example would be a collapsible fieldset that will be expanded with a click
from a user. The effect of this class can be toggled with the jQuery show()
and hide() functions.
*/
.element-hidden {display: none;}
/*
Hide elements visually, but keep them available for screen-readers.
Used for information required for screen-reader users to understand and use
the site where visual display is undesirable. Information provided in this
manner should be kept concise, to avoid unnecessary burden on the user. Must
not be used for focusable elements (such as links and form elements) as this
causes issues for keyboard only or voice recognition users. "!important" is
used to prevent unintentional overrides.
*/
.element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);}
/* the active item in a Drupal menu */
li a.active {
color: #000;}
/*
----------------------------------------------------------------------
drupal blocks
----------------------------------------------------------------------
*/
.block {margin-bottom: 1em;}
.block.first /* The first block in the region */ {}
.block.last /* The last block in the region */ {}
.block.region-odd /* Zebra striping for each block in the region */ {}
.block.region-even /* Zebra striping for each block in the region */ {}
.block.odd /* Zebra striping independent of each region */ {}
.block.even /* Zebra striping independent of each region */ {}
.block h2.title /* Block title */ {}
.block .content /* Block's content wrapper */ {}
.region-count-1 /* Incremental count for each block in the region */ {}
.count-1 /* Incremental count independent of each region */ {}
#block-aggregator-category-1 /* Block for the latest news items in the first category */ {}
#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {}
#block-block-1 /* First administrator-defined block */ {}
#block-blog-0 /* "Recent blog posts" block */ {}
#block-book-0 /* "Book navigation" block for the current book's table of contents */ {}
#block-comment-0 /* "Recent comments" block */ {}
#block-forum-0 /* "Active forum topics" block */ {}
#block-forum-1 /* "New forum topics" block */ {}
#block-menu-primary-links /* "Primary links" block */ {}
#block-menu-secondary-links /* "Secondary links" block */ {}
#block-node-0 /* "Syndicate" block for primary RSS feed */ {}
#block-poll-0 /* "Most recent poll" block */ {}
#block-profile-0 /* "Author information" block for the profile of the page's author */ {}
#block-search-0 /* "Search form" block */ {}
#block-statistics-0 /* "Popular content" block */ {}
#block-user-0 /* "User login form" block */ {}
#block-user-1 /* "Navigation" block for Drupal navigation menu */ {}
#block-user-2 /* "Who's new" block for a list of the newest users */ {}
#block-user-3 /* "Who's online" block for a list of the online users */ {}
/* Block editing */
div.block.with-block-editing {position: relative;}
div.block.with-block-editing div.edit {display: none; position: absolute; right: 0; /* LTR */ top: 0; z-index: 40; border: 1px solid #eee; padding: 0 2px; font-size: 0.75em; background-color: #fff;}
div.block.with-block-editing:hover div.edit {display: block;}
#admin-menu{font-size:1em;}
/*
----------------------------------------------------------------------
drupal nodes
----------------------------------------------------------------------
*/
/* node wrapper */
.node {}
/* a sticky node (displayed before others in a list) */
.node-sticky {}
/* unpublished nodes */
.node-unpublished {}
/* the word "unpublished" displayed underneath the content. */
.node-unpublished div.unpublished,
.comment-unpublished div.unpublished {
height: 0;
overflow: visible;
color: #d8d8d8;
font-size: 75px;
line-height: 1;
font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
word-wrap: break-word;}
/* a node created by the current user */
.node-by-viewer {}
/* a node displayed as teaser */
.node-teaser {}
/*
All nodes are given a node-type-FOO class that describes the type of
content that it is. If you create a new content type called
"my-custom-type", it will receive a "node-type-my-custom-type" class.
*/
/* Page content node */
.node-type-page {}
/* story content node */
.node-type-story{}
/* node title */
.node h2.title {}
/* "new" or "updated" marker for content that is new or updated for the current user */
.marker {color: #c00;}
/* the picture of the node author */
.node .picture {}
.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */}
.node .meta /* Wrapper for submitted and terms data */ {padding: 15px 0;}
.node .submitted /* The "posted by" information */ {}
.node .meta .submitted {font-size:.8em;}
.node .terms /* Node terms (taxonomy) */ {}
.node .content /* Node's content wrapper */ {}
.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {}
.preview .node /* Preview of the content before submitting new or updated content */ {}
/*
read more
ul li.node_read_more a{}
*/
.node_read_more a{
padding: 3px 15px;
display: inline-block;
color: #000;
text-decoration:none;
line-height: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border: 1px solid #c1c1c1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #ebebeb;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), color-stop(1%, #d7d7d7), to(#c0c0c0));
background-image: -webkit-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -moz-linear-gradient(top, #ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -ms-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -o-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c84a7c', endColorstr='#c0c0c0', GradientType=0);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}
.node_read_more a:hover {
text-decoration:none;
background-position: 0 30px;
color: #000;
text-decoration: none;}
.front .node_read_more{display:none;}
/*
----------------------------------------------------------------------
drupal comments
----------------------------------------------------------------------
*/
/* Wrapper for the list of comments and its title */
#comments {margin: 1em 0; /*original */}
/* Heading for the list of comments */
#comments h2.title {}
.comment /* Wrapper for a single comment */ {}
.comment.first{}
.comment.last{}
/* The "posted by" information */
.comment .submitted {}
.comment .content /* Comment's content wrapper */ {}
/* Comment links. See also the ul.links declaration in the pages.css. */
.comment ul.links{}
.comment ul.links li{}
.comment ul.links li a{}
/* delete */
.comment ul.links li.comment_delete,
/* edit */
.comment ul.links li.comment_edit {}
/* delete */
.comment ul.links li.comment_delete a{}
/* edit */
.comment ul.links li.comment_edit a{}
/* reply */
.comment ul.links li.comment_reply a{}
.comment ul.links li a:hover{}
/* Preview of the comment before submitting new or updated comment */
.comment-preview {}
/* A new comment since the user last viewed the page. */
.comment.new {}
/* The first comment in the list of comments */
.comment.first {}
/* The last comment in the list of comments */
.comment.last {}
/* An odd-numbered comment in the list of comments */
.comment.odd {}
/* An even-numbered comment in the list of comments */
.comment.even {}
/* Unpublished comments */
.comment-unpublished {}
/* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */
.comment-unpublished div.unpublished {}
.comment-by-anonymous /* A comment created by an anonymous user */ {}
.comment-by-node-author /* A comment created by the node's author */ {}
.comment-by-viewer /* A comment created by the current user */ {}
.comment h3.title /* Comment title */ {}
.new /* "New" marker for comments that are new for the current user */ {
color: #c00;/*original */
color: #fff;/*original */}
.comment .picture /* The picture of the comment author */ {}
.comment .user-signature /* The user's signature */ {}
.indented /* Nested comments are indented */ {}
.preview .comment /* Preview of the comment before submitting new or updated comment */ {}
/* comment submit */
#comments .form-{}
/*
----------------------------------------------------------------------
drupal fields
----------------------------------------------------------------------
*/
.fieldgroup{font-size:.8em;}
.field /* Wrapper for any CCK field. */ {padding:5px 0; border:1px dashed #cacaca; border-width:0 0 1px 0;}
.field-label,
.field-items{padding: 3px 0;}
.field-label{color:#444;}
.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ {}
.field-type-filefield /* Field from filefield module */ {}
.field-type-nodereference {}
.field-type-number-decimal {}
.field-type-number-float {}
.field-type-number-integer {}
.field-type-text {}
.field-type-userreference {}
/*
Named fields
underscores in field name are replaced with dashes.
*/
.field-field-FIELDNAME {}
/*
----------------------------------------------------------------------
drupal wireframes
----------------------------------------------------------------------
*/
.with-wireframes #header .section,
.with-wireframes #content .section,
.with-wireframes #navigation .section,
.with-wireframes .region-sidebar-first .section,
.with-wireframes .region-sidebar-second .section,
.with-wireframes #footer .section {
margin: 1px;
padding: 2px;
border: 1px solid #ccc;}
.with-wireframes .region-page-closure {
margin-top: 1px;
padding: 2px;
border: 1px solid #ccc;}
/*
-----------------------------------------------------
layout:
1. page (wrapper)
2. header
3. content / main
3.1 typography
3.2 content
3.3 navigation
3.4 links
3.5 sidebar
4. footer
-----------------------------------------------------
*/
/*
-----------------------------------------------------
1. page (wrapper)
-----------------------------------------------------
*/
#page-wrapper,
.region-page-closure {
margin: 0 auto;
/* This is the standards-compliant way to make the page a fixed width and centered in the viewport.
See also the ie6.css file for the necessary IE5/IE6quirks hack to center */}
#page {}
/*
-----------------------------------------------------
2. header
-----------------------------------------------------
*/
#header {
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top, #f5f5f5 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f5f5f5 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f5f5f5 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f5f5f5 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(top, #f5f5f5 0%,#dddddd 100%); /* W3C */}
#header .section {
width:960px;
margin:0 auto;
position:relative;
background:url(img/header-background.png) no-repeat top right;}
/* header elements */
#header .section h1,
#header .section h2,
#header .section h3,
#header .section h4,
#header .section h5,
#header .section h6,
#header .section p,
#header .section ol,
#header .section ul,
#header .section li {margin: 0 0 0 0;}
.region-header {clear: both; /* Clear the logo */}
/* company logo */
#logo {}
#logo img {margin:15px 0;}
/* company slogan */
#name-and-slogan {}
/* site name*/
h1#site-name,
div#site-name /* The name of the website */ {}
#site-name a:link,
#site-name a:visited {}
#site-name a:hover,
#site-name a:focus {}
/* search box */
#search-box {}
#search-box .form-text{}
#search-box .form-submit{}
/* site slogan */
#site-slogan {}
/* shortcuts */
.region-header-top {}
#block-block-7 {}
#block-block-7 .top-link {}
#block-block-7 .top-link li{}
#block-block-7 .top-link li:last-child{}
#block-block-7 a {}
ul.top-link li{}
/* accesos directos */
#block-block-1{
margin:0;
padding:5px 0;
position:absolute;
top:0;
right:75px;
text-align:right;}
#block-block-1 ul,
#block-block-1 li{
margin: 0 0 0 0;
padding:0 10px 0 0;
list-style-type:none;}
#block-block-1 li{
display:inline;}
.oswc-accesos-rapidos li a {padding:2px 0 2px 25px;}
.oswc-accesos-rapidos .home a {background:url(img/sprite.png) no-repeat -10px -10px;}
.oswc-accesos-rapidos .contact a {background:url(img/sprite.png) no-repeat -10px -40px;}
.oswc-accesos-rapidos .location a {background:url(img/sprite.png) no-repeat -10px -70px;}
/* idiomas */
#block-locale-0{
width:40px;
height:15px;
padding:5px 15px;
position:absolute;
top:0;
right:0;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
background:#505050;}
#block-locale-0 .title{display:none;}
#block-locale-0 ul,
#block-locale-0 li{
margin: 0 0 0 0;
padding:0 0 0 0;
list-style-type:none;}
#block-locale-0 li{
display:inline;}
/* buscador */
#block-search-0{
margin:0;
padding:5px 0;
position:absolute;
top:40px;
right:0;}
#block-search-0 .title{display:none;}
#block-search-0 .form-text{width:auto;}
#block-search-0 .form-submit{
width:26px;
height:22px;
padding:0 0 0 0;
margin: 0 0 0 -12px;
border: 1px solid #862073;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
background:#8c2474 url(img/icon-search.png) no-repeat center center;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c84a7c', endColorstr='#8c2474', GradientType=0);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}
#block-search-0 form{
padding: 0 0 0 0;
margin: 0 0 0 0;}
/*
-----------------------------------------------------
3. content / main
-----------------------------------------------------
*/
/* wrapper content */
#main-wrapper {
position: relative;
width:960px;
margin:0 auto;
padding:15px 0 0 0;}
/* content */
#main {}
/* wrapper for the actual page content */
#content-area {}
/*
-----------------------------------------------------
3.1. typography
-----------------------------------------------------
*/
/* all */
#main {}
/*
-----------------------------------------------------
3.2. content
-----------------------------------------------------
*/
/* no sidebars */
#content, .no-sidebars #content {
margin: 0; /* LTR */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */}
/* if sidebar left exist */
.sidebar-first #content {
width:655px;
margin: 0 0 0 305px; /* LTR */ /* The width of .region-sidebar-first. */}
/* if sidebar right exists */
.sidebar-second #content {
width:655px;
margin: 0 305px 0 0; /* LTR */}
/* if sidebar left and right exist */
.two-sidebars #content {
width:350px;
margin: 0 305px 0 305px; /* LTR */ /* The width of .region-sidebar-first */}
/* content seccion */
#content .section {
width:100%;
margin: 0;
padding: 0;
float:left;}
/*
-----------------------------------------------------
3.3. content elements
-----------------------------------------------------
*/
#content h1{font-size:1.8em; color:#b3b3b3; border:1px solid #ddd; border-width:0 0 1px 0;}
#content h2{font-size:1.5em; color:#982e6d;}
#content h3{font-size:1.2em; color:#525252;}
#content h4{font-size:1em;}
#content h5{font-size:.9em;}
#content h6{font-size:.8em;}
.section-presentacion #content .title,
.section-formato #content .title,
.section-areas-tematicas #content .title,
.section-difusion #content .title,
.section-participa #content .title{
left:-9999px;
top:-9999px;
position:absolute;}
#content h1 a{color:#b3b3b3;}
#content h2 a{color:#982e6d;}
#content h3 a{color:#525252;}
#content h1 a,
#content h2 a,
#content h3 a,
.sidebar .especial-destacado h3 a{
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
text-decoration:none;}
#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
.sidebar .especial-destacado h3 a:hover{
color:#525252;
text-decoration:underline;
/* text-shadow:1px 1px 10px #ccc;*/}
#content blockquote{
margin:0 0 0 20px;
padding:0 0 0 25px;
background:url(img/sprite.png) no-repeat -10px -130px;}
#content img,
.sidebar .especial-destacado img{
display:block;
position:relative;
padding:3px;
-webkit-box-shadow: 0px 0px 3px 0px #999;
-moz-box-shadow: 0px 0px 3px 0px #999;
box-shadow: 0px 0px 3px 0px #999;
border:1px solid #d1d1d1;
background:#fff;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;}
#content img:hover,
.sidebar .especial-destacado img:hover{
-webkit-box-shadow: 0px 0px 20px 0px #999;
-moz-box-shadow: 0px 0px 20px 0px #999;
box-shadow: 0px 0px 20px 0px #999;
border:1px solid #ccc;}
#content ul li{
list-style:none;
padding-left:20px;
background:url(img/sprite.png) no-repeat -799px -10px;}
#content ul.tabs li,
#content ul.links li{
padding:0 0 0 0;
background:none;}
#content table {
/*margin: 0 20px 10px 20px;*/
width: 90%;
margin: 15px 0;
font-size:.8em;}
#content caption {
padding: 5px;
font-size:1.4em;
color:#525252;
font-weight: bold;}
#content th {
padding: 5px;
color: #fff;
background: #83275e;}
#content td {
color: #444;
padding:5px;
background: #f7f7f7;}
/*
-----------------------------------------------------
3.3. navigation
-----------------------------------------------------
*/
/* original styles */
#navigation {
/* float: left; LTR */
width: 100%;
margin-left: 0; /* LTR */
margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
height: 2.3em; /* The navigation can have any arbritrary height. We picked one
that is the line-height plus 1em: 1.3 + 1 = 2.3
Set this to the same value as the margin-top below. */}
#navigation {
width:; /* personalizar */
height:; /* personalizar */
margin:; /* personalizar */
float:; /* personalizar */
position:; /* personalizar */
top:; /* added */
left:; /* added */
-webkit-box-shadow: 0px 9px 25px 0px #dfdfdf;
-moz-box-shadow: 0px 9px 25px 0px #dfdfdf;
box-shadow: 0px 9px 25px 0px #dfdfdf;
border:1px solid #fff;
border-width:1px 0 1px 0;
background: #cfcfcf; /* Old browsers */
background: -moz-linear-gradient(top, #cfcfcf 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cfcfcf 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cfcfcf 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cfcfcf 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(top, #cfcfcf 0%,#eeeeee 100%); /* W3C */}
.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {/* Set this to the same value as the navigation height above. */}
/* section of navigation */
#navigation .section {padding:0;}
/* region of navigation */
.region-navigation {}
/*
-----------------------------------------------------
3.3.1. main menu (first level) ul#main-menu
-----------------------------------------------------
*/
#main-menu{
width:960px;
margin:0 auto;}
/* item */
#navigation ul.links li,
#main-menu li{
height:1.3em;
margin: 0 0 0 0;
padding: .5em 1em;
display:inline-block;
font-size:1em;}
/* item actual */
#navigation ul.links li.active-trail,
#main-menu li.active-trail{
border:1px solid #fff;
border-width:0 1px 0 1px;
background:#fff;}
#main-menu li.first {}
/* link */
#main-menu li a{
font-size:.8em;
color:#454545;
letter-spacing:-0.05em;
text-decoration:none;}
/* active */ #main-menu li.active-trail a {color:#444; font-weight:bold; border-bottom: 3px solid #a33175;}
/* :hover */ #main-menu li a:hover {color:#a33175;}
/*
-----------------------------------------------------
3.3.2. menu (second level only) ul.menu
Menu class (.menu) is also used for logged user menu.
Working with cascade to specific (#navigation .menu)
-----------------------------------------------------
*/
/* secondary menu */
#secondary-menu {}
#navigation ul.menu {}
#navigation ul.menu li {}
#navigation ul.menu li.first{}
#navigation ul.menu li a {}
#navigation ul.menu li a.active,
#navigation ul.menu li a:hover {}
#navigation ul.menu li{}
#navigation li.expanded{}
#navigation li.collapsed{}
#navigation li.leaf {}
/*
-----------------------------------------------------
3.4 links
Links for export, clone, send to a friend
-----------------------------------------------------
*/
ul.links {}
ul.links.inline {}
ul.links li {}
/*
-----------------------------------------------------
3.4 breadcrumb
-----------------------------------------------------
*/
.breadcrumb{
margin: 0 0 15px 0;
font-size:.8em;
border:1px solid #ddd;
border-width:0 0 0 0;}
.breadcrumb .active{}
.breadcrumb .active:hover{}
/*
-----------------------------------------------------
3.5. sidebar
-----------------------------------------------------
*/
/* sidebar commons */
.sidebar{}
/* first sidebar */
#sidebar_first{width:290px; float:left;}
.region-sidebar-first {}
.region-sidebar-first .section {}
/* second sidebar */
#sidebar_second{width:290px; float:right;}
.region-sidebar-second {}
.region-sidebar-second .section {}
/*
-----------------------------------------------------
3.5.1. sidebar elements
-----------------------------------------------------
*/
.sidebar h3{font-size:1.1em; letter-spacing:-0.08em; color:#982e6d;}
.sidebar a{color:#982e6d;}
/* especiales */
.especial-destacado{}
/* especiales */
.especial-destacado h3{}
/* especiales */
.especial-destacado h3 a{}
.especial-destacado p{
margin-left:100px;
text-indent:25px;
background:url(img/sprite.png) no-repeat -10px -128px;}
/* especiales */
.especial-destacado img{
display:block;
margin: 0 10px 0 0;
float:left;}
/*
-----------------------------------------------------
4. footer
-----------------------------------------------------
*/
#footer {
width:100%;
height:70px;
position:fixed;
z-index:9999;
bottom:0;
left:0;
overflow:hidden;
clear:both;
background:#333;}
#footer .section {
width:960px;
margin:0 auto;}
#footer .section ul {}
#footer .section ul li {}
#footer .section ul li.first {}
#footer .section ul li a {}
#footer .section ul li a:hover {}
#footer .section p {}
/* tercio */
#footer .tercio{
width:270px;
padding: 0 0 0 0;
float:left;}
#footer .tercio ul,
#footer .tercio li,
#footer .tercio p{margin: 0 0 0 0; padding: 5px 0; list-style-type:none;}
#footer .tercio li{display:inline;}
#footer .tercio a{color:#ccc; text-decoration:underline;}
#footer .tercio a:hover{text-decoration:none;}
#footer .menu{}
/* OSWCtv y Streaming */
#footer .especiales{padding: 0 60px 0 60px; text-align:center;}
#footer .especiales ul{margin: 0 0 0 0; padding: 10px 0 0 0;}
#footer .especiales li{display:inline-block;}
#footer .especiales li a{
height:27px;
display:block;
position:relative; }
#footer .especiales li a span{position:absolute; top:-9999px; left:-9999px;}
#footer .especiales li.boton-oswctv{}
#footer .especiales li.boton-streaming{}
#footer .especiales li.boton-oswctv a {width:157px; background:url(img/sprite.png) no-repeat -799px -527px;}
#footer .especiales li.boton-streaming a {width:105px; background:url(img/sprite.png) no-repeat -799px -500px;}
/* redes sociales */
#footer .social{text-align:right;}
#footer .social p{
color:#b4b4b4;
font-weight:bold;
text-shadow:1px 1px 1px #000;}
#footer .social a{width:27px; height:24px; display:inline-block;}
#footer .social a span{display:none;}
#footer .social .twitter a {background:url(img/sprite.png) no-repeat -10px -500px;}
#footer .social .facebook a {background:url(img/sprite.png) no-repeat -45px -500px;}
#footer .social .linkedin a {background:url(img/sprite.png) no-repeat -85px -500px;}
#footer .social .googleplus a {background:url(img/sprite.png) no-repeat -123px -500px;}
#footer .social .flickr a {background:url(img/sprite.png) no-repeat -161px -500px;}
#footer .social .youtube a {background:url(img/sprite.png) no-repeat -199px -500px;}
#footer .social .vimeo a {background:url(img/sprite.png) no-repeat -237px -500px;}
/* closure */
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {}
/*
-----------------------------------------------------
sections
-----------------------------------------------------
*/
/*
-----------------------------------------------------
vista listado de noticias (portada)
-----------------------------------------------------
*/
/* wrapper */
.view-noticias{}
/* item */
.views-row{
padding:0 0 15px 0;
position:relative;
border:1px solid #cdcdcd;
border-width:0 0 1px 0;}
/* titulo */
.views-field-title{}
/* fecha */
.views-field-created{}
.views-field-created p{}
.views-field-created p span,
.submitted{
padding:0 0 0 25px;
background:url(img/sprite.png) no-repeat -10px -100px;}
/* imagen */
.views-field-field-noticia-imagen-fid,
.views-field-field-nota-imagen-fid{
width:190px;
margin: -12px 15px 0 0;
float:left;}
/* resumen */
.views-field-field-noticia-resumen-value{}
.views-field-field-nota-resumen-value{}
/* leer mas */
.views-field-view-node{
padding:0 0 0 0;
clear:left;}
.views-field-view-node p{
margin: 10px 0 0 0 !important;
padding: 0 0 0 0 !important;}
.views-field-view-node a{
padding: 3px 15px;
display: inline-block;
cursor: pointer;
color: #000;
text-decoration:none;
line-height: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border: 1px solid #c1c1c1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #ebebeb;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), color-stop(1%, #d7d7d7), to(#c0c0c0));
background-image: -webkit-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -moz-linear-gradient(top, #ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -ms-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -o-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c84a7c', endColorstr='#c0c0c0', GradientType=0);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}
.views-field-view-node a:hover {
text-decoration:none;
background-position: 0 30px;
color: #000;
text-decoration: none;}
/* share this */
.views-field-service-links{
width:335px;
position:absolute;
right:0;
bottom:15px;}
.views-field-service-links ul,
.views-field-service-links li,
.views-field-service-links li a{
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
background:none !important;}
/*
-----------------------------------------------------
ficha de noticias
-----------------------------------------------------
*/
.node-type-noticia{}
/* metadatos */
.node-type-noticia .meta {padding: 0 0 0 0 !important;}
.node-type-noticia .meta .submitted {font-size: 1em !important;}
.field-field-noticia-fichero{
}
/*
-----------------------------------------------------
ficha de ponente
-----------------------------------------------------
*/
#ponente-ficha{
padding: 0 10px;}
#content #ponente-ficha ul{
margin-left:325px;
font-weight:bold;}
#content #ponente-ficha ul li{
margin: 0 0 0 0;
padding: 5px 0;
font-size:1.1em;
background:none;}
#content #ponente-ficha ul li + li{
font-size:.9em;}
#content #ponente-ficha ul.ponente-social{
font-size:.8em;
margin-left:0;
font-weight:normal;}
#content #ponente-ficha ul.ponente-social li,
#content #ponente-ficha ul.ponente-social li + li{
font-size:1em;}
#content #ponente-ficha .ponente-url-blog{}
#content #ponente-ficha .ponente-url-empresa{}
#content #ponente-ficha .ponente-url-twitter{}
#content #ponente-ficha .ponente-url-linkedin{}
/*
-----------------------------------------------------
ficha de ponencias
-----------------------------------------------------
*/
#ponencia-ficha{
padding:0 10px;}
.ponencia-ubicacion{
padding: 0 10px;
border:3px solid #f1f1f1;}
.ponencia-tipo{}
.ponencia-tipo ul{height:80px;}
#content .ponencia-tipo li{
display:inline-block;
width:32%;
text-align:center;
margin: 0 0 5px 0;
padding: 10px 0;
border:1px solid #fff;
background:none;
background-color:#f1f1f1;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}
#content .ponencia-tipo li:hover{
color:#333;
border:1px solid #842072;
background:#fff;}
#content .ponencia-tipo li img{
margin: 0 auto 5px auto;
padding: 0 0 0 0;
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background:none;}
.ponencia-resumen{}
.ponencia-presentador{
padding:10px;
border:1px solid #cacaca;
border-left: 1px solid #842072;
border-width:1px 1px 1px 5px;}
.ponencia-ponente{
width:28%;
float:left;
margin: 5px;
padding:10px;
border:1px solid #cacaca;
border-top: 1px solid #842072;
border-width:5px 1px 1px 1px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 47%, #ededed 47%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f3f3f3), color-stop(47%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 47%,#ededed 47%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 47%,#ededed 47%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 47%,#ededed 47%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f3f3f3 47%,#ededed 47%,#ffffff 100%); /* W3C */}
#content .ponencia-ponente h3,
#content .ponencia-presentador h3,
#content .ponencia-ponente h4,
#content .ponencia-presentador h4,
#content .ponencia-ponente p,
#content .ponencia-presentador p{
margin: 10px 0;
letter-spacing:0;}
#content .ponencia-ponente h3 a,
#content .ponencia-presentador h3 a,
#content .ponencia-ponente h4 a,
#content .ponencia-presentador h4 a,
#content .ponencia-ponente p a,
#content .ponencia-presentador p a{
text-decoration:underline;}
#content .ponencia-ponente h3 a:hover,
#content .ponencia-presentador h3 a:hover,
#content .ponencia-ponente h4 a:hover,
#content .ponencia-presentador h4 a:hover,
#content .ponencia-ponente p a:hover,
#content .ponencia-presentador p a:hover{
text-decoration:none;}
#content .ponencia-ponente h3,
#content .ponencia-presentador h3{
line-height:1.3em;
font-size:1em;}
#content .ponencia-ponente h4,
#content .ponencia-presentador h4{
color:#666;
font-size:.8em;}
/*
-----------------------------------------------------
listado de ponencias
-----------------------------------------------------
*/
.ponencia-ficha{
padding: 15px 0;
border:1px dashed #cacaca;
border-width: 0 0 1px 0;}
/* tipo */
#content .ponencia-ficha .ponencia-tipo {
width:200px;
height:65px;
float:left;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;}
#content .ponencia-ficha .ponencia-tipo ul{
margin: 0 0 0 0;
padding: 0 0 0 0;}
#content .ponencia-ficha .ponencia-tipo li{
width:180px;
height:34px;
position:relative;
text-align:left;
margin: 0 0 0 0;
padding: 15px 10px 5px 50px;
float:none;}
#content .ponencia-ficha .ponencia-tipo li img{
float:none;
position:absolute;
top:5px;
left:10px;
margin: 0 0 5px 0;
padding: 0 0 0 0;}
/* tematica */
#content .ponencia-ficha .ponencia-ubicacion{
width:400px;
height:50px;
float:right;
margin: 0 0 0 0;
padding: 0 0 0 0;}
#content .ponencia-ficha .ponencia-ubicacion ul{
margin: 0 0 0 0;
padding: 0 0 0 0;}
/* boton */
#content .ponencia-boton {
clear:both;
padding:0 0 0 0;
clear:left;}
#content .ponencia-boton p{
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;}
#content .ponencia-boton p a{
padding: 3px 15px;
display: inline-block;
cursor: pointer;
color: #000;
text-decoration:none;
line-height: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border: 1px solid #c1c1c1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #ebebeb;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), color-stop(1%, #d7d7d7), to(#c0c0c0));
background-image: -webkit-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -moz-linear-gradient(top, #ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -ms-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: -o-linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
background-image: linear-gradient(#ebebeb, #d7d7d7 1%, #c0c0c0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c84a7c', endColorstr='#c0c0c0', GradientType=0);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}
/*
-----------------------------------------------------
difusion
-----------------------------------------------------
*/
.oswc-bloque-contenedor-robas {
border-bottom: 1px dotted #BFBFBF;
margin: 20px;
padding: 0 0 15px;}
.oswc-bloque-contenedor-robas p.oswc-titulos-bloques-difusion {
font-weight: bold;
margin: 10px 0 !important;
padding: 0 !important;}
.oswc-robas {
float: left;
width: 50%;}
.oswc-robas img {border: 1px solid #A5ACB2;}
.oswc-robas p {
margin: 10px 0 !important;
padding: 0 !important;}
.oswc-robas span {
color: #2F82B1;
font-style: italic;
font-weight: bold;}
.oswc-robas textarea {
background: none repeat scroll 0 0 #F2F2F2;
border: 1px solid #A5ACB2;
height: 100px;
width: 285px;}
/*
-----------------------------------------------------
sala prensa
-----------------------------------------------------
*/
.sala-prensa{
padding:0 15px;}
/*
-----------------------------------------------------
notas de prensa (ficha)
-----------------------------------------------------
*/
.field-field-noticia-fichero{
line-height:1.3em;
margin: 0 0 10px 0;
position:relative;
padding:10px 0 10px 30px;
font-size:.8em;
border:1px dashed #cacaca;
border-width:1px 0 0 0;
display:block;}
#content .field-field-noticia-fichero img{
position:absolute;
top:20%;
left:5px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:none;}
/*
-----------------------------------------------------
agenda
-----------------------------------------------------
*/
/* menu domtab */
#content .domtabs {margin:40px 0; text-align:center;}
#content .domtabs li {margin:0 0 0 0; padding: 0 0 0 0; display:inline-block; background:none !important;}
#content .domtabs li a {
width:200px;
margin: 0 1px;
padding: 15px;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
letter-spacing:-0.08em;
text-shadow: 0 -1px -1px #fff;
color:#444;
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
background: linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */}
#content .domtabs li.active a,
#content .domtabs li a:hover{
color:#fff;
text-shadow: none;
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */}
/* leyenda */
#content .leyenda {}
#content .leyenda li {
display:inline-block;
width:16%;
text-align:center;
margin: 0 0 5px 0;
padding: 10px 0;
border:1px solid #cacaca;
background:none; }
#content .leyenda li img{
margin: 0 auto;
padding: 0 0 0 0;
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background:none;}
/* tabla */
#content .agenda{width:100%;}
/* caption */
#content .agenda caption {font-size:2em;}
/* thead */
#content .agenda th{padding:15px; text-align:center; line-height:1.3em; border: 1px solid #fff;}
#content .agenda th.white {background:#fff;}
#content .agenda th.purple {background:#842072;}
#content .agenda th.blue {background:#3859a4;}
#content .agenda th.green {background:#8ebe3f;}
#content .agenda th.orange {background:#d4441e;}
#content .agenda th.gray {background:#535355;}
#content .agenda th.purple,
#content .agenda th.blue,
#content .agenda th.green,
#content .agenda th.orange,
#content .agenda th.gray {width:19%;}
/* tbody */
#content .agenda tbody th{color:#444; background:#dedede;}
/* tr */
#content .agenda tr {}
#content .agenda tr.impar {}
#content .agenda tr.impar td {background:#fff;}
/* td */
#content .agenda td {
padding: 10px 15px;
font-size:1em;
border:1px solid #cacaca;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}
#content .agenda td:hover{
-webkit-box-shadow: 0px 0px 10px 0px #999;
-moz-box-shadow: 0px 0px 10px 0px #999;
box-shadow: 0px 0px 10px 0px #999;
background:#444 !important;}
#content .agenda td:hover *{color:#fff !important;}
/* img */
#content .agenda img {
display:inline;
border:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background:none;}
/* li */
#content .agenda td li {
list-style-type:circle;
list-style-position: inside;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:.8em;
background:none;}
/* h3 */
#content .agenda h3 {font-size:1.1em;}
#content .agenda .align-center h3{color:#444; font-weight:normal; font-size:2em;}
#content .agenda .purple h3,
#content .agenda .purple h3 a {color:#842072;}
#content .agenda .blue h3,
#content .agenda .blue a {color:#3859a4;}
#content .agenda .green h3,
#content .agenda .green a {color:#8ebe3f;}
#content .agenda .orange h3,
#content .agenda .orange a {color:#d4441e;}
#content .agenda .gray h3,
#content .agenda .gray a {color:#444;}
/* p */
#content .agenda td p {font-size:.9em;}
/*
-----------------------------------------------------
conferencia virtual
-----------------------------------------------------
*/
.conferencia-virtual-item{
width:45%;
min-height:200px;
margin: 5px;
padding: 0 0 10px 15px;
border-bottom: 2px solid #999;}
.conferencia-virtual-item .resume{height:80px; overflow:hidden;}
.conferencia-virtual-item .after{content:"...";}
#content-internal{
margin: 0 305px 0 0;}
.conferencia-virtual-objeto{text-align:center;}
.conferencia-virtual-objeto iframe,
.conferencia-virtual-objeto div{
width:100% !important;}
.conferencia-virtual-pdf{
padding: 10px 15px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
font-size:1.2em;
background:#f2f2f2;}
.conferencia-virtual-pdf a{
font-size:0.9em;
display:inline-block;
color: #ffffff;
padding: 5px;
text-decoration:none;
background: -moz-linear-gradient(top, #ff4287 0%, #660011);
background: -webkit-gradient(linear, left top, left bottom, from(#ff4287), to(#660011));
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; border: 1px solid #010c40;
-moz-box-shadow: 0px 1px 3px rgba(066,054,066,0.5), inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow: 0px 1px 3px rgba(066,054,066,0.5), inset 0px 0px 2px rgba(255,255,255,1);
text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);}
.conferencia-virtual-pdf a:hover{
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow:none;}
}
.conferencia-virtual-resumen{}
.conferencia-virtual-autor{
margin: 5px;
padding:10px;
border:1px solid #cacaca;
border-top: 1px solid #842072;
border-width:5px 1px 1px 1px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 47%, #ededed 47%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f3f3f3), color-stop(47%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 47%,#ededed 47%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 47%,#ededed 47%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 47%,#ededed 47%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f3f3f3 47%,#ededed 47%,#ffffff 100%); /* W3C */}
#content .conferencia-virtual-autor h3,
#content .conferencia-virtual-autor h4,
#content .conferencia-virtual-autor p{
margin: 10px 0;
letter-spacing:0;}
#content .conferencia-virtual-autor h3,
#content .conferencia-virtual-autor h3{
line-height:1.3em;
font-size:1em;}
#content .conferencia-virtual-autor h4,
#content .conferencia-virtual-autor h4{
color:#666;
font-size:.8em;}
/* caja twitter */
#content .twtr-tweet-text p{
font-size:1em;}
#content .twtr-ft img{
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background:none;}
/*
-----------------------------------------------------
prevent overflowing content
If a div.clearfix doesn't have any content after it and its bottom edge
touches the bottom of the viewport, Firefox and Safari will mistakenly
place several pixels worth of space between the bottom of the div and the
bottom of the viewport. Uncomment this CSS property to fix this.
Note: with some over-large content, this property might cause scrollbars
to appear on the #page-wrapper div.
-----------------------------------------------------
*/
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-page-closure {
overflow: visible;
word-wrap: break-word;}
#navigation {overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */}
/*
CSS for jQuery Orbit Plugin 1.2.3
http://www.opensource.org/licenses/mit-license.php
*/
#featured {
width: 290px;
height: 150px;
margin:0 auto;
padding:0 0 0 0;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 15px 0px 0px;
border-radius: 0px 15px 0px 0px;
overflow:hidden;
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 36%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(36%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 36%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #ffffff 36%,#e7e7e7 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #ffffff 36%,#e7e7e7 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover, #ffffff 36%,#e7e7e7 100%); /* W3C */}
#featured>img,
#featured>div,
#featured>a {
width: 290px;
height: 150px;
margin:0 auto;
padding:0 0 0 0;
display: none;
visibility: hidden;}
#featured a span {display:none;}
#featured .item{
padding: 20px 0;
display:block;
text-align:center;}
/* container */
div.orbit-wrapper {
width: 1px;
height: 1px;
position: relative; }
div.orbit {
width: 1px;
height: 1px;
position: relative;
overflow: hidden }
div.orbit>img {
position: absolute;
top: 0;
left: 0;
display: none; }
div.orbit>a {
border: none;
position: absolute;
top: 0;
left: 0;
line-height: 0;
display: none; }
.orbit>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/* timer */
div.timer {
width: 20px;
height: 20px;
overflow: hidden;
position: absolute;
top: 10px;
right: 12px;
opacity: .6;
cursor: pointer;
z-index: 1001; }
span.rotator {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: -10px;
background: url(img/rotator-black.png) no-repeat;
z-index: 3; }
span.mask {
display: block;
width: 10px;
height: 20px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden; }
span.rotator.move {
left: 0 }
span.mask.move {
width: 20px;
left: 0;
background: url(img/timer-black.png) repeat 0 0;}
span.pause {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 7px;
left: 0;
background: url(img/pause-black.png) no-repeat;
z-index: 4;
opacity: 0; }
span.pause.active {
background: url(img/pause-black.png) no-repeat 0 -23px }
div.timer:hover span.pause,
span.pause.active {opacity: 1 }
/* captions */
.orbit-caption {
display: none;
font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
.orbit-wrapper .orbit-caption {
background: #000;
background: rgba(0,0,0,.6);
z-index: 1000;
color: #fff;
text-align: center;
padding: 7px 0;
font-size: 13px;
position: absolute;
right: 0;
bottom: 0;
width: 100%; }
/* directional nav */
div.slider-nav {
display: block }
div.slider-nav span {
width: 11px;
height: 16px;
text-indent: -9999px;
position: absolute;
z-index: 1000;
top: 120px;
margin-top: -50px;
cursor: pointer; }
div.slider-nav span.right {
background: url(img/right-arrow.png);
right: 15px; }
div.slider-nav span.left {
background: url(img/left-arrow.png);
left: 15px; }
/* bullet nav */
.orbit-bullets {
position: absolute;
z-index: 1000;
list-style: none;
bottom: -40px;
left: 50%;
margin-left: -50px;
padding: 0; }
.orbit-bullets li {
float: left;
margin-left: 5px;
cursor: pointer;
color: #999;
text-indent: -9999px;
background: url(img/bullets.jpg) no-repeat 4px 0;
width: 13px;
height: 12px;
overflow: hidden; }
.orbit-bullets li.active {
color: #222;
background-position: -8px 0; }
.orbit-bullets li.has-thumb {
background: none;
width: 100px;
height: 75px; }
.orbit-bullets li.active.has-thumb {
background-position: 0 0;
border-top: 2px solid #000; }
/*
Linkedin: http://www.linkedin.com/groups/Conferencia-Internacional-Software-Libre-4219732?gid=4219732&trk=hb_side_g
Foursquare: https://es.foursquare.com/v/open-source-world-conference/4ef0b6e47beb5932d5b62087
Vimeo: http://vimeo.com/channels/oswc2012
*/