body {
color:#fff;
text-align:center;
font-family:Helvetica,"Times New Roman",verdana, serif;
background:#232323;}

body { -webkit-font-smoothing: antialiased; }

@-moz-document url-prefix() { #definicion  {background:#6e0000 url("../img/fondocabecera00.jpg") left top repeat-x;}}
#hackme, x:-moz-any-link, x:default {restore styles for Firefox 3.0 and newer}
*+html #definicion  {background:#6e0000 url("../img/fondocabecera00.jpg") left top repeat-x !important;}
html:first-child #definicion {background:#6e0000 url("../img/fondocabecera00.jpg") left top repeat-x !important;}


/*  Etiquetas HTML5 */
header, section, footer,
aside, nav, article, figure {
display: block;}

a:link, a:active, a:visited {
color:#ccc;}
a  {
text-decoration:underline;}

a:hover {
color: #aaa;
text-decoration:none;}

a.especial  {
text-decoration:underline;
}

a.especial:hover {
color: #aaa;
text-decoration:none;
}

#eng h2 {font-size:180%;padding:0 0 14px 0}

h2 {
color:#ccc;
font-size:160%;
font-weight: normal;
letter-spacing: 0.06em;
padding:0 0 12px 0}

.limpiar {clear:both}
.limpiar_ {display:none}

/**** Cabecera ****/

#cabecera h1 a strong, #cabecera h1 span strong {
text-indent:-6000px;
position:absolute;
text-decoration:none;
overflow:hidden;}

#cabecera span {
font-size:100%;}

#cabecera a {
position:relative;

font-size:85%
}

#cabecera h1 a, #cabecera h1 span {
display:block;
font-style: normal;
width:147px;
height:19px;
position:absolute;
left:802px;
top:14px;
margin-right:0}

#cabecera {
margin:0 auto;
background:#232323;}

#cabecera div {
background:#232323 url("../img/logo_direction_grande.gif") 50% 30px  no-repeat;
position:relative;
width:950px;
margin:0 auto;
min-height:6.8em;
text-align:right;
padding-top:10px;}

#cabecera div a.tel {float:left;font-size:90%}

#cabecera div.centrado {
background:transparent url("../img/logo_direction.gif") 50% 14px no-repeat;
position:relative;
width:950px;
margin:0 auto;
min-height:4.9em;
text-align:left;
padding-top:18px;}

#cabecera div.centrado h1 a {left:402px;}



/**** Definicion ****/

blockquote {
width:466px;
font-size:165%;
color:#fff;
z-index:100;
font-weight: normal;
padding-top:2.9em;
letter-spacing: 0.06em;
line-height:160%;
padding-bottom:0.8em;
float:left;}

#eng blockquote {
width:466px;
font-size:185%;
padding-top:2.5em;
letter-spacing: 0.06em;
line-height:160%;
padding-bottom:0.8em;
float:left;}

blockquote span {text-shadow: 0px 1px 8px #000; }

#definicion  {
margin:0 auto;
border-top:1px solid #000;
background: -moz-linear-gradient(top, #770101, #3e0001) !important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #770101),  color-stop(100%, #3e0001));}

#definicion br {clear:both;}

#definicion div { 
width:950px;
margin:0 auto;
min-height:288px;

text-align:left;
position:relative}

ul#proyectos li img {
border: 0;
z-index:90;
padding:0;}

ul#proyectos {
float:right;
width:478px;
margin-top:0.5em;
position:absolute;
right:8px;}


.fade{
	margin-bottom: 2em;}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fefefe;}


/**** Contenido ****/

.main {
border-top:1px solid #000;
background: transparent url(../img/dot.gif) repeat-x 0 0;
}

.content {
width:950px;
margin:0 auto;}


*+html .content {
margin-top:1px;}



#clientes {
float:left;
width:960px !important;
margin-bottom:7px;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
text-align: left}

*+html #clientes div.dos  {height:724px;padding:0 0 3px 0;}

#clientes div.dos {
width:950px !important;padding-left:10px;background:transparent;padding:0}


#clientes ul {
display:block;
width:auto;
background: transparent;}

#clientes ul li {
display:block;
float:left;
border:0;
position:relative;}


#clientes ul li span {display:none}

#clientes br {clear:both}

*+html #clientes br {clear:none}


*+html #contenido p {padding:8px 10px;}



#contenido p {
background:#181818;
padding:9px 10px 10px 10px;
font-size:95%;
color:#ccc;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px;  
font-weight: lighter !important;
line-height: 200%;
margin-bottom:10px;
min-height:6.005em;}

#contenido p strong {
color:#fff;
font-size:105%;
margin-bottom:3px;
font-weight: normal;
display:inline;}


/**** Pie ****/

#capa_include {
padding:12px 10px 4px 10px;
width:450px;
background:#181818;
height:393px;
margin-right:0;
float:right;}

#ie_map {
width:447px;
height:292px}

#piedepagina {
width:950px;
clear:both;
margin:0 auto 0 auto;
text-align:left;
padding-top:4px}


#piedepagina div.tres {
background:#181818;
border:0;
padding:0 !important
width:950px;
min-height:283px; }

#eng form#direction_form textarea {
height:186px; }


#piedepagina br {
clear:both}

/**** Formulario ****/

#formulario {
width:470px;
background: #181818;
height:308px;
float:left;
padding-left:10px;
margin-left:0;
position:relative;
padding-top:10px}

#piedepagina br {clear:both;}

form#direction_form {
float:left;
width:340px;
font-weight:normal;}

form#direction_form input {
background: url(../img/fondo_form_02.png);
background-position: 0px 0px;
background-repeat: no-repeat;
width:388px;
height:28px;
border:1px solid #454545;
padding:10px 15px 0px 15px;
font-size:90%;
color:#fff !important;}

form#direction_form input#enviar {
border:0;
background:#454545;
width:80px;
height:34px;
color:#fff;
padding-top:2px;
position:relative;
top:-2px;}

*+html form#direction_form textarea {height:176px;}

form#direction_form textarea {
background: url(../img/fondo_form_02.png);
background-position: 0px 0px;
background-repeat: no-repeat;
width:388px;
font-family:"Lucida Grande", Geneva, Verdana, sans-serif;
height:191px;
border:1px solid #454545;
padding:10px 15px 0px 15px;
font-size:95%;
color:#fff !important;}

*+html form#direction_form input#enviar {top:-2px;}

form#direction_form div.footer_input_fondo {
padding:0px 0px 10px 0px;
clear:both;}

form#direction_form p {
position:absolute;
display:block;
background:#181818;
padding:5px 12px 5px  4px !important;
width:447px;
border:0;
height:344px;
z-index:200}

form#direction_form p a {
margin-top:10px;
height:40px;
width:160px !important;
display:block ;
text-decoration:none !important;}

form#direction_form p a:hover {
color: #aaa;
text-decoration:underline !important;}

.footer_input_fondo span {
float:right;
position:absolute;
right:9px;
display:block;
height:40px;
width:30px}

*+html .footer_input_fondo span {margin-top:1px;}

.footer_input_fondo span.valida {
background:transparent url("../img/v.gif") 0 0 no-repeat !important;}

.footer_input_fondo span.no_valida {
background:transparent url("../img/x.gif") 0 0 no-repeat !important;}

form#direction_form p {
color:#fff;
padding:15px 0px 10px 0px;}

form#direction_form a {
text-decoration:underline;}

label {display:none}
.vcard {padding-top:8px;font-style: normal !Important;font-weight: normal; font-size: 90%}
.vcard span.org {display:none}
.vcard div {display:inline;}
.vcard div.adr {display:block;margin-bottom:8px;}
.vcard div.tel  {display:block;margin-bottom:7px;}
.vcard div.fax  {display:block;margin-bottom:7px;}


/**** Clientes ****/


.sinm {margin-left:0 !important}
.gmaps {display:none}

.rolloverte {cursor:pointer;display:block;position:relative;text-decoration:none!important;background:#181818;}
.rolloverte-info{color:white;left:0;position:absolute;top:0;}
.rolloverte-title {margin-bottom:2px;font-size:14px;background:#000;display:block;padding:2px 3px 4px 3px;}
.rolloverte .tit1 {width:50px !important;}
.rolloverte .tit2 {width:130px !important;white-space:nowrap;}
.rolloverte .tit3 {width:42px !important;}
.rolloverte .tit4 {width:120px !important;white-space:nowrap;}
*+html .rolloverte-title {padding-bottom:4px;}
*+html .rolloverte .tit2 {width:136px !important;}
*+html .rolloverte .tit4 {width:126px !important;}
.rolloverte-subtitle {background:#000;display:inline;font-size:11px;line-height:190%;padding:2px 3px;}
*+html .rolloverte-background{width:230px !important;height:170px !important;position:relative;display:none}
.rolloverte-background{width:230px !important;height:170px;background-color:#1d1d1d;left:0;position:absolute;top:0;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.rolloverte-content{position:relative;}
*+html .rolloverte-content {display:block;position:static}
.rolloverte-mascara {padding:0 0 0 0;margin:0 !important;background:transparent}
.rolloverte-mascara,.rolloverte-mascara div.rolloverte-info{width:230px !important;height:170px;}
*+html .rolloverte-mascara, *+html .rolloverte-mascara div.rolloverte-info{width:230px !important;height:170px;display:block;}
.rolloverte-mascara .rolloverte-subtitle,.rolloverte-mascara .rollover-description{font-size:11px;}
.rolloverte-small .rolloverte-description{font-size:11px;}
.rolloverte-mascara div.rolloverte-content{padding:10px 0 0 10px;}
.rolloverte-mascara {float:left;margin-left:10px;margin-top:10px;}
.noesta {display: none;height:169px;overflow:hidden;text-decoration:none !important;background:transparent}
a.showLink, a.hideLink {text-decoration: none;text-decoration:none !important;cursor:pointer !important;DISPLAY:BLOCK;}
#logo01 {margin-top:10px;}   #logo02 {margin-top:10px;margin-left:10px;}  #logo03 {margin-top:10px;margin-left:10px;}    #logo04 {margin-top:10px;margin-left:10px;}  
#logo05 {margin-top:10px;}   #logo06 {margin-top:10px;margin-left:10px;}  #logo07 {margin-top:10px;margin-left:10px;}    #logo08 {margin-top:10px;margin-left:10px;} 
#logo09 {margin-top:10px;}   #logo10 {margin-top:10px;margin-left:10px;}  #logo11 {margin-top:10px;margin-left:10px;}    #logo12 {margin-top:10px;margin-left:10px;}  
#logo13 {margin-top:10px;}   #logo14 {margin-top:10px;margin-left:10px;}  #logo15 {margin-top:10px;margin-left:10px;}    #logo16 {margin-top:10px;margin-left:10px;}  
li .showLink div {background-color:#181818 !important;background-position: 50% 50% !important;background-repeat:no-repeat !important;width:230px;height:140px;}


#logo01  #info1-show div {background-image:url("../img/logos/logo01.gif") !important;}
#logo02  #info2-show div {background-image:url("../img/logos/logo02.gif") !important;}
#logo03  #info3-show div {background-image:url("../img/logos/logo03.gif") !important;}
#logo04  #info4-show div {background-image:url("../img/logos/logo04.gif") !important;}
#logo05  #info5-show div {background-image:url("../img/logos/logo05.gif") !important;}
#logo06  #info6-show div {background-image:url("../img/logos/logo06.gif") !important;}
#logo07  #info7-show div {background-image:url("../img/logos/logo07.gif") !important;}
#logo08  #info8-show div {background-image:url("../img/logos/logo08.gif") !important;}
#logo09  #info9-show div {background-image:url("../img/logos/logo09.gif") !important;}
#logo10  #info10-show div {background-image:url("../img/logos/logo10.gif") !important;}
#logo11  #info11-show div {background-image:url("../img/logos/logo11.gif") !important;}
#logo12  #info12-show div {background-image:url("../img/logos/logo12.gif") !important;}
#logo13  #info13-show div {background-image:url("../img/logos/logo13.gif") !important;}
#logo14 #info14-show div {background-image:url("../img/logos/logo14.gif") !important;}
#logo15  #info15-show div {background-image:url("../img/logos/logo15.gif") !important;}
#logo16  #info16-show div {background-image:url("../img/logos/logo16.gif") !important;}

#logo01  #info1-show:hover div, #logo02  #info2-show:hover div, #logo03  #info3-show:hover div, #logo04  #info4-show:hover div, #logo05  #info5-show:hover div,#logo06  #info6-show:hover div,#logo07  #info7-show:hover div,#logo08  #info8-show:hover div,#logo09  #info9-show:hover div,#logo10 #info10-show:hover div,#logo11  #info11-show:hover div,#logo12  #info12-show:hover div, #logo13  #info13-show:hover div, #logo14  #info14-show:hover div, #logo15  #info15-show:hover div,#logo16  #info16-show:hover div {filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}


.rolloverte-info-wrapper{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.showLink div {width:230px !important;display:block;height:169px !important;}


.hideLink {display:block;cursor:pointer !important;text-decoration:none !important;z-index:200;display:block;WIDTH:230PX;HEIGHT:100PX;margin:0  0 0 0 !important;padding:0 0 0 0;background:transparent}
#logo01 .noesta {background:#181818 url("../img/logos/logo01.gif") 50% 50% no-repeat !important;}
#logo02 .noesta {background:#181818 url("../img/logos/logo02.gif") 50% 50% no-repeat !important;}
#logo03 .noesta {background:#181818 url("../img/logos/logo03.gif") 50% 50% no-repeat !important;}
#logo04 .noesta {background:#181818 url("../img/logos/logo04.gif") 50% 50% no-repeat !important;}
#logo05 .noesta {background:#181818 url("../img/logos/logo05.gif") 50% 50% no-repeat !important;}
#logo06 .noesta {background:#181818 url("../img/logos/logo06.gif") 50% 50% no-repeat !important;}
#logo07 .noesta {background:#181818 url("../img/logos/logo07.gif") 50% 50% no-repeat !important;}
#logo08 .noesta {background:#181818 url("../img/logos/logo08.gif") 50% 50% no-repeat !important;}
#logo09 .noesta {background:#181818 url("../img/logos/logo09.gif") 50% 50% no-repeat !important;}
#logo10 .noesta {background:#181818 url("../img/logos/logo10.gif") 50% 50% no-repeat !important;}
#logo11 .noesta {background:#181818 url("../img/logos/logo11.gif") 50% 50% no-repeat !important;}
#logo12 .noesta {background:#181818 url("../img/logos/logo12.gif") 50% 50% no-repeat !important;}
#logo13 .noesta {background:#181818 url("../img/logos/logo13.gif") 50% 50% no-repeat !important;}
#logo14 .noesta {background:#181818 url("../img/logos/logo14.gif") 50% 50% no-repeat !important;}
#logo15 .noesta {background:#181818 url("../img/logos/logo15.gif") 50% 50% no-repeat !important;}
#logo16 .noesta {background:#181818 url("../img/logos/logo16.gif") 50% 50% no-repeat !important;}

/**** IPAD ****/

@media only screen and (device-width: 768px) and (orientation: landscape) {

#logo01  #info1-show:hover div, #logo02  #info2-show:hover div, #logo03  #info3-show:hover div, #logo04  #info4-show:hover div, #logo05  #info5-show:hover div,#logo06  #info6-show:hover div,#logo07  #info7-show:hover div,#logo08  #info8-show:hover div,#logo09  #info9-show:hover div,#logo10 #info10-show:hover div,#logo11  #info11-show:hover div,#logo12  #info12-show:hover div, #logo13  #info13-show:hover div, #logo14  #info14-show:hover div, #logo15  #info15-show:hover div,#logo16  #info16-show:hover div {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}


@media only screen and (device-width: 768px) and (orientation: portrait) {

#cabecera div {
border:0 !important;
width: 740px !important;
}

#definicion div { 
border:0 !important;
width:740px !important;}

blockquote {
width:246px;
padding-top:4.9em;
font-size:110%;}

.rolloverte .tit2 {padding-right:1px !important;white-space: nowrap}
.rolloverte .tit4 {padding-right:1px !important;white-space: nowrap}
.rolloverte-mascara .rolloverte-subtitle,.rolloverte-mascara .rollover-description{font-size:10px;}
.rolloverte-background{width:240px !important;height:170px;background-color:#181818;left:0;position:absolute;top:0;}
.rolloverte-mascara,.rolloverte-mascara div.rolloverte-info{width:240px !important;height:170px;}
li .showLink div {background-color:#181818 !important;background-position: 50% 50% !important;background-repeat:no-repeat !important;width:240px !important;height:140px;}


#logo01  #info1-show:hover div, #logo02  #info2-show:hover div, #logo03  #info3-show:hover div, #logo04  #info4-show:hover div, #logo05  #info5-show:hover div,#logo06  #info6-show:hover div,#logo07  #info7-show:hover div,#logo08  #info8-show:hover div,#logo09  #info9-show:hover div,#logo10 #info10-show:hover div,#logo11  #info11-show:hover div,#logo12  #info12-show:hover div, #logo13  #info13-show:hover div, #logo14  #info14-show:hover div, #logo15  #info15-show:hover div,#logo16  #info16-show:hover div {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
#logo01 {margin-top:11px;margin-left:0;}   #logo02 {margin-top:11px;margin-left:11px;}  #logo03 {margin-top:11px;margin-left:11px;}    #logo04 {margin-top:11px;margin-left:0;}  
#logo05 {margin-top:11px;margin-left:11px;}   #logo06 {margin-top:11px;margin-left:11px;}  #logo07 {margin-top:11px;margin-left:0;}    #logo08 {margin-top:11px;margin-left:11px;} 
#logo09 {margin-top:11px;margin-left:11px;}   #logo10 {display:none !important;margin-top:11px;margin-left:0;}  #logo11 {margin-top:11px;margin-left:0;}    #logo12 {margin-top:11px;margin-left:11px;}  
#logo13 {margin-top:11px;margin-left:11px;}   #logo14 {margin-top:11px;margin-left:0;}  #logo15 {margin-top:11px;margin-left:11px;}    #logo16 {margin-top:11px;margin-left:11px;}  

.showLink div {width:240px !important;display:block;height:169px !important;}
.hideLink {margin:0  0 0 0 !important;padding:0 0 0 0;background:transparent;width:240px;}
ul#proyectos {right:8px;}
#clientes {width:742px !important;}
#clientes div.dos {border:0;width:742px !important;padding-left:0;}
.content {width:742px !important;}
#piedepagina {width:742px !important;}
#piedepagina div.tres {min-height:483px !important;width:742px !important;}
#cabecera h1 a, #cabecera h1 span {left:502px;}
#piedepagina {width:742px !important;}
#piedepagina div.tres {width:742px !important;}
#capa_include {width:342px;background:#181818;}
#ie_map {width:339px;height:339px}
form#direction_form input {width:268px;}
#formulario {width:366px;}
form#direction_form textarea {width:268px;}

}