body {
color:#fff;
text-align:center;
font-family:Helvetica, Arial, sans-serif;
background:#333;}

body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


/*  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;
}


h2 {
color:#ccc;
font-size:160%;
font-weight: normal;
padding:14px 0 14px 5px}

#eng h2 {font-size:160%;}

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

/**** Cabecera ****/

#cabecera h1 a strong, #cabecera h1 span strong {
display:none}

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

#cabecera a.contacto span {
display:none;}

#cabecera a.contacto {
display:block;
width:20px;
height:14px;
position:absolute;
right:8px;
margin-top:2px;
background:#333 url("../img/iphone/icon_email.gif") 0 0 no-repeat;}

#cabecera h1 a, #cabecera h1 span {
display:none}


#cabecera {
margin:0 auto;
width:100%;
background:#6e0000;}

#cabecera div {
background:#333 url("../img/iphone/logo_direction.jpg") 10px 14px no-repeat;
position:relative;
width:100%;
margin:1px auto 0 auto;
min-height:1.9em;
text-align:right;
padding-top:18px;}



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

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


/**** Definicion ****/

blockquote {
width:100%;
font-size:130%;
color:#fff;
font-weight: normal;
padding-top:0.8em;
line-height:140%;
padding-bottom:0.9em;
float:left;}

#eng blockquote {
width:100%;
font-size:130%;
padding-top:0.8em;
line-height:140%;
padding-bottom:0.9em;
}



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


#definicion br {clear:both;}

#definicion div {
width:90%;
min-height:5em;
padding-left:0;
margin-left:10px;
text-align:left;
position:relative}

ul#proyectos li img {
border: 0;
padding:0;}

ul#proyectos {
float:right;
display:none !important;
width:390px;
margin-top:0.5em;
position:absolute;
right:-12px;}


.fade{
	margin-bottom: 2em;}

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


/**** Contenido ****/

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

.content {
width:100%;
margin:0 auto;}


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


#contenido {
width:100%;
margin:0 auto;}




#contenido div {
width:100%;
margin:0 auto;
padding-top:4px;
text-align:left;
}


#contenido div.uno {
background:transparent;
padding:0;
width:100%;}


#clientes {
width:100% !important;}

#clientes div.dos {
background:transparent;
padding:0;
width:100% !important;}
 .rollover-mascara,.rollover-mascara div.rollover-info{	width:80% !important;
height:80% !important;}
.rollover-mascara,.rollover-mascara div.rollover-info{width:80% !Important;}
.rollover img{display:none}

#piedepagina div.tres {
background:transparent;
padding:0;
width:100%;
min-height:auto; }


#clientes {
width:100% ;
margin:0 auto;
text-align: left}



#contenido p {
background:#181818;
padding:10px;
color:#ccc;
line-height: 160%;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px;  
border:0;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
min-height:5em;}

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


/**** Pie ****/

#capa_include {
height:320px;
width:90% !important;
float:left;
margin-left:12px;
margin-bottom:12px;
border:0;
padding:10px 10px 10px 0;
display:block;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: #181818;
clear:both !important;
margin-left:10px;
margin-right:1px;
}

#ie_map {
margin-left:10px;
height:160px !important}

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

#piedepagina h2 {padding-top:8px !important}

#piedepagina br {
clear:both}

/**** Formulario ****/


#formulario {
height:352px;
float:left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: #181818;
clear:both !important;
border:0;
margin-left:10px;
margin-bottom:10px;

position:relative;
}

#piedepagina br {clear:both;}

form#direction_form {
float:left;
width:90%;
padding-top:5px;
padding-bottom:10px;
padding-left:5px;
margin-bottom:10px;
font-weight:normal;}

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

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

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

form#direction_form textarea {
background: url(../img/fondo_form.png);
background-position: 0px 0px;
background-repeat: no-repeat;
width:75%;
font-family:Helvetica, Arial, sans-serif;
height:131px;
border:1px solid #454545;
padding:10px 15px 0px 15px;
font-size:105%;
color:#fff !important;}

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


*+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;
width:100%;
height:300px;
z-index:200}

form#direction_form p a {
margin-top:10px;
height:40px;
width:100% !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:13px;
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;padding-left:10px;font-style: normal !Important;font-weight: normal; font-size: 100%}
.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;}

div#work {padding-top:7px;display:block}


	
#clientes {padding-bottom:7px;}


#clientes .rolloverte {
display:block !important;
width:144px !important;
height:94px !important;
float:left !important;
border:0;
-webkit-border-radius: 8px;  
-moz-border-radius: 8px;  
position:relative;
margin-bottom:1px !important;}


.rolloverte .image {position:absolute;}
.rolloverte-info{display:none}
.rolloverte-info-wrapper{display:none;}
.rolloverte:hover .rollover-info-wrapper{display:block;filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;}
.rolloverte-static .rollover-background{display:block;filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;}
.rolloverte-title {padding-bottom:8px;font-size:13px;}

.rolloverte:hover .rollover-subtitle {background:#000;display:inline;font-size:11px;line-height:190%;padding:2px 3px;}

.rolloverte-background{background-color:#181818;left:0;position:absolute;top:0;}
.rolloverte-content{display:none}

.rolloverte-mascara .rollover-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:0;margin-top:10px;}
.sinm {margin-left:0 !important}
blockquote span {text-shadow: 0px 3px 8px #000; }


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



#logo01 .noesta {background:#181818 url("../img/iphone/iphone_img/logo01.gif") 50% 50% no-repeat !important;}
#logo02 .noesta {background:#181818 url("../img/iphone/iphone_img/logo02.gif") 50% 50% no-repeat !important;}
#logo03 .noesta {background:#181818 url("../img/iphone/iphone_img/logo03.gif") 50% 50% no-repeat !important;}
#logo04 .noesta {background:#181818 url("../img/iphone/iphone_img/logo04.gif") 50% 50% no-repeat !important;}
#logo05 .noesta {background:#181818 url("../img/iphone/iphone_img/logo05.gif") 50% 50% no-repeat !important;}
#logo06 .noesta {background:#181818 url("../img/iphone/iphone_img/logo06.gif") 50% 50% no-repeat !important;}
#logo07 .noesta {background:#181818 url("../img/iphone/iphone_img/logo07.gif") 50% 50% no-repeat !important;}
#logo08 .noesta {background:#181818 url("../img/iphone/iphone_img/logo08.gif") 50% 50% no-repeat !important;}
#logo09 .noesta {background:#181818 url("../img/iphone/iphone_img/logo09.gif") 50% 50% no-repeat !important;}
#logo10 .noesta {background:#181818 url("../img/iphone/iphone_img/logo10.gif") 50% 50% no-repeat !important;}
#logo11 .noesta {background:#181818 url("../img/iphone/iphone_img/logo11.gif") 50% 50% no-repeat !important;}
#logo12 .noesta {background:#181818 url("../img/iphone/iphone_img/logo12.gif") 50% 50% no-repeat !important;}
#logo13 .noesta {background:#181818 url("../img/iphone/iphone_img/logo13.gif") 50% 50% no-repeat !important;}
#logo14 .noesta {background:#181818 url("../img/iphone/iphone_img/logo14.gif") 50% 50% no-repeat !important;}
#logo15 .noesta {background:#181818 url("../img/iphone/iphone_img/logo15.gif") 50% 50% no-repeat !important;}
#logo16 .noesta {background:#181818 url("../img/iphone/iphone_img/logo16.gif") 50% 50% no-repeat !important;}


li .showLink div {width:144px !important;
height:94px !important;
float:left !important;
border:0;
-webkit-border-radius: 8px;  
-moz-border-radius: 8px;  }

/* Portrait */
@media screen and (max-width: 320px) {

#clientes {padding-left:0}
#formulario {margin-right:10px;
width:90%;}
#capa_include {
width:90% !important;
margin-right:1px;
height:136px !important}

.gmaps {display:block;margin-bottom:8px;padding-top:8px}
.vc a  {display:none !important;}

#ie_map {
width:280px !important;
position:absolute !important;
left:-400px;}

.rolloverte-mascara .rolloverte-subtitle,.rolloverte-mascara .rollover-description{font-size:9px;}
.rolloverte-background{width:144px !important;height:94px;background-color:#181818;left:0;position:absolute;top:0;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.rolloverte-mascara,.rolloverte-mascara div.rolloverte-info{width:144px !important;height:94px;-webkit-border-radius: 8px;  
-moz-border-radius: 8px; }

#logo01 {margin-top:10px;margin-left: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;margin-left: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;margin-left: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;margin-left:10px;}   #logo14 {margin-top:10px;margin-left:10px;}  #logo15 {margin-top:10px;margin-left:10px;}    #logo16 {margin-top:10px;margin-left:10px;}  

.showLink div {width:144px !important;
height:94px !important;display:block;}
.hideLink {margin:0  0 0 0 !important;padding:0 0 0 0;background:transparent;WIDTH:140px;}
ul#proyectos {
right:8px;}
.rolloverte-subtitle {font-size:8px !Important;line-height:160%;display:inline;}

.noesta {display: none;height:172px;text-decoration:none !important;background:transparent;width:144px !important;
height:94px !important;overflow:visible;
float:left !important;
border:0;
-webkit-border-radius: 8px;  
-moz-border-radius: 8px;  }

.rolloverte-title {padding-bottom:4px;font-size:10px !important;display:inline;}
.rolloverte-mascara .rolloverte-subtitle,.rolloverte-mascara .rollover-description{font-size:10px;line-height:100% !important;}
.rolloverte-mascara div.rolloverte-content{padding:0 0 0 10px !important;}
.rolloverte-content br {display:none}
 div.rolloverte-content{padding:0 0 0 10px !important;}

}
 
/* Landscape */
@media screen and (min-width: 321px){ 

#clientes div.dos {padding-left:3px;}

#clientes a#logo11{
	display:none !important;}
		#clientes {padding-left:0}
		#clientes .rollover {
margin-left:11px !important;}
#formulario {margin-right:0;
width:93%;}
#capa_include {
width:93% !important;
height:148px !important;
margin-right:0;
}

#cabecera div {background:#333 url("../img/iphone/logo_direction.jpg") 14px 14px no-repeat !important;}
blockquote {padding-left:6px;}
.gmaps {display:block;margin-bottom:8px;padding-top:8px}
.vc a  {display:none !important;}

#ie_map {
width:432px !important;
position:absolute !important;
left:-800px;}

.rolloverte-mascara .rolloverte-subtitle,.rolloverte-mascara .rollover-description{font-size:9px;}
.rolloverte-background{width:144px !important;height:94px;background-color:#181818;left:0;position:absolute;top:0;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.rolloverte-mascara,.rolloverte-mascara div.rolloverte-info{width:144px !important;height:94px;-webkit-border-radius: 8px;  
-moz-border-radius: 8px; }

#logo01 {margin-top:10px;margin-left:11px;}   #logo02 {margin-top:10px;margin-left:11px;}  #logo03 {margin-top:10px;margin-left:11px;}    #logo04 {margin-top:10px;margin-left:11px;}  
#logo05 {margin-top:10px;margin-left:11px;}   #logo06 {margin-top:10px;margin-left:11px;}  #logo07 {margin-top:10px;margin-left:11px;}    #logo08 {margin-top:10px;margin-left:11px;} 
#logo09 {margin-top:10px;margin-left:11px;}   #logo10 {margin-top:10px;margin-left:11px;display:none !important;}  #logo11 {margin-top:10px;margin-left:10px;}    #logo12 {margin-top:10px;margin-left:11px;}  
#logo13 {margin-top:10px;margin-left:11px;}   #logo14 {margin-top:10px;margin-left:11px;}  #logo15 {margin-top:10px;margin-left:11px;}    #logo16 {margin-top:10px;margin-left:11px;}  

.showLink div {width:144px !important;
height:94px !important;display:block;}
.hideLink {margin:0  0 0 0 !important;padding:0 0 0 0;background:transparent;WIDTH:140px;}
ul#proyectos {
right:8px;}
.rolloverte-subtitle {font-size:8px !Important;line-height:160%;display:inline;}

.noesta {display: none;height:172px;text-decoration:none !important;background:transparent;width:144px !important;
height:94px !important;overflow:visible;
float:left !important;
border:0;
-webkit-border-radius: 8px;  
-moz-border-radius: 8px;  }

.rolloverte-title {padding-bottom:4px;font-size:10px !important;display:inline;}
.rolloverte-mascara .rolloverte-subtitle,.rolloverte-mascara .rollover-description{font-size:10px;line-height:100% !important;}
.rolloverte-mascara div.rolloverte-content{padding:0 0 0 10px !important;}
.rolloverte-content br {display:none}
 div.rolloverte-content{padding:0 0 0 10px !important;}
}
/* Fin Landscape */


#cabecera div a.tel {float:right;margin-right:40px;font-size:70%;line-height:180%;}