/* CSS Document */

body{background:#333;color:#252525;font-family:Arial, Helvetica, sans-serif;font-size:1em;margin:0;}
img{border:0;}

#global{width:58.2em;margin:0 auto;}
h1{display:none;}

br.clear{clear:both;}



/********************CABECERA******************/

#cabecera{float:left;width:58.2em;background:url('../img/bg_cabecera.gif') repeat left top;border-bottom:1px solid #FFF;}

#cabecera #cab_sup{text-align:right;padding:0 1em 0 0;}
#cabecera #cab_sup a{color:#FFF;font-weight:bold;font-size:.8em;text-decoration:none;background:#1072b2 url('../img/bg_a.gif') no-repeat right bottom;display:inline-block;cursor:pointer;}
#cabecera #cab_sup a span{background:url('../img/bg_span.gif') no-repeat left bottom;display:inline-block;padding:.5em;}


#cabecera #cab_central{float:left;width:58.2em;padding:1em 0 0 0;}
#cabecera #cab_central img{display:block;}
#cabecera #cab_central img.logo{padding:0 0 0 1em;}

#cabecera #cab_central #menu{float:left;width:25em;padding:3em 0 0 2em;}
#cabecera #cab_central #menu ul{margin:0;padding:0 0 0 0;list-style-type:none;font-size:1.4em;font-family:"Arial Black", Helvetica, sans-serif; letter-spacing:-.1em;line-height:1em;}
#cabecera #cab_central #menu ul li{padding:0 0 0 0;}
#cabecera #cab_central #menu ul li a{color:#cfcfc9;text-decoration:none;}
#cabecera #cab_central #menu p{color:#cfcfc9;font-size:.8em;margin:1.3em 0;padding:0;}
#cabecera #cab_central a{color:#0ba8cf;}


#cabecera #cab_central #flash{float:right;width:28.5em;padding:0em 0 0 0;}



/********************TRABAJOS******************/

#trabajos{float:left;width:54.2em;background:url('../img/bg_trabajos.gif') repeat left top;border-bottom:1px solid #FFF;padding:2em;}

#trabajos .bl_volver{float:left;width:54.2em;}
#trabajos .bl_volver h2{margin:0;padding:0;color:#252525;float:left;width:12em;background:url('../img/h2_trabajos.gif') no-repeat left 1em;height:4em;}
html > body #trabajos .bl_volver h2{width:10.5em;}
#trabajos .bl_volver h2 span.lf{float:left;width:2.8em;font-size:1.6em;}
#trabajos .bl_volver h2 span.rg{font-size:.7em;float:right;width:4em;padding:.5em 0 0 0;}
#trabajos .bl_volver h2 span{display:none;}
#trabajos .bl_volver a{float:right;color:#41403d;background:url('../img/flecha_up.gif') no-repeat right bottom;display:inline-block;padding:2.8em 3.3em 0 0;font-weight:bold;font-size:.9em;}

#trabajos ul{float:left;width:54.2em;margin:0;padding:2em 0 0 0;list-style-type:none;}
#trabajos ul li{float:left;width:18em;}
#trabajos ul li img{display:block;}
#trabajos ul li h3{margin:0;padding:.5em 0 0 1em;color:#4d4c4b;font-size:1.1em;font-weight:normal;}
#trabajos ul li p{margin:0;padding:.5em 3em 0 1.4em;font-size:.8em;}






/********************PORFOLIO******************/

#porfolio{float:left;width:58.2em;background:url('../img/bg_porfolio.gif') repeat left top;border-bottom:1px solid #FFF;padding:0}



#porfolio #porf_left{float:left;width:18em;padding:2em;background:url('../img/bg_left_porfolio.gif') no-repeat right 2em;}
#porfolio #porf_left h2{margin:0 0 .3em 0;padding:0 0 0 0;color:#252525;float:left;width:12.2em;background: url('../img/h2_porfolio.gif') no-repeat left 1em;height:4em;}
html > body #porfolio #porf_left h2{width:11.2em;}
#porfolio #porf_left h2 span.lf{float:left;width:2.8em;font-size:1.6em;}
#porfolio #porf_left h2 span.rg{font-size:.7em;float:right;width:4em;padding:.5em 0 0 0;}
#porfolio #porf_left h2 span{display:none;}
#porfolio #porf_left p{margin:0;padding:.5em 0 0 0;font-size:.8em;float:left;width:21em;}
#porfolio #porf_left h3{margin:1em 0 0 0;padding:0;font-size:.8em;color:#252525;font-weight:bold;float:left;width:21em;}
#porfolio #porf_left ul{margin:1em 0 0 0;padding:0;list-style-type:none;float:left;width:18em;}
#porfolio #porf_left ul li{float:left;margin:0 .5em .5em 0;}
#porfolio #porf_left ul li img{display:block;border:1px solid #d7d5d0;cursor:pointer;}


#porfolio #porf_right{float:right;width:35em;padding:2em 0 0em 0;}
#porfolio  #porf_right .bl_volver{float:right;padding:0 2.2em 0 0;}
#porfolio  #porf_right .bl_volver a{color:#41403d;background:url('../img/flecha_up.gif') no-repeat right bottom;display:inline-block;padding:2.8em 3.3em 0 0;font-weight:bold;font-size:.9em;}
#porfolio .empresa{float:left;}
#porfolio .empresa h3{color:#4b4b4a;font-size:1.4em;margin:0 0 .5em 0;padding:0;}
#porfolio .empresa p{font-size:.8em;color:#000;margin:0;padding:0;width:41em;}


/********************CONTACTE******************/

#contacte{float:left;width:54.2em;background:url('../img/bg_contacto.gif') repeat left top;border-bottom:1px solid #FFF;padding:2em;}


#contacte .bl_volver{float:left;width:54.2em;}
#contacte .bl_volver h2{margin:0;padding:0 0 0 0;color:#252525;float:left;width:14.6em;background: url('../img/h2_contacte.gif') no-repeat left 1em;height:4em;}
#contacte .bl_volver h2 span.lf{float:left;width:3.5em;font-size:1.6em;}
#contacte .bl_volver h2 span.rg{font-size:.7em;float:right;width:7.9em;padding:.5em 0 0 0;}
#contacte .bl_volver h2 span{display:none;}
#contacte .bl_volver a{float:right;color:#41403d;background:url('../img/flecha_up.gif') no-repeat right bottom;display:inline-block;padding:2.8em 3.3em 0 0;font-weight:bold;font-size:.9em;}

#contacte p{font-size:.8em;float:left;margin:1em 0 0 0;padding:0;width:30em;clear:both;}
#contacte p.dir{background:url('../img/iconos/ico_dir.gif') no-repeat left bottom;padding:0 0 0 1.5em;}
#contacte p.tfno{background:url('../img/iconos/ico_tfno.gif') no-repeat left bottom;padding:0 0 0 1.5em;margin:0;}
#contacte p.mail{background:url('../img/iconos/ico_mail.gif') no-repeat left bottom;padding:0 0 0 1.5em;margin:0;}
#contacte p.mail a{color:#252525;font-weight:bold;}


/********************PIE******************/

#pie{float:left;width:54.2em;background:url('../img/bg_cabecera.gif') repeat left top;padding:2em;color:#d0d0ca;}

#pie .bl_pie{float:left;width:15.4em;border-right:1px solid #686868;margin:0 .8em 0 0;padding:0 .8em 0 0;height:15em;}
html > body #pie .bl_pie{margin:0 1.2em 0 0;height:auto;min-height:15em;}
#pie .sin_borde{border-right:0px;width:17.2em;}
#pie .bl_pie p{font-size:.7em;margin:0;}
#pie .bl_pie p.copy{font-size:1.4em;font-weight:bold;margin:0 0 .3em 0;}
#pie .bl_pie h2{font-size:1.4em;font-weight:bold;margin:0 0 .3em 0;padding:0;}
#pie .bl_pie h2.esp{font-size:1.1em;font-weight:bold;margin:1em 0 .3em 0;}
#pie .bl_pie a{color:#08a8d0;}
#pie .bl_pie a.twitter{background:url('../img/iconos/ico_twitter.gif') no-repeat left top;padding:1.4em 0 1.4em 5em;font-size:.8em;display:inline-block;font-weight:bold;}
#pie .bl_pie a.twitter span{font-size:1.3em;}


#pie .bl_pie ul{margin:0;padding:0;list-style-type:none;font-size:.7em;}
#pie .bl_pie ul li{background:url('../img/bullet.gif') no-repeat left .9em;padding:0 0 0 .6em;}
html > /**/ body #pie .bl_pie ul li{background:url('../img/bullet.gif') no-repeat left .6em;}

#pie .bl_pie ul.estandar{font-size:1.3em;font-weight:normal;margin:1em 0 0 0;color:#9e9e99;}
#pie .bl_pie ul.estandar li{background:url('../img/check.gif') no-repeat left top;padding:0 0 0 1.1em;}



/***********************CARRUSEL*****************/


.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 3;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 2;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 530px;height: 281px;}
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 530px;padding: 20px 0px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  530px;height: 281px;}
.jcarousel-skin-tango .jcarousel-item {width: 530px;height:281px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top:133px;right:35px;width: 36px;height: 36px;cursor: pointer;background: transparent url('../img/next.png') no-repeat 0 0;z-index:10;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top:130px;left:25px;width: 36px;height: 36px;cursor: pointer;background: transparent url('../img/prev.png') no-repeat 0 0;z-index:10;}