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

@import url('reset.css');
@import url('fonts.css');
/*
TitilliumText22LThin
TitilliumText22LLight
TitilliumText22LRegular
TitilliumText22LMedium
TitilliumText22LBold
TitilliumText22LXBold
TitilliumTitle12Regular
*/

* {margin:0; padding:0; outline:0; border:0;}
:focus {-moz-outline-style:none;}
ul, ol {list-style-type:none;}
html {overflow-x:hidden; overflow-y:scroll !important;} /* añadido para el fondo resize */

body {font:normal 12px 'TitilliumText22LRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* generales y fondos */
#canvas {}
#overlay{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:-1; /*display:none;*/ filter: alpha(opacity=60); opacity: .6;}
#bgmaximage {position:fixed !important;}
#bgvideo {position:fixed !important; z-index:-10; width:100% !important; height:100% !important; /**/background:#000;}
.semi_opac {filter: alpha(opacity=40); opacity: .4;}
.semi_trans {filter: alpha(opacity=20); opacity: .2;}
.txtcolumns {
-moz-column-count:2;
-moz-column-gap:15px;
-webkit-column-count:2;
-webkit-column-gap:15px;
column-count:2;
column-gap:15px;}

/* headers y menus */
#header_home,
#header_int {top:18px; position:fixed; z-index:10; width:950px; height:30px; left:50%; margin-left:-475px;} 
#logo {float:right; width:200px; text-align:right; padding-top:7px;}
#logo h1 {font-size:22px; font-style:italic;} /*18px*/
#logo img {float:right; margin-left:10px;}
#logo_swf {float:right; margin-left:10px;}
#langs {float:left; width:200px; padding-top:8px;}
#menuppal {margin-right:auto; margin-left:auto; width:500px; padding-top:8px;}
#menucats {margin-right:auto; margin-left:auto; width:500px; padding-top:2px;}
#submenu {width:200px; clear:both; float:left; margin-top:80px;}
#menuppal li, #langs li, #menucats li {display:inline;}
#menuppal a, #langs a, #submenu a, #menucats a {text-decoration:none; text-transform:uppercase;}

#menuppal, #submenu, #menucats {font:normal 14px 'TitilliumText22LMedium';}

#header_notxt {display:none; position:absolute; width:950px; top:10px; left:50%; margin-left:-475px; text-align:right;}

/* home - quotes */
#welcome {position:absolute; width:600px; top:120px; left:50%; margin-left:-250px; }
#welcome h2 {/*font-style:italic !important;*/ font-weight:normal; font-size:48px; font-family:'TitilliumText22LThin'; margin-bottom:10px;}
#welcome ul {margin-bottom:15px;}

/* contenidos */
#content {position:absolute; width:950px; top:120px; left:50%; margin-left:-475px; }
#left {width:200px; float:left; margin-right:27px;}
#right {width:200px; float:right;}
#center {width:475px; /*float:left;*/ position:absolute; top:0; left:50%; margin-left:-250px; padding-bottom:45px; /*margin-left:227px;*/}
#center h1 {font-weight:normal; font-family:'TitilliumText22LLight'; font-size:36px; margin-bottom:10px;}
#center h2 {/*font-style:italic;*/ font-weight:normal; font-size:18px; margin-bottom:10px; }
#center h3 {}
#center p, #center ul, #center ol, #center dl, #center em {font-size:13px; line-height:15px; margin-bottom:10px;}
#center em {}
#center a, #center span {/*font-size:12px;*/}
#center ul li {clear:both; padding-left:12px; margin-bottom:7px;}
#center ol, #center dl {margin-bottom:30px;}
#center img {margin-bottom:10px;}
#right p, #left p, #artist_info p {font-size:12px; line-height:12px; margin-bottom:10px;}

/* tabs - 'quienes somos' */
.node_tabs {float:left; height:32px; width:100%; }
.node_tabs li {display:inline-block; float:left; clear:none !important; padding:0 3px 0 0 !important; margin:0 !important; background-image:none !important; 
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
behavior: url(PIE.htc);}
.node_tabs li a {/*display:block;*/ text-transform:uppercase; }
.node_tabs li a:hover {}
.node_tabs li.active, .node_tabs li.active a:hover {}
.node_tab_container {overflow:hidden; clear:both; float:left; width:100%;}
.node_tab_content {position:relative;}

.cvpdf {background:url(../img/ico-pdf.gif) top right no-repeat; display:block; position:absolute; padding:2px 22px 4px 0; top:0; right:0;}

/* accordions - 'colaboradores' */
.accButt {width: 100%; float: left; cursor: pointer; padding-bottom:5px;}
.acc_on {/*border-bottom:1px dashed #ccc;*/ padding-bottom:5px;}
.acc_over {}
.accCont {width:100%; float:left; /*border-bottom:1px solid #ccc;*/ padding-bottom:20px; }

/* calendar */
#center dt {clear:both; width:115px; margin-right:10px; float:left;}
#center dt h3 {font-size:14px;}
#center dd {width:350px; float:left; margin-bottom:15px;}
.foto_noticia {}

/* contenidos - artistas DEPRECATED - - - - - - - */
/*
#cc_switch {position:absolute; top:110px; left:180px; width:50px;}
#artist_info {width:200px; clear:both; float:right; margin-top:-27px;}
#artist_info dt {clear:both; width:75px; float:left;}
#artist_info dd {width:125px; float:left;}
#artist_info em {margin-bottom:10px;}

#project_info {width:200px; clear:both; float:right; margin-top:-65px; text-align:right; text-transform:uppercase}
#project_info a {background:url(../img/ico-pdf.gif) top right no-repeat; padding-right:20px; padding-top:4px; display:block;}
*/


/* contacto */
#contact_form {}
#contact_form fieldset {width:380px; float:left;}
#contact_form li {clear:both; height:22px;}
#contact_form label {width:95px; display:block; float:left; font-size:14px;}
#contact_form input, #contact_form textarea {width:260px; padding:2px; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-width:1px; border-style:dotted;} 
#contact_form input:hover, #contact_form textarea:hover, #contact_form input:focus, #contact_form textarea:focus {border-style:dashed;}
#contact_form button {clear:both; background:transparent; width:75px; text-align:left !important; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-width:1px; border-style:solid; padding:2px 4px; margin-bottom:2px; font:normal 16px 'TitilliumText22LRegular';}

/* prensa */
.recortes {width:230px; float:left;}
.recortes a:hover {text-decoration:underline;}

/* pie */
#footer_home,
#footer {position:fixed; width:950px; bottom:10px; left:50%; margin-left:-475px; text-align:right;}
#footer_home button,
#footer button {background:transparent; cursor:pointer; text-transform:uppercase; font-size:11px; /*color:#73BB97;*/ font-size:9px; margin-left:5px;}
#social {width:200px; float:left; margin-right:27px; text-align:left;}
#contact {float:left; width:525px; text-align:left;}
#contact p {}
#credits {float:right; width:45px;}

/* effects opacity */
#center,
#right,
#header_int #menuppal,
#footer,
#submenu,
#menucats,
#header_int #langs {filter: alpha(opacity=30); opacity: .3;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;}
#center:hover,
#right:hover,
#header_int #menuppal:hover,
#footer:hover,
#submenu:hover,
#menucats:hover,
#header_int #langs:hover {filter: alpha(opacity=100); opacity: 1;}

#overlay{filter: alpha(opacity=60); opacity: .6;
-moz-transition: opacity 0.6s ease-in-out;
-webkit-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;}
#overlay:hover{filter: alpha(opacity=0); opacity: 0;}


/* Snippets -------------------------------------- */

/*

//Sombra arrojada pixel
text-shadow:1px 1px 0 #fff;

//Border radius
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;

//Box shadow standard
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); 
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); 
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);

//Transition
-moz-transition: background 0.2s ease-in-out;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;

//Degradado lineal standard
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#873D10), to(rgba(56, 31, 27, 1))); 
background: -moz-linear-gradient(#873D10, rgba(56, 31, 27, 1)); 
background: linear-gradient(#873D10, rgba(56, 31, 27, 1));

//Texto en columnas
-moz-column-count:3;
-moz-column-gap:10px;
-webkit-column-count:3;
-webkit-column-gap:10px;
column-count:3;
column-gap:10px;


*/