@charset "utf-8";
/*******************************************
HOJA DE ESTILOS CREADA POR LEUNAM GESTION http://www.leunam.com
PARA DECHAVESGARAGE.COM https://dechavesgarage.com
CSS Document
************/
* {  margin: 0 auto;  padding: 0;}
.visible{display:block;}
.novisible{display:none}

a /*, a:visited */ {  color: #000; text-decoration: none;}
a:hover {color: #ff9900; text-decoration: none;}

h1, h2
{background-color: transparent; color: Gray;	text-align: left; text-transform:uppercase;	font-family: Arial, Verdana, serif, Times, "Lucida Sans",  sans-serif;}

p {text-align: justify; margin-top:5px;}
ul {list-style-type:none; /* margin-top: 10px; */}

li { margin-left:1em; /*list-style:outside url(../imagenes/bg_li.gif);margin-top: 3px;*/ }
img {border:0;}

fieldset { border: none }
legend, hr { display: none; }
input, textarea { padding-left: 2px; font-family: Arial, Helvetica, sans-serif; }
ol, form,  h3  {margin: 0px; padding: 0px; list-style-type: none; }

table {display:table; border:0; padding:0; margin:0;border-collapse:collapse; /*para el cellspacing=0*/}
td, th { display:table-cell;}
tr {display:table-row;}

/********************************************
Cuerpo y HTML
*********************************************/
body
{margin: 0;	padding:0;	font: 70%/140%  Verdana, Arial,Times,  "Lucida Fax",  sans-serif; font-size: 11px;	color: #777777; background-color: #efefef; }
* html {  width: 100%; }

/********************************************
Contenedores
*********************************************/
div#grancontenedor { width: 900px;}/*contenedor de toda la pagina*/
div#contenido { float: none;  width:900px;}

/*******************************
CABECERA: MENUS Y LOGO
********************************/
div#cabecera
{  display: block;  float: none;  width: 900px;  height:90px;margin:0; font-family: Arial, Verdana, serif, Times, "Lucida Sans",  sans-serif;  font-size: 11px; 
  background-image: url(../images/bg/bg_cabecera.gif);}
div#zonamenus , div#updatelo, div#subMenuDw ul li
{font-family: Arial, Verdana, serif, Times, "Lucida Sans",  sans-serif; font-size:11px;}

/*Area Logotipo
**********************/
div#logo, #logo_en { float:left;  height: 90px;  width: 308px;}
div#logo h1, #logo_en h1 {  float: left;  text-indent: -9999px;}
div#logo h1, div#logo h1 a, div#logo h1 a:hover {display:block; background: url(../images/icos/logo_merge1.gif) 0px 0px no-repeat; height:90px;width: 308px;}
/*para el ingles*/
div#logo_en h1, div#logo_en h1 a, div#logo_en h1 a:hover {display:block; background: url(../images/icos/logo_merge1_en.gif) 0px 0px no-repeat; height:90px;width: 308px;}


/*Area Menus y Submenues
*****************************/
div#zonamenus {float:right; width:550px;height:90px;margin:0;}
div#menus {  width: 550px;  margin: 0px 0px 0px 0px; float:right; margin-top:38px;}
div#submenus { margin: 0px 0px 0px 0px;  float:right; }

div#menus ul { width:425px;  float: right; display:block;
} /*425 sin BLOG 490 con blog*/
div#submenus ul {float: right; display:block; }
.ul220{display:block; width:220px; background: url(../images/bg/lin_sub1.gif) 0 no-repeat;  padding-left:22px;}
.ul110{display:block; width:140px; background: url(../images/bg/lin_sub1.gif) 0 no-repeat;  padding-left:24px;}
.ul510{display:block; width:260px; background: url(../images/bg/lin_sub1.gif) 0 no-repeat;  padding-left:22px;}

div#menus ul li {float: left; margin: 2px 0px 0px 0px; width: 80px; text-align: center;	padding-left: 1px; list-style: none; }
div#submenus ul li {float: left; margin: 2px 0px 0px 0px;width:30px;text-align: center;	padding-left: 1px; list-style: none;  font-weight: bold;	color: #ff9900;}
div#submenus ul li.tituloSub {display:block;	min-width:124px; font-size: 1.0em;}
div#submenus ul li.tituloSubcorto {display:block;	min-width:50px;}
div#menus ul li a, div#submenus ul li a, div#subMenuDw ul li a
{  background-color:transparent; color:#000000; display: block; padding: 0px 0px 0px 0px; 
  font-weight: bold; text-decoration: none;  text-transform: uppercase;   }
div#menus ul li a:hover , div#subMenuDw ul li a:hover { color: #ff9900}
div#submenus ul li a:hover { color: #ff9900;text-decoration:underline;}
div#menus ul li a.actual, div#menus ul li a.actual:visited, div#menus ul li a.actual:hover, div#submenus ul li a.actual { display:block;font-weight: bold;	color: #ff9900; border:none;}


/*************************************
CONTENIDO: IMAGEN SUPERIOR Y TEXTOS
************************************/
div#contenidoimagen { margin-top:0px; text-align: center;  float: none; }
div#imgAdicional {display:block; clear:both; padding:10px 0px 10px 0px; text-align: center;  float: inherit; /*width: 900px; */ /*height:379px;*/}
div#imgAdicional.aRight{	text-align:right;width:100%;clear:both; margin-top:-20px;}
.mgbt20 img {	margin-bottom:20px;}
.mgbt01 img {	margin-bottom:1px;}

/*ROLLOVER'S*/
/*en e06 el rollover de las medias imagenes*/
.rollE06 { background: url(../images/projects/E06_21.jpg) no-repeat 10px 10px; height:380px;width:875px; float:none; }
.roll599 { background: url(../images/projects/599bl_41.jpg) no-repeat 0px 10px; height:503px;width:865px; float:none; }
div#imgAdicional.rollE06 img {float:left; margin-top:22px; margin-left:28px;	width:380px;height:335px; cursor: default; }
/*en prototype rollover de las imagenes inferiores*/
.rollPR1 {  background: url(../images/projects/prototype_11.jpg) no-repeat 10px 10px; height:468px;width:866px; float:none; }
div#imgAdicional.rollPR1 img {float:left; margin-top:0px; margin-left:10px;	height:458px; width:856px;cursor: crosshair; }
.rollPR2 {  background: url(../images/projects/prototype_21.jpg) no-repeat 10px 10px; height:468px;width:866px; float:none; }
div#imgAdicional.rollPR2 img {float:left; margin-top:0px; margin-left:10px;	height:458px; width:856px;cursor: crosshair; }

/*tohqi prototipo*/
 .tohqiPR1 {  background: url(../images/projects/tohqip_11.jpg) no-repeat 10px 10px; height:458px;width:866px; float:none; }
div#imgAdicional.tohqiPR1 img {float:left; margin-top:0px; margin-left:10px;  height:448px; width:856px;cursor: crosshair; }
.tohqiPR2 {  background: url(../images/projects/tohqip_21.jpg) no-repeat 10px 10px; height:517px; width:866px; float:none; }
div#imgAdicional.tohqiPR2 img {float:left; margin-top:0px; margin-left:10px; height:507px; width:856px;cursor: crosshair; }
 .tohqiPR3 {  background: url(../images/projects/tohqip_31.jpg) no-repeat 10px 10px; height:690px;width:866px; float:none; }
div#imgAdicional.tohqiPR3 img {float:left; margin-top:0px; margin-left:10px;	height:680px; width:856px;cursor: crosshair; }


/*tohqi cad*/
.tohqicPR1 {  background: url(../images/projects/tohqic_11.jpg) no-repeat 10px 10px; height:487px;width:866px; float:none; }
div#imgAdicional.tohqicPR1 img {float:left; margin-top:0px; margin-left:10px;  height:477px; width:856px;cursor: crosshair; }
.tohqicPR2 {  background: url(../images/projects/tohqic_21.jpg) no-repeat 10px 10px; height:487px; width:866px; float:none; }
div#imgAdicional.tohqicPR2 img {float:left; margin-top:0px; margin-left:10px; height:477px; width:856px;cursor: crosshair; }
.tohqicPR3 {  background: url(../images/projects/tohqic_31.jpg) no-repeat 10px 10px; height:683px;width:866px; float:none; }
div#imgAdicional.tohqicPR3 img {float:left; margin-top:0px; margin-left:10px;	height:673px; width:856px;cursor: crosshair; }
.tohqicPR4 {  background: url(../images/projects/tohqic_41.jpg) no-repeat 10px 10px; height:560px;width:866px; float:none; }
div#imgAdicional.tohqicPR4 img {float:left; margin-top:0px; margin-left:10px;  height:550px; width:856px;cursor: crosshair; }
.tohqicePR4 {  background: url(../images/projects/tohqice_41.jpg) no-repeat 10px 10px; height:560px;width:866px; float:none; }
div#imgAdicional.tohqicePR4 img {float:left; margin-top:0px; margin-left:10px;  height:550px; width:856px;cursor: crosshair; }

/*Zona de textos bajo imagen
******************************/
div#tabUp{  margin:10px 0px 0px 0px;}
div#tabUp2{  margin:1px 0px 0px 0px;  }
div#tabDw{  margin:0px 0px 10px 0px;}
.linTab { background:  url(../images/bg/lin_up1.gif) no-repeat 0px 0px; height:21px; width: 900px; display:block;float:left; }
.linName {background: url(../images/bg/lin_dw1.gif) 0px 0px no-repeat; height:24px; width: 900px; display:block;float:left;}

.txtHome{ background: transparent url(../images/bg/lin_lat1.gif) repeat-y 0px 0px; width: 760px; padding:0px 0px 0px 130px; float:left; font-size:11px; display:block;  }
.blabla {margin-top:30px;margin-right:22px;margin-bottom:14px; }
.blabla_home {margin-top:10px;margin-right:22px;margin-bottom:14px;display:block; float:left;  }

.blabla_home a{
color: #777777;
text-decoration:underline;
}
.blabla_home a:hover{
text-decoration:underline;
color: #ff9900;
}
div#updatelo{float:left; width:240px; color: #606060;font-weight: bold; text-align:left;}
div#subMenuDw {width:500px; float:right; color:#000;font-weight: bold;  display:block;	  }
div#subMenuDw ul { width:190px;  float: right; display:block; }
div#subMenuDw ul li {float: left; margin: 0px 0px 0px 0px; width: 80px; text-align: right;	padding-right: 5px; list-style: none; border-right:1px solid #ccc}
 div#subMenuDw span { width:290px;  float: right; display:block; margin: -2px 0px 0px 0px;
 text-align: right;	padding-right: 5px; font-family: Arial, Verdana, serif, Times, "Lucida Sans",  sans-serif; font-size:11px;}


#marca{
float:left; height:30px; line-height:30px;  padding-right:84px; 	 font-weight:bold; color:black;   background: transparent no-repeat url(../images/icos/logo_pie.gif) right;width:680px; text-align:left;
}
#marca span a{margin-right:0px; width:350px; color: #777777; font-weight:normal;  text-align:left;   display:block;float:left;}
#marca span a:hover{color: #ff9900;  text-decoration:underline;  }
#marca .taba{
float:left;
  text-align: left;
  font-size:23px;
  width:auto;
  border-right: 1px #929292 solid;
  padding-right: 20px;
  padding-left: 0px;
  color:white;
  margin-right:18px;
  text-shadow: 0.03em 0.04em 0.05em #333 ;
   line-height: 30px;
   height: 33px;
}

/*banderas*/
#contenedor_bandera{ background:  url(../images/bg/lin_lat1.gif) repeat-y 0px 0px; width: 760px; padding:20px 0px 0px 130px; float:left;font-size:11px; display:block;  height:1px; }
#contenedor_bandera.favo
{	margin-top:7px;}
#contenedor_bandera_home{ background:  url(../images/bg/lin_lat1.gif) repeat-y 0px 0px; width: 760px; padding:0px 0px 0px 130px; float:left;font-size:11px; display:block;  height:1px;/* margin-top:-20px;  */}

#bandera
{position:absolute; height:20px; width:90px;margin-left:-130px; margin-top:-20px; float:left; display:block; }	  

#bandera.english
{background-image: url(../images/bg/banderaEN_on.gif);}	
#bandera.english a
{ height:20px; width:90px;display:block; float:left; background-image: url(../images/bg/banderaEN_off.gif);}
#bandera.english a:hover
{	background-image: url(../images/bg/banderaEN_on.gif);}

#bandera.spain
{ background-image: url(../images/bg/banderaSP_on.gif);}	
#bandera.spain a
{ height:20px; width:90px;display:block; float:left; background-image: url(../images/bg/banderaSP_off.gif);}
#bandera.spain a:hover
{	background-image: url(../images/bg/banderaSP_on.gif);}


/*CAPA SKETCHES
*******************/
.capa_abrir {	margin-top:14px}
.capa_abrir a {	color: #ff9900;}
#capa_uso { margin-top:10px;}
#capa_uso a { background-color:#efefef; }
#capa_uso p { margin-bottom:0.7em;}
#capa_privacidad 
{padding:3px 5px 5px 0px;background-color:#efefef; border:1px dotted #ccc;}
#ventana_privacidad{ float:right;}

/******************************************
IMAGENES
******************************************/
div#fondoview
{width:845px; height:545px; background: url(../images/bg/bg_view.gif) 0px 0px no-repeat; }
div#nombreMoto{ width:840px; margin:5px 0px 5px 1px; float:left;height:18px;   }
div#nombreMoto table {width:830px;}
div#nombreMoto table tr td {padding:0px 10px 0px 10px;  padding-top:3px; }
div#nombreMoto table tr td a{color:#fff;  text-align:center; font-weight: bold; }
div#nombreMoto table tr td a.actual, div#nombreMoto table tr td a:hover  {color:#ff9900;}

div#nombreHistory{  width:740px; margin:5px 0px 5px 100px; float:left;height:18px;   }
div#nombreHistory table {width:720px; }
div#nombreHistory table tr td {padding:0px 10px 0px 10px;  padding-top:3px; }
div#nombreHistory table tr td a{color:#fff;  text-align:center; font-weight: bold;}
div#nombreHistory table tr td a.actual, div#nombreHistory table tr td a:hover  {color:#ff9900;}

div#zonafotos{	width:820px;}
div#fotosMini{	float:left;width:75px;/*padding:30px 15px 2px 15px;  */ }
div#fotosMini ul {width:75px; display:block; /*padding-top:20px;*/margin-top:15px;}
div#fotosMini ul li {list-style: none;  margin: 0px 0px 9px 0px;}
div#fotosMini ul li a img{	/*display:block; */border: 1px solid black;}
div#fotosMini ul li a:hover img, div#fotosMini ul li a.actual img{border:1px #DCDCDC solid;}
div#fotoBig {	float:right;margin-top:13px;}


/************************
LINKS, libros, software
*************************/
div#fondolinks
{width:845px; height:545px; background: url(../images/bg/bg_links.gif) 0px 0px no-repeat;}
.zonaTitulos {width:155px; margin:2px 0px 10px 0px; float:left; display:block; height:506px; padding-left:2px;}
.zonaTitulos ul {width:130px;}
.zonaTitulos ul li {color: #fff; }	
.zonaTitulos ul li a{color: #fff;  height:23px; /*20 sin movto capa*/ display:block; }	
.zonaTitulos ul li a:hover, .zonaTitulos ul li a.actual{color: #ff9900;}	
.zonaTitulos ul li.titulo{color:#ff9900; font-weight: bold;  margin-bottom:8px; margin-left:2px; padding-top:14px;}		

/*mover las capas del software*/
div#fijando{ float:left;display:block; position:relative; height:506px; width:154px; overflow: hidden;	z-index:100;}
div#item_mover{ float:left; width:400px; overflow: hidden; z-index:10; }
div#capa1, div#capa2 {float:left; display:block; width:150px; height:506px; }

div#masSoft{ float:right; }
div#masSoft2 { float:left; }
div#masSoft span, div#masSoft2 span{color:#000; font-weight: bold; height:14px; vertical-align: super; }
div#masSoft a:hover span, div#masSoft2 a:hover span {color:#ff9900;  }

/*zona central de favoritos*/
div#zonaBla {float:left; width:470px; height:506px;  color:#fff;  margin: 22px 12px 20px 30px; text-align:justify; line-height:16px;}	
div#line30 a{color:white;}
div#line30 a:hover{color:#ff9900; }
div#line30{line-height:26px; display:block; margin-top:14px;}
div#fotoBla{display:block;}

	
/**************************
PIE: CREDITOS Y VALIDACIONES
***************************/
div#pie { float:none; width:858px; overflow: hidden;}
div#pie h2 { display: none;}
div#centropie {display:block; float:left;	width:858px;padding-bottom:8px;font-size:0.9em; }
div#centropie a, #centropie {	color: #D3D3D3;}
div#copyright {	margin-left:190px;	color: #D7D7D7;}
div#menupie {  float: left; text-align: left; width:300px;}
div#menupie a { padding-right:6px;}
div#menupie a:hover {text-decoration: underline;color: #ff9900;}
div#w3c {text-align: right;}
div#w3c a { margin:0px 4px 0px 4px;}
div#w3c a:hover { margin:0px 4px 0px 2px; border:1px solid #ff9900; text-decoration:none;color: #993333;	background: #FFD700;}

/*CV
*****/
.cv { color: #666666;  font-size: 11px;	font: 90%/160%  Verdana, Arial,Times,  "Lucida Fax",  sans-serif; font-weight: bold;}
.cvnobold
{color: #666666;  font-size: 11px;	font: 90%/160%  Verdana, Arial,Times,  "Lucida Fax",  sans-serif; font-weight: normal;display:block; float:left; }
.tdRaya
{/*display: block; float:left; */	border-bottom: 1px solid #666666;font-weight: bold;height:20px;}
/*quitar al finalizar el nuevl*/
.txtCv{ background: transparent url(../images/bg/lin_lat1.gif) repeat-y 0px 0px; float:left; font-size:11px; display:block; width: 760px; padding:0px 0px 0px 130px;overflow:hidden;  }

/*nuevo cuv*/
#tableCV
{color: #666666;  font-size: 11px;	font: 90%/160%  Verdana, Arial,Times,  "Lucida Fax",  sans-serif; font-weight: normal;display:block; float:left; width: 760px;  padding:3px 0px 10px 0px;   }
.titulo_Cv
{ display:block; float:left; 	border-bottom: 1px solid #666666;font-weight: bold;height:20px;margin-bottom:14px; width:730px;margin-top:20px;}
.drcha{float:left; display:block; width:530px; line-height:20px; }
.izda{float:left; display:block; width:200px;line-height:20px;}

/*************************
CONTACTAR
*************************/
#container_contact
{background: url(../images/bg/bg_contact.gif) 0px 0px no-repeat;width:845px;height:445px;clear:both; margin:auto;padding-top:30px;}
div#contact {
/*padding-top:30px; /*padding-left:70px;*/}
#contact form { margin-bottom: 10px;  }

#contact #subject 
{ float: left; width: 240px; padding: 0 15px 0px 70px; margin-top: 15px; color: #DCDCDC; }
#contact #subject h3{ font-size:18px;font-weight:bold; }

/*		#contact #subject a:hover { text-decoration: underline; }*/
#contact span 
{ font-size: 90%; font-weight: normal; padding: 23px 0 32px 0; display: block; color:white; }
#contact form label.sinerror
{ display: block; font: bolder 96%/140% Verdana,  Arial,Times,  "Lucida Fax",  sans-serif;/*  font-size: 12px; */margin-bottom: 3px; margin-top:20px; color: white;}
#contact form label.conerror
{ display: block; font: bolder 96%/140% Verdana,  Arial,Times,  "Lucida Fax",  sans-serif;/*  font-size: 12px; */margin-bottom: 3px; margin-top:20px; color: #8C2222;}

#contact form textarea 
{ width: 340px; height:100px; font-size: 110%; border: 1px solid #ccc; margin-bottom:30px;}	

.select {font-size:12px; width:180px; height:21px;line-height:22px;padding-top:2px;}
.select option { padding-top:2px;
  height:22px;
}

#contact form #message  { margin: 20px 0; padding-left: 50px; display: block; float: left; width: 390px; color:#333;}
#contact form .button { width: 110px; height:18px; margin-bottom:1px;font-weight: bold; font-size:11px; float:right; margin-right:46px;}
#contact form .input { width: 340px; font-size: 110%; border: 1px solid #ccc; height:20px;}



/*botones de form*/
.zona_boton{
display:block;
float: right;
height: 38px;
margin-bottom:10px;
line-height:38px;
vertical-align: middle;
}
.boton_form{
width:200px;
margin:auto;
display:block;
border: 1px solid #444240;
text-align:center;
line-height: 28px;
color: #f1f1f1;
background-color: #727272;
 font-family: Verdana, Arial,Times,  "Lucida Fax",  sans-serif;
font-size: 11px;
padding-bottom: 2px;
}


*:first-child+html .boton_form  {
line-height:18px;
border:none;
}
.boton_form:hover{
display:block;
background-color: #C1BEBD;
color: #444240 !important;
cursor: pointer;
}
.lh32_form{
 height:32px;
 }
 .wsubmit{
width:246px;
}

#error1 { width:500px; font-weight: bold; font-size: 100%; color:#8C2222;text-align:center;margin: auto;}
#sinerror1 { width:500px; font-weight: bold; font-size: 130%; color: #FFD700;text-align:center;margin: auto;}


/****************
VARIOS
*****************/
#salto_30 {display:block;   /*margin-top:50px;*/	height: 30px;}
.padleft5 {	padding:0 0 0 5px; display:block;}