/* -- Reconfigurar formatos predeterminados dos navegadores -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}

address {font-style: normal;}
input {color:#585755; background:#FFF; border:1px solid #e0e0e0;font-family:  Arial, serif; padding:2px;} 
textarea, select {color:#585755; background:#FFF; border:1px solid #e0e0e0;font-family:  Arial, serif;padding:2px;}

/* General                                         
--------------------------------------------------------------------------------------------------------- */
body { background: url(../gr/fondo5.png) repeat-x  #0D0D0D; margin: 0px; padding: 0px 0 5px 0 ; font-family:  Arial, Helvetica, sans-serif;  font-size: 80%; color: #706f6e; }
br { clear: both; line-height: 1px; height: 1px; font-size: 1px; margin: 0; padding: 0; }


/* Enlaces                                         
--------------------------------------------------------------------------------------------------------- */
a { color: #555; text-decoration: none; }
a:visited {  text-decoration: none; }
a:hover {color: #FFBF00; text-decoration: none; }
a img { border:none; text-decoration: none;}

/* Tipografias Base

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

h1{font:bolder  2.1em/1.4em Arial, Helvetica, sans-serif;color: #333;padding:0.4em 0 0.4em 1.0em;margin:0 0 0.5em 0; background:url(../gr/logo2.gif) left top no-repeat; border-bottom:1px solid #F0F0F0;}
h2 { font: normal 1.2em/1.5em Arial, Helvetica, sans-serif; color:#777; padding: 0.2em 0 0.5em 0 ; }
h3 { font: normal 1.2em/1.3em Arial, Helvetica, sans-serif; color: #666; padding: 0 0 0.1em 0;}
h4 { font: normal 1em/1.4em Arial, Helvetica, sans-serif; color:#777; padding:0; text-transform:uppercase;}
p, dd { font-size:  1em; line-height:1.5em ;}
.breadcrumbs { margin:1em 0 0 0;font-size:0.9em;padding:0; font-family:Arial, Helvetica, sans-serif;}
.breadcrumbs-caja { width: 440px; float:left;}
#hilo{ margin:0; padding:0; height:35px;border-bottom:1px solid #F0F0F0;}
.volver { float: right; width: 50px; margin:1.2em 0 0 0;font-size:0.9em;}


/* Layout                                                 

--------------------------------------------------------------------------------------------------------- */
#accesibilidad{display:none;}
#contenedor { width: 760px; margin: 0 auto;  text-align: left; background: url(../gr/fondo-contenedor.gif) bottom left no-repeat #f5f5f5; padding: 5px 5px 5px 5px; border-bottom:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; }

#top { width: 760px;  background: #fff; text-align: left; padding: 0 0px 0px 0px;  height: 301px;}
#top .col-izq { padding: 0px 0 0 0;width: 218px;border-top: 1px solid #ccc;  border-left: 1px solid #ccc;border-right: 1px solid #ccc; float:left;}
	.logo { padding: 25px 0 0 5px; width: 204px; height:109px;}
#top .col-der {width: 535px ; height: 300px; padding: 0; float:right;}


#cuerpo { margin: 0px 0 0 0; padding: 0 0 0px 0px;width:760px; }
#menu {display: block; width:218px; float: left; margin:10px 0 0 0;  }
#menu-3{margin: 5px 0 0 0;padding:0 0px 10px 0px ;width: 218px; float: left; display: block; background: #fff; border: 1px solid #ccc;}


#columna-izq { float: left;width: 760px; height:300px }
#index {float: right;width: 503px;  padding: 0px 15px 30px 15px; background: #fff; margin: 5px 0 5px 0;border: 1px solid #ccc;}
#contacto {float: right;width: 485px; padding: 0 10px 30px 10px; background: #fff; margin: 5px 0 5px 0; }
#secciones-motor { float: right;width: 503px;  padding: 0px 15px 30px 15px;background: #fff; margin: 5px 0 5px 0;border: 1px solid #ccc;}
#secciones-motor img{ float: right; padding: 0 0 15px 15px; width:40%;}
#secciones-ficha{ float: right;width: 503px; padding: 0px 15px 30px 15px; background: #fff; margin: 5px 0 5px 0;border: 1px solid #ccc;}
#productos {float: right;width: 503px;  padding: 0px 15px 30px 15px; background: #fff; margin: 5px 0 5px 0;border: 1px solid #ccc;}
#servicios { float: right;width: 503px; padding: 0px 15px 30px 15px; background: #fff; margin: 5px 0 5px 0;border: 1px solid #ccc;}
#listado { float: right;width: 503px;  padding: 0px 15px 30px 15px; background: #fff; margin: 5px 0 5px 0;border: 1px solid #ccc;}
#mapa {float: left;width: 470px;  padding: 0px 15px 10px 15px; background: #fff; margin: 5px 0 0 0;}

#localizacion { float: right;width: 503px;padding: 0px 15px 30px 15px;background: #fff; margin: 5px 0 5px 0;border: 1px solid #ccc;}
#datos-location {float: right;width: 452px; margin:0px 0 0 0; padding:0 0 0 51px}

#c-izq { width: 306px; margin:0; padding:0; float:left;}

.c-derch { width: 187px;  margin:0px 0 0 0; padding:25px 0 0 0; float:right; display:block;   }
.c-derch .titulo { width: 182px; background: url(../gr/fondo-barras.gif) repeat-x #6b6d70 ; margin:0 0 5px 0; padding:1px 0 0 5px;  color:#fff; height: 21px; color:#fff;}
.c-derch .titulo h3{ color:#fff;}
.c-derch .corpo { padding: 5px;background:#f5f5f5;  }
.c-derch .corpo ul{ padding:0;border: #ccc;}
.c-derch .corpo li{ padding: 5px 0 5px 5px; }
.c-derch .corpo li a{padding: 0 0 0 17px; background: url(../gr/bullet2.gif) no-repeat left;}
.c-derch .corpo li a:hover{ cursor:pointer; padding: 0 0 0 17px; background: url(../gr/bullet.gif) no-repeat left;}

#c-derch .sevices-index { width: 182px;margin:0; padding:0 0 0 5px; float:left; color:#222; text-align:left;}
#c-bottom {width: 503px; margin:0px 0 0 0; padding:0; float:left;}

#listado-index { float: right;width: 503px; margin: 20px 0 0 0;   }
.title-index { background: url(../gr/fondo-barras.gif) #6b6d70 ;  margin:  0 0 15px 0;padding:1px 0 0 5px;height: 21px;}
.title-index h3{ color:#fff;}
.texto-index { text-align:left; width:146px;float:left; padding:5px 5px 0 2px; }
.item-index {width:160px; margin: 0 0 5px 0; padding: 0px 0px 0px 7px;  float: left;}
.foto-index { width:150px;height:70px; float:left; border: 1px solid #ccc;  padding: 1px 1px 1px 1px;background: #fff;}
.separador-index {background:url(/gr/puntos-h.gif) repeat-x 0px 10px;height:25px;display:block; width:100%; overflow:hidden; clear:both;}



#pie { width:740px; margin:5px 0 0 0; padding:0px 10px 0px 10px; clear: both; height: 50px; background: #444; color:#fff;font-size:12px;}
#pie .padding { padding: 10px 0 0 0; margin: 0;}
#pie .datos {float:left; width:440px; color:#fff;}
#pie .datos a  {color:#fff; }
#pie .datos a:hover {color: #FFBF00}
#pie .links { float: right;color:#fff;}
#pie ul { width:300px; margin:0; list-style:none; padding: 0;}
#pie ul.left {float: right;padding:20px 0 0 0;}
#pie ul.right { text-align:right; float: right;font-size:0.9em;}
#pie ul.right li { float:right;  padding:0.3em; }
#pie ul.right li a:hover{color: #FFBF00;  }
#pie ul.right li:hover { float:right;  padding:0.3em; text-decoration:underline; color: #FFBF00;  }
#pie li {  margin:0 2px 4px 0; padding:0; }
#pie li a { color:#fff;}


#menu li a   {color:#fff;}
#menu li { float: left;width:218px;  height:26px; }
#menu li a {padding:5px 0 0px 12px ; float:left; width:206px; height:20px; border-top: 1px solid #f0f0f0; background:url(../gr/fondo-boton.gif) no-repeat;}
#menu li a:hover { background: url(../gr/fondo-menu.gif) repeat-x #6b6d70 ; text-decoration:none;padding:5px 0 0px 12px ; float:left; width:206px; border-top: 1px solid #f0f0f0; }
#menu li .sel{ background: url(../gr/fondo-menu.gif) repeat-x #6b6d70 ; text-decoration:none;padding:5px 0 0px 12px ; float:left; width:206px; border-top: 1px solid #f0f0f0;  }

#menu-3 ul {  margin: 1em 0.8em 0 0; padding:0; list-style: none; }
#menu-3 li { margin: 0; padding: 0 0 0.6em 0.9em;  display: block; }
#menu-3 li a{ display: block; margin: 0; padding: 2px 0 5px 15px;background: url(/gr/bullet2.gif) 0 0.4em  no-repeat; color:#666;  }
#menu-3 li a:hover{ display: block; margin:0; padding: 2px 0 5px 15px;background: url(/gr/bullet.gif) 0 0.4em no-repeat;color:#FFBF00; 
}
#menu-3 li a.sel {display: block; margin:0; padding: 2px 0 5px 15px;background: url(/gr/bullet.gif) 0 0.4em no-repeat;color:#FFBF00;}


.separador{height:30px ; margin:0; display:block; width:100%;overflow:hidden; clear:both;}
.separador-2 {background:url(/gr/puntos-h.gif) repeat-x 0px 10px;height:30px;display:block; width:100%; overflow:hidden; clear:both;}
.separador-3{background:url(/gr/puntos-h.gif) repeat-x 0px 4px; height:10px ; margin:0; display:block; width:90%;overflow:hidden; clear:both;}

.texto{ text-align:left; width:340px;float:right; padding:0 10px 0 10px;height: 79px; }
.texto h3{ font: normal 1.3em/1.3em Arial, Helvetica, sans-serif; padding: 0 0 0.3em 0; }
.item {width:493px; margin: 0 0 15px 0;background: #fff; padding: 6px 6px 6px 6px; height: 79px;}
.foto img{ width:123px;height: 75px; float:left; border: 1px solid #ccc;  padding: 1px 1px 1px 1px;background: #fff; overflow:hidden;}
.mediana  { padding: 10px 1px 10px 10px; float: right; width:300px; height:176px;}
.mediana  img{ border: 1px solid #ddd}
.mediana2 { width: 503px;  padding: 5px 0px 5px 0px; float: right;}

/*Listado trabajos relacionados
--------------------------------------------------------------------------------------------------------- */
#listado-relacionados { float: right;width: 505px; margin: 20px 0 0 0; background: #f5f5f5;  }
#listado-relacionados h2 { color:#fff; padding: 0 0 0 4px; }
#listado-relacionados h3 { color:#555; padding: 0 0 0 2px;}
.title { background:#333; color:#fff; margin:  0 0 15px 0;border-bottom: 5px solid #fff;}
.texto2 { text-align:left; width:146px;float:left; padding:5px 5px 0 2px; }
.item2 {width:160px; margin: 0 0 15px 0; padding: 0px 0px 0px 7px;  float: left;}
.foto2 { width:150px;height:70px; float:left; border: 1px solid #ccc;  padding: 1px 1px 1px 1px;background: #fff;}

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

#contacto .item2 {margin:0 10px 10px 0;width:490px;}
#contacto label {width:130px;display:block;float:left; text-align:right;padding:0 20px 0 0;}
#contacto .campotexto {width:320px;}
#contacto .bts {padding:0 25px 0px 0px; float: right;}
#contacto .bts p {font-size:0.9em;}
#contacto .boton{background:#FFF;}
#contacto .boton:hover{background:#CCC;color:#FFF;}
#contacto textarea {width:320px;}
#contacto .dir {font-size:1em; margin:0.3em 0 0 0;}

.obligatorio { color: #990000; font: 12px Georgia, "Times New Roman", Times, serif; }

/*paginacion                                                          
--------------------------------------------------------------------------------------------------------- */
.pag{ width:100%;  margin:0 0 0 0;clear:both;	float:left; padding:5px 0 5px 0; display:block;}
.pag ul { margin:0; list-style:none; padding: 0; }
.pag li a{ float:left; display:block; padding: 0px 6px 0px 6px;	 font-size:1em; }
.pag li { float:left;  margin:0 2px 0 2px; padding:0;  }
.pag li  a:hover {}