/* CSS Document */ /* Fundacion Alorda Derksen
/* Autor: Jaume Izquierdo
/* Creado: 01/04/2008

--------------------------------------------------------------------------- */

/* RESET
--------------------------------------------------------------------------- */

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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

.clear {clear: both;}

/* ESTRUCTURA
--------------------------------------------------------------------------- */
body { background: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; }
h1 { color: #ffff00; }
h2 {margin: 0 0 20px 0;}
h3 {margin: 0 0 10px 0;}
a { color: #fff; }
a:hover { color: #666666; }
#ajaxContent {}

/* FX.SCROLL
--------------------------------------------------------------------------- */

#comin {overflow: hidden; width: 975px; height: 600px; position: absolute; margin: 50px 0 0 0; } 		/* AREA VISIBLE */
#demo-inner {width: 2000px; height: 400px; background: #000; position: absolute; }						/* AREA TOTAL */
.contenido {width: 465px; height: 420px; position: absolute; }											/* CONTENIDO DE LAS SECCIONES */

/* MENU
--------------------------------------------------------------------------- */

#menu {left: 465px; top: 50px; border-left: 5px solid #fff;}
#menu ul {margin: 0; padding: 0 0 0 40px;}
#menu li {width: 160px; border-top: 1px solid #333333;}
#menu .logo {border: 0; padding: 0 0 25px 40px;}
#menu li a {display: block; text-decoration: none; line-height: 20px;  font-size: 11px; color: #666666; outline:0; padding: 0 0 0 -10px;}
#menu li a:hover {display: block; text-decoration: none; line-height: 20px; font-size: 11px; color: #fff; outline:0; background:url(../images/bg_menu.gif) left  no-repeat; padding: 0 0 0 10px;}
#menu li.sub {width: 185px; border-top: 1px solid #000; display: block;}

#menu .accordion ul {margin: 5px 0 10px 20px; padding: 0; border: 0;}
#menu .accordion li {border: 0; width: 150px;}
#menu .accordion li a {display: block; text-decoration: none; line-height: 20px;  font-size: 11px; color: #666666; outline:0;}
#menu .accordion li a:hover {display: block; text-decoration: none; line-height: 20px; font-size: 11px; color: #fff; outline:0;}

#introduccion {left: 700px; padding: 135px 0 0 0; width: 300px; color: #666666;}
#introduccion p {margin: 0 0 10px 0; line-height: 15px;}

#menu .idiomas ul {margin: 0; padding: 30px 0 0 40px;}
#menu .idiomas li {width: 160px; border-top: 1px solid #000000;}
#menu .idiomas li a {display: block; text-decoration: none; line-height: 13px;  font-size: 11px; color: #fff; outline:0; padding: 0 0 0 -10px;}
#menu .idiomas li a:hover {display: block; text-decoration: none; line-height: 13px; font-size: 11px; color: #fff; outline:0; padding: 0 0 0 10px;}
#menu .idiomas li.sub {width: 185px; border-top: 1px solid #000; display: block;}

/* PROJECTES
--------------------------------------------------------------------------- */

#inf {left: 0; top: 50px; background: #CCCCCC;}
#inf #projtxt {margin: 35px 30px 0 30px;}

#inf #box1 {position: absolute; }
#inf #box1 span {display:block; float:left;}
#inf .mask1 {position:relative; width:384px; height:241px; overflow:hidden; margin: 30px 0 0 30px; border: 1px dashed #afafaf;}
#inf span img {display:block; border:none;}

#inf a.prlink {background:url(../images/ico_proj.gif) left no-repeat; display: block; width: auto; text-indent: 10px; color: #000; text-decoration: none; margin: 30px 0 0 240px;}
#inf a.prlink:hover {background:url(../images/ico_proj.gif) left no-repeat; display: block; width: auto; text-indent: 10px; text-decoration: underline; margin: 30px 0 0 240px;}

// GALERIA
#contenedor_galeria {
width: 600px;
height: 110px;
float: left; /* En mi caso */
overflow: auto;
overflow-y: hidden;
}


.buttons{padding:5px; position:relative; overflow:hidden; margin: 0 50px 0 30px; text-align: center; }
.buttons span{color:#000; padding:0px ; font:10px Verdana; }
.buttons span.active, .buttons span:hover{color:#fff; }

/* CONTACTAR
--------------------------------------------------------------------------- */

#contactar {text-align: center; margin: 30px auto; width: 80%;}
#contactar .logo {margin: 0 0 40px 0;}
#contactar p {text-align: center; margin: 10px 0 0 0;}
#contactar .llista {margin: 40px 0 0 0;}

/* CLIENTS
--------------------------------------------------------------------------- */

.clients {margin: 20px 0 0 20px;}
.clients ul {}
.clients li {margin: 0 0 0 10px; border-bottom: 1px solid #333333; padding: 5px 0 5px 0;}
.clients li .logo {float: left; width: 100px; height: auto;}
/*.clients li .logo {float: left; width: 100px; border: 1px solid #ccc; height: auto;}*/
/*.clients li .logo img {border: 1px solid #333333; padding: 1px; background: #fff;}*/
/*.clients li .txt {float: left; width: 500px; margin: 10px 0 0 0;}*/
.clients li .txt {float: left; width: 300px; margin: 0 0 0 20px;}
.clients li p {margin: 0 0 10px 0;}
.clients li h3 {font-size: 12px; font-weight: normal; margin: 0 0 10px 0; color: #fff;}

#mycustomscroll {width: 500px; height: 400px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/
position: relative; margin: 0 0 20px 0; padding: 0 15px 0 0; }

/* HOSTING
--------------------------------------------------------------------------- */

#hosting {width: 700px; margin: 0px auto; border-left: 1px solid #fff;}
#hosting .fila {}
#hosting .fila .col {float: left; text-align: center; line-height: 20px; padding: 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; width: 60px;}
#hosting .fila .col img {padding: 2px 0 0 0;}
#hosting .fila .col2 {width: 200px; text-align: left;}
#hosting .fila .col1 {width: 100px; text-align: left; border-bottom: 1px solid #000;}
#hosting .fila .bb {border-bottom: 1px solid #fff;}
#hosting .fila .col .textleft {text-align: left;}
#hosting .fila .colb {background: #fff; color: #000;}
#hosting .fila .col2b {width: 200px; text-align: left; background: #fff; color: #000;}