/*
Cascading style sheets (LAYOUT) for "Audiovisual MAC" (20080218)
Copyright 2008 Emanuele Rodriguez <erodri@gmail.com> for Inte <http://www.inte.es>
*/

body {
margin: 0;
padding: 0;
}

p {
margin: 1em 0;
padding: 0;
}

img {
display: block;
}

embed,
object {
display: block;
}

form {
margin: 0;
padding: 0;
}

fieldset {
border: none;
margin: 0;
padding: 0;
}

legend {
display: none;
}

label {
display: block;
}

.i_text, textarea {
padding: 2px;
}

select {
padding: 1px;
}

#selTema {
width: 9.5em;
}

.i_checkbox,
.i_radio {
margin: 0;
}

* html .i_checkbox { margin: -4px -5px -3px -4px; }
*+html .i_checkbox { margin: -4px -1px -3px -4px; }

* html .i_radio { margin: -4px -5px -3px -4px; }
*+html .i_radio { margin: -4px -1px -3px -4px; }




/*
generic / special elements
*/

.hidden {
position: absolute;
left: -9999px;
overflow: hidden;
}

.nobr {
white-space: nowrap;
}

.w110 { width: 110px; }
.w150 { width: 150px; }
.w210 { width: 210px; }


.mt30 { margin-top: 30px; }


/*
page
*/

#page {
overflow: hidden;
margin: 0 auto;
width: 1000px;
}

* html #page { height: 1%; }


#page.p_home {
padding-bottom: 0px;
}


/*
header
*/

#header {
overflow: hidden;
padding: 15px 20px 20px 20px;
}

* html #header { height: 1%; }

#header .logo {
float: left;
width: 560px;
}

#header .logo a {
float: left;
}


.p_home #header .logo {
clear: both;
width: 567px;
padding: 40px 0 80px 100px;
}

.p_home #header .intro {
clear: both;
padding: 0 0 0 100px;
}

.p_home #header .lang {
margin-top: 10px;
}

#header .event {
float: left;
padding-top: 22px;
}

#header .event img {
padding-top: 6px;
}

#header .lang {
float: right;
margin-top: 77px;
}

#header .lang .items {
margin: 0;
padding: 0;
}

#header .lang .items li {
padding-left: 10px;
}

#header #tools {
float: right;
}

#header #print {
padding: 3px 0 0 20px;
overflow: none;
width: 15px;
}

#header #print a,
#header #print a:hover {
text-decoration: none;
font-size: 4em;
line-height: 15px;
overflow: none;
}

#header #facebook {
padding: 45px 0 11px 20px;
overflow: none;
width: 16px;
}

/*
ticker
*/

#ticker {
clear: both;
margin-top: 3px;
padding: 0;
}

* html #ticker { height: 1%; }




/*
main
*/

#main {
clear: both;
padding: 17px 20px 20px 20px;
overflow: hidden;
}

* html #main { height: 1%; }

/*
home promotors
*/

#promotors {
float: left;
width: 1000px;
padding: 5px 0 100px 120px;
overflow: hidden;
}

* html #header { height: 1%; }

#promotors div {
float: left;
}


/*
menu
*/

#menu .items,
#menu .l2items {
float: left;
margin: 0 20px 0 0;
padding: 0;
width: 125px;
}

* html #menu .items { margin-right: 17px; }
* html #menu .l2items { margin-left: 3px; margin-right: 17px; }

* html #menu ul li { height: 1%; margin-bottom: -3px; }

#menu .items li a,
#menu .l2items li a {
display: block;
padding: 4px 10px 5px 5px;
}




/*
images
*/

#images {
margin-right: 20px;
float: left;
}

* html #images { margin-right: 17px; }

#images ul {
margin: 0;
padding: 0;
}

#images ul li .date {
float: right;
padding: 10px 0 15px 10px;
}

#images ul li .caption {
display: block;
padding: 10px 0 20px 0;
width: inherit;
}




/*
content
*/

#content {
overflow/**/: auto;
\height: 1%;
}


.p_gallery #content {
padding-top: 2px;
overflow: hidden;
}

.p_speech #content p {
clear: both;
margin: 0 0 .4em 0;
}

#content .title {
clear: left;
margin: 0;
padding: 5px 60px 4px 0;
}

/*
.p_gallery #content .title {
margin-left: 130px;
padding-bottom: 0;
}
*/
#content .subtitle {
clear: left;
display: block;
float: left;
margin: 0;
padding: 0 0 9px 0;
width: 80%;
}

#content .moreinfo {
clear: right;
float: right;
margin-top: 14px;
}

#content .back {
clear: right;
float: right;
margin-top: 12px;
}

#content .date {
clear: right;
float: right;
padding: 0 0 9px 0;
width: 15%;
}

#content .date .hour {
display: block;
}

#content .block {
clear: both;
margin: 0;
overflow: hidden;
padding: 9px 10px 1px 10px;
}

* html #content .block { height: 1%; }


#content .block img {
float: left;
padding: 1px 12px 10px 0;
}

#content .block .text {
overflow/**/: auto;
\height: 1%;
}

#content .block .text p {
margin: 0 0 .9em 0;
}

#content .links {
padding: 0;
margin-bottom: 10px;
}

#content .links .items {
margin: 0;
padding: 0;
}

#content .links .items li {
clear: left;
overflow: hidden;
padding: 6px 10px 8px 10px;
}

#content #frmInfo .links .items li {
padding-left: 0;
}

* html #content .links .items li { height: 1%; }

#content .links .items li a {
clear: left;
display: block;
float: left;
padding: 0 0 0 37px;
}

.p_speech #content .links {
float: right;
margin-top: -2.8em;
}

.p_speech #content .links .items li {
clear: right;
float: right;
padding-right: 0;
}

/*
#content .sponsors {
overflow: hidden;
padding-bottom: 20px;
margin-bottom: 20px;
}

* html #content .sponsors { height: 1%; }

#content .sponsors .items {
margin: 0;
padding: 0;
}

#content .sponsors .items li {
float: left;
padding: 0 0 0 35px;
}
*/


#content .sponsors {
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 20px;
}

#content .sponsors .items {
margin: 0 auto;
padding: 0;
display: table;
white-space: nowrap;
}

#content .sponsors ul li {
display: table-cell;
}

#content .sponsors ul img {
display: block;
margin: 0 25px 0 10px;
}

* html #content .sponsors ul img {margin: 0 10px 0 10px;}

* html #content .sponsors ul { display: inline-block; }
*+html #content .sponsors ul { display: inline-block; }
* html #content .sponsors ul { display: inline; }
*+html #content .sponsors ul { display: inline; }
* html #content .sponsors ul li { display: inline-block; }
*+html #content .sponsors ul li { display: inline-block; }
* html #content .sponsors ul li { display: inline; }
*+html #content .sponsors ul li { display: inline; }
* html #content .sponsors ul a { display: inline-block; }
*+html #content .sponsors ul a { display: inline-block; }
* html #content .sponsors { text-align: center; }
*+html #content .sponsors { text-align: center; }

#content .filter {
margin-top: -2.2em;
}

#content .filter select {
margin: 0;
}

#content .filter form {
  margin-top: -14px;
}

#content .speech .date {
float: none;
margin: 0;
padding: 0;
width: auto;
}

#content .speech .location {
margin: 0;
padding: 0 0 .3em 0;
}

#content .speech .col1 {
float: left;
width: 50%;
margin-bottom: 20px;
}

#content .speech .col2 {
float: right;
width: 49.9%;
margin-bottom: 20px;
}

#content .speech .col1 .inner {
border-right: 1px solid #000;
padding-right: 11px;
}

#content .speech .col2 .inner {
padding-left: 10px;
}

#content .speech3col .col1 {
float: left;
width: 33.3%;
}

#content .speech3col .col2 {
float: left;
width: 33.3%;
}

#content .speech3col .col3 {
float: right;
width: 33.3%;
}

#content .speech3col .col1 .inner {
border-right: 1px solid #000;
padding-right: 11px;
}

#content .speech3col .col2 .inner {
border-right: 1px solid #000;
padding-right: 11px;
}

#content .speech3col .col3 .inner {
padding-left: 10px;
}

#content .speech ul {
margin: 0;
padding: 7px 0 0 0;
}

#content .speech ul li {
margin: 3px 0 0 0;
}

#content .speech ul li .info {
margin: 0 0 1px 0;
padding: 1px 10px 0 10px;
overflow: hidden;
}

* html #content .speech ul li .info { height: 1%; }

#content .speech ul li .info .time {
float: left;
}

#content .speech ul li .info .type {
float: right;
padding-top: 2px;
}

#content .speech ul li .desc {
padding: 2px 10px;
}

* html #content .speech ul li .desc { margin-top: -3px; }
*+html #content .speech ul li .desc { margin-top: -3px; }

#content .speech ul li .desc p {
  margin: 0;
}

#content .speech ul li .desc .moreinfo {
margin: 0;
}

#content .speech ul li .desc .event {
margin: 0;
padding: 0 100px 0 0;
}

#content .actions {
clear: both;
margin-top: 20px;
padding: 15px 0;
overflow: hidden;
}

* html #content .actions { height: 1%; }

#content .actions .button {
float: right;
margin-left: 20px;
padding: 4px 10px;
}

#content .actions input.button {
padding: 3px 10px;
overflow: visible; /* IE fix */
width: auto; /* IE fix */
}

* html #content .actions input.button { padding: 2px 10px; }
*+html #content .actions input.button { padding: 2px 10px; }

#content .filter label {
  display: inline;
  padding-left: 1em;
}

#content .filter input.button {
padding: 2px 5px;
margin-left: 3px;
overflow: visible; /* IE fix */
width: auto; /* IE fix */
}

* html #content .filter input.button { padding: 1px 5px; }
*+html #content .filter input.button { padding: 1px 5px; }



#content .form {
clear: both;
margin: 0;
padding: 0;
}

#content .form .note {
display: block;
padding: 5px 0;
}

#content .form fieldset {
margin: 2px 0 7px 0;
padding: 7px 0 9px 0;
}

#content .form fieldset .legend {
margin: 0 0 13px 0;
padding: 0;
}

#content .form .fieldgroup {
padding: 15px 10px 10px 20px;
}

#content .form .field {
clear: both;
overflow: hidden;
padding: 0 0 5px 0;
}

* html #content .form .field { height: 1%; }

#content .form label {
float: left;
margin-right: 2%;
padding: 2px 0 0 0;
width: 35%;
}

#content .form .i_text,
#content .form select,
#content .form textarea {
float: left;
width: 61%;
}

#content .form select {
width: 61.9%;
}

#content .form fieldset fieldset {
margin: 0;
padding: 3px 0;
}

#content .form fieldset fieldset label {
display: inline;
margin: 0 0 0 5px;
width: auto;
}

#content .form fieldset fieldset .legend {
float: left;
margin-right: 2%;
padding: 2px 0 0 0;
width: 35%;
}

#content .form fieldset fieldset .fieldgroup {
float: left;
margin: 0;
padding: 0;
width: 61%;
}

#content .form fieldset fieldset .i_radio,
#content .form fieldset fieldset .i_checkbox {
clear: left;
float: left;
}


/*
  footer
*/

#footer {
  overflow: hidden;
  padding: 0 25px 25px 20px;
}

* html #footer { height: 1%; }

#footer #copyleft {
  float: left;
  padding-left: 14px;
}

#footer .info {
  float: right;
  margin: 0;
  padding: 0;
}
