body { margin:0; padding:0; background:#fff; font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; font-size:12px; }
img { border:0; }
h1 { font-size: 20px; }

.hidden { display: none; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#bg { position:fixed; display: none; }
#bg div#bgholder { height:200%; left:-50%; position:absolute; top:-50%; width:200%; }
#bg td { text-align:center; vertical-align:middle; } 
#bg img { margin:0 auto; } /* min-height:50%; min-width:50%; } */
#mainbox{ bottom:0; left:0; margin:0; overflow:inherit; padding:0; position:absolute; right:0; top:0; width:100%; z-index:1000; }

#minindicator { position:absolute; padding:5px; width:20px; height:20px; z-index:1000; }

body.principal { background: #282424 url(fondo_principal.jpg) no-repeat; }
body.principal #bg { display: block; }

#mainbox { background: #fff url(trans.png) left top repeat-x; padding: 10px 0 0 0; }
#mainbox.principal { background-color: transparent; }

#header, #main { width: 960px; margin: 0 auto; }
#portada { padding: 28px 0 0 0; }
#portada.principal { display: none; }

#footer { background: transparent url(trans.png) left bottom repeat-x; height: 109px; position: fixed; bottom: 0; width: 100%; text-align:center; overflow: hidden; }
/* #page-videos #footer { overflow: visible; } */
#menu_permanente { /* width: 465px; margin: 0 auto; */ margin:64px 0 0 33%; position:absolute; }
.menubar ul { list-style: none; margin: 0; padding: 0;  }
.menubar ul li { float: left; background: transparent url(trans.png) repeat; margin: 0 3px 3px 0; padding: 0 24px 0 0; width: auto; position: relative; }
.menubar ul a { height: 19px; background: url(selector.png) right 46% no-repeat; color: #fff; display: block; padding: 8px 30px 5px 12px; text-decoration: none; font-size:15px; }
#boton-menu a.selected { color: #d50d5e; background-image: url(selector_up.png); }
#boton-videos a.selected { color: #e47f9e; }
#boton-galeria a.selected { color: #86b516; }
#boton-blog a.selected { color: #008bd7; }

#menu { padding: 3px 0 0 0; position: absolute; margin: -150px 0 0 209px; }
#menu ul li { padding-right: 10px; }
#boton-quienes-somos a.selected { color: #d50d5e; }

#flotante { /* position: relative; left: 224px; top: 9px; */ position: absolute; margin: 9px 0 0 0; }

.pageContents h1 { margin: 0; }
.pageContents a { color: #fff; }
.page-quienes-somos { padding: 0 0 0 209px; }
.page-quienes-somos .pageContents { border-top: 3px solid #d50d5e; }

.page-que-hacemos { padding: 0 0 0 368px; }
.page-que-hacemos .pageContents { border-top: 3px solid #86b516; }
#boton-que-hacemos a.selected { color: #86b516; }

.page-proyectos { padding-left: 0; width: 647px; }
#ajax.page-proyectos .pageContents { border-top: 3px solid #008bd7; float:right; width:385px; }
#boton-proyectos a.selected { color: #008bd7; }

.page-colaboradores { padding-left: 650px; }
#ajax.page-colaboradores .pageContents { border-top: 3px solid #e47f9e; }
#boton-colaboradores a.selected, .page-colaboradores .pageContents h1 { color: #e47f9e; }

#ajax.page-colaboradores .pageContents {width: 283px; }
.page-contacto { padding-left: 532px; }
.page-contacto .pageContents { border-top: 3px solid #939395; }
#boton-contacto a.selected, .page-contacto .pageContents h1, .bocadillo h1 { color: #939395; }


.page-videos { padding: 0 0 0 209px; }
.page-videos .pageContents { border-top: 3px solid #e47f9e; }
#ajax.page-videos .pageContents { width: 690px; text-align: center; }
.page-videos .menubar li { left: 320px; top: -415px; }
.page-videos .menubar li a { color: #e47f9e; }
#videoPlayer { text-align: center; }


.page-blog { padding: 0 0 0 209px; position:relative; top:-145px; width: 620px; }
#blognav { width: 188px; float: right; }
#blognav h2, #blognav .c { background: url(trans.png); }
#blognav h2 { color: #008bd7; margin: 0 0 2px 0; padding: 0 20px 0 0; font-size: 15px; }
#blognav h2 a {  display: block; padding: 5px 6px; color: #008bd7; text-decoration: none; background: url(selector_right.png) right 50% no-repeat; }
#blognav h2 a.selected { background-image: url(selector.png); }
#blognav ul.tags_cloud { list-style:none; padding-left:15px; margin: 0; }
#blognav ul.tags_cloud li { display:inline; }
#blognav .c { padding: 7px 5px; }
#blognav .c a { color: #fff; text-decoration: none; }
#blognav .box { margin-bottom: 10px; }
.page-blog .menubar { position: absolute; }
.page-blog .menubar li { left: 280px; top: -35px; }
.page-blog .menubar li a { color: #008bd7; }
.article { border-top: 3px solid #008bd7; }
.article .title { color: #008bd7; font-size: 20px; font-weight: bold; }
.article .ac a { color: #fff; }
#ajax .pageContents, .article { background: url(trans.png); color: #fff; width: 370px; padding: 30px 20px; }
.tags { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 3px 0; }
.tags a { color: #fff; text-decoration: none; }
.tags a:hover { text-decoration: underline; }

.botonera {  margin: 4px 0 40px 0; }
.boton { background: url(trans.png); float: left; margin: 0 4px 0 0; padding: 0 10px 0 0; }
.boton a { display: block; height: 20px; padding: 5px 20px 0 10px; font-weight: bold; color: #008bd7; text-decoration: none; }
.boton-ampliar a { background: url(selector.png) right 50% no-repeat; }
.boton-reducir a { background: url(selector_up.png) right 50% no-repeat; }
.boton-comentario a { background: url(selector_right.png) right 50% no-repeat; }
.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list li { padding: 20px 0 0 20px; }
.comment-list li div { padding-bottom: 15px; }
.comment-author { background: url(selector_right.png) left top no-repeat; font-size: 16px; font-weight: bold; padding: 0 0 0 20px; position: relative; margin-left: -20px; }
.article .fecha a { color: #fff }


.thumblist { height: 64px; background: url(trans.png); padding: 0; width: 100%; position: absolute; top: 110px; }
.thumblist ul { margin: 0; padding: 0; list-style: none; height: 64px; overflow: hidden; }
.thumblist li { float: left; width: 50px; height: 50px; overflow: hidden; margin: 7px 6px; text-align: center; }
.thumblist li.selected { width: 54px; height: 54px; margin: 5px 4px; }
.thumblist li.selected img { border: 2px solid #fff; }
.thumblist li.cargando img { visibility: hidden; }
.thumblist li.cargando { background: url(indicator.gif) 50% 50% no-repeat; }
.flechita { position: absolute; /* top: -10px; */ top:100px; left: -20px; }

#videoList { display: none; }

.proynav { float: left; width: 187px; }
.proynav ul { list-style: none; padding: 0; margin: 0; }
.proynav li { background: url(trans.png); height: 31px; margin-bottom: 6px; overflow: hidden; padding: 0 20px 0 0; }
.proynav a { color: #008bd7; padding: 8px 5px 8px 16px; display: block; text-decoration: none; background: url(selector_right.png) right 50% no-repeat; }
.proynav a.selected { background-image: url(selector.png); }

.bocadillo { background: url(bocadillo.png) left top no-repeat; padding: 29px 0 0 0; position: absolute; margin-top: 30px; }
.bocadillo .contenido { background: url(trans.png); padding: 10px; line-height: 135%; color: #fff;  }
#bocadillo-colabora { padding: 0 65px 0 0; background: url(bocadillo_right.png) right 90% no-repeat; width: 310px; margin: 0 0 0 -340px; top: 0; }
#bocadillo-colabora .contenido { padding: 20px; }
#boton-colabora { position: absolute; margin-top: 5px; }
.boton a { display: block; background: url(selector.png) right 50% no-repeat; padding: 7px 20px 0 10px; color: #fff; }