/* Resets                                                            
--------------------------------------------------------------------------------------------------------- */
ul {list-style:none; }
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,label {margin:0; padding:0; }
a img,:link img,:visited img {border:none; }
:link,:visited {text-decoration:none; }
address {font-style:normal; }
br { clear:both; line-height:1px; height:1px; font-size:1px; margin:0; padding:0; }

/* Generales                                                            
--------------------------------------------------------------------------------------------------------- */
body { margin: 0px 0 15px 0; padding: 5px 0 75px 0; text-align:left; background: #f0f0f0  ;font: 12px "Trebuchet MS",   Helvetica, Arial,  sans-serif; color: #555; }
br { clear: both; line-height: 1px; height: 1px; font-size: 1px; margin: 0; padding: 0; }
ul, ol { margin: 0; padding: 0; }
dl { margin: 0; padding: 0; }

input {color:#9f9f9f; background:#fff; border:1px solid #ccc;} 
textarea {color:#9f9f9f; background: #fff; border:1px solid #ccc; } 

.obligatorio { color: #d81823; }


/* Links                                                            
--------------------------------------------------------------------------------------------------------- */
a { color: #d81823; text-decoration: none;}
a:visited { color: #d81823; text-decoration: none;}
a:hover {color: #d81823; text-decoration:underline;cursor:pointer; outline:none;}
a img { border: none; text-decoration: none;}
a .sel {color: #d81823; text-decoration:underline;cursor:pointer; outline:none;}
.aviso{color:#d81823;}


/* Tipografias Base
--------------------------------------------------------------------------------------------------------- */
h1{font:normal 1.6em/1em Helvetica, Arial,  sans-serif;color: #333;padding:0 0 7px 0 ;margin:0 0 10px 0; border-bottom:1px solid #ccc; }
h2 { font: normal 1.4em/1.6em Helvetica, Arial,  sans-serif; color:#333; padding: 0 0 10px 0 ; }
h3 { font: normal 1.2em/1.2em  Helvetica, Arial,  sans-serif; color: #555; padding: 0;}
h4 { font: normal 1.1em/1.2em  Helvetica, Arial,  sans-serif; color: #555; padding: 0;}
p, dd { font: normal 1.0em/1.4em Helvetica, Arial,  sans-serif;}
.texto p{margin:0.4em 0 0 0;}
dt { font: bold 1.2em/1.5em  Helvetica, Arial,  sans-serif; }
.breadcrumbs { margin:0 0 10px 0; font-size:0.9em;padding:0; font-family: Helvetica, Arial,  sans-serif; float:left;width: 500px; }
.resaltado{color:#5E6066;font-weight:bold;}
.volver {font-family: Helvetica, Arial,  sans-serif; width:100px; float:right; text-align:right;}

/* Marcos                                                          
--------------------------------------------------------------------------------------------------------- */
.fondo-top { width:772px; height:20px;  float:left; background:url(/gr/fondo-top.png) bottom no-repeat;}
.fondo-pie { width:772px; margin:0 0 10px 0; height:22px;  float:left; background:url(/gr/fondo-pie.png) top no-repeat;}
#web {width:772px;margin:0 auto;   padding:0px 0 0 0;}
#contenedor {width:692px; background:url(/gr/fondo-contenedor.png) repeat-y ;   padding:20px 40px 0 40px; float:left; }
#cabecera  { float:left;    padding: 0;width:692px;  }
#grafico {width:692px;  height:181px;   padding: 0; float:left; margin: 10px 0 0 0;}
.logo {float: left; width: 256px; height:90px;}
.certificados {float: right; height: 66px; width: 150px; margin:15px 0 0 0;}
.animacion {float: left; height: 60px; width: 270px; margin:30px 0 0 0; }
.animacion img {float: right; }
#contenido   {width:672px; float:left; padding: 20px 10px 0 10px; background:#fff;   }
#caja {width: 670px; float:left; margin:0 0 5px 0; padding:0; border-bottom: 1px solid #ccc; height:20px;}
.hilo {width: 670px; text-align: left; padding: 0; }


#col-iqz { width:420px; float:left;}
#col-iqz img{ float:left; padding: 10px 20px 10px 0;}
#col-der { width: 215px;float:right;  padding: 5px 10px 5px 10px; border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf; background: #ddd url(../gr/fondo-caja3.jpg) top no-repeat;}
#col-der1 { width: 215px;float:right; padding: 0 10px 0 10px;}

.top-caja3 { width:237px; height:8px;float:right; background:url(/gr/top-caja3.jpg) bottom no-repeat; margin: 8px 0 0 0 ; }
.pie-caja3 { width:237px; height:8px;float:right; background:url(/gr/pie-caja3.jpg) top no-repeat; }

.col-iqz2 { width:237px; float:left;  }
.col-iqz2 img{ float:left; padding: 10px 20px 10px 0;}
#col-der2 { width: 420px; float:right;margin: 10px 0 0 0;}


#mapa {float:left;width:672px;}


.foto-detalles-serv {float:right; padding: 10px 0 10px 20px;}

/*pie---------------------------------------------------------------------------------------------------------*/
#pie {width:672px; float:left; margin: 30px 0 0 0; padding: 5px 10px 20px 10px; background:url(/gr/fondo-pie.jpg) top no-repeat; }
.datos { width:570px; float:left;}
.datos p {margin: 0 0 5px  0 ;}
.enlaces {width:102px; float:right;}
.enlaces li{ width:92px; text-align:right; height:20px; }

.producido { color:#888; font-style:italic; font-size:11px;}
.producido a { color:#888; font-style:italic;}
/*banners---------------------------------------------------------------------------------------------------------*/

#col-der1 .banner1  a {width: 217px;float:right; height:73px; margin: 0 0 5px 0; }
#col-der1 .banner2  a{ width: 217px;float:right; height:73px;   margin: 0 0 5px 0; }
#col-der1 .banner3  a{ width: 217px;float:right; height:73px;    margin: 0 0 5px 0;}

/*menu---------------------------------------------------------------------------------------------------------*/
#menus {width:692px; height:30px; margin: 10px 0 0 0; float:left;}
.redondeado-izq { width:8px; height:30px; float:left; background:url(/gr/gr-menu-izq.jpg)}
.redondeado-der { width:8px; height:30px; float:right; background:url(/gr/gr-menu-der.jpg)}
.menu { float:left; width: 532px; background:url(/gr/gr-menu-fondo.jpg) repeat-x; height:30px;}
.menu ul {float: left;height:30px;}
.menu li { float:left; display:block;    }
.menu li a {padding:0 ; float:left; padding: 8px 21px 0px 29px;text-transform:uppercase;font: normal 1.2em/1em "Trebuchet MS",  Helvetica, Arial,  sans-serif; color:#333;	}
.menu li a:hover { text-decoration:none; float:left;padding:8px 21px 0px 29px;color: #d81823; }
.menu li .sel{ text-decoration:none; float:left;padding:8px 21px 0px 29px;color: #d81823;  }

.menu2 { width:158px; height:30px; float: right; background:url(/gr/gr-menu-ftp.jpg) no-repeat;  }
.menu2 ul {float: right;height:30px; }
.menu2 li { float:right; display:block; width: 158px; height:30px;   }
.menu2 li a {padding:0 ; float:left; padding: 8px 25px 0px 25px; text-transform:uppercase;font: normal 1.2em/1em "Trebuchet MS",  Helvetica, Arial,  sans-serif;color:#fff;	}
.menu2 li a:hover { text-decoration:none; float:left;padding: 8px 25px 0px 25px;color: #333; }
.menu2 li .sel{ text-decoration:none; float:left;padding:8px 25px 0px 25px;color: #333;  }


/*menu lateral---------------------------------------------------------------------------------------------------------*/
.menu-lateral {margin: 0;  }
.menu-lateral ul { float:left; display:block;  width:217px;padding:5px 10px  100px 10px; }
.menu-lateral li { float:left; display:block;  width:207px; margin:3px 0 0 0; }
.menu-lateral li a {padding:4px 0 5px 15px ; float:left;font: normal 1em/1em  Helvetica, Arial,  sans-serif; background:url(/gr/bullet.gif) left no-repeat;}
.menu-lateral li a:hover { padding:4px 0 5px 15px ; float:left;background:url(/gr/bullet-hover.gif) left no-repeat; }
.menu-lateral li .sel{ padding:4px 0 5px 15px ; float:left;background:url(/gr/bullet-hover.gif) left no-repeat;}


/*Listados---------------------------------------------------------------------------------------------------------*/

#listado{ display:block;  float:left; margin: 10px 0 0 0;display:block; width:672px; }
#listado .item{float:left;width:310px;margin:5px 0 0 0;height:95px;display:block;padding:10px 10px 10px 15px;background:url(/gr/fondo-subservicio.jpg) top no-repeat;}
#listado .texto{text-align:left; width:190px;float:right; padding:3px 0 0 0; display:block;}
#listado .titulo-3 a{font: normal 1.2em/1em Helvetica, Arial,  sans-serif;  padding:0 ;}
#listado .titulo-3 a:hover{font: normal 1.2em/1em Helvetica, Arial,  sans-serif;  padding:0 ; text-decoration:underline; }
#listado .foto{  float:left; display:block; width:112px; padding: 5px 0 0 0; height:70px; overflow:hidden;  }
#listado .foto img{  margin:0; padding:0; width:112px;height:70px;}


#listado2{ display:block;  float:left; margin: 10px 0 0 0;display:block; width:672px; }
#listado2 .item{float:left;width:310px;margin:5px 0 0 0;height:95px;display:block;padding:10px 10px 10px 15px;background:url(/gr/fondo-subservicio.jpg) top no-repeat;}
#listado2 .texto{text-align:left; width:190px;float:left; padding:3px 0 0 0; display:block;}
#listado2 .titulo-3 a{font: normal 1.2em/1em Helvetica, Arial,  sans-serif;  padding:0 ;}
#listado2 .titulo-3 a:hover{font: normal 1.2em/1em Helvetica, Arial,  sans-serif;  padding:0 ; text-decoration:underline;}
#listado2 .foto{  float:right; display:block; width:112px; padding: 5px 0 0 0;height:80px; overflow:hidden;}
#listado2 .foto img{  margin:0; padding:0; width:112px;height:80px;}

/* Formulario                                                          
--------------------------------------------------------------------------------------------------------- */

#formulario {	padding: 0 0 0 0px;margin:20px 0 0 0; text-align:left; width:430px; display:block; float:left;   }
#formulario .item{padding:0 2% 0 0; margin:0 0 5px 0; text-align:left; width: 48%; float:left; display:block;  }
#formulario .item-2{padding:0 0 0 0; margin:0 0 5px 0; text-align:left; width: 100%; float:left; display:block;  }
#formulario .campo-texto{	width: 97%; margin:0 0 5px 0;	 }
#formulario .item label{ margin: 0 0 5px 0; width: 98%;	padding:2px 0 0 0; text-decoration:none; display:block;  }
#formulario textarea{width:97%; height:150px;  }
#formulario .form-bts{padding:0;margin:15px 0 0 0;float:left;text-align:right;width: 280px;}
#formulario select{ padding:2px;}
#formulario .item-submit{padding:0 2.5% 0 0%; margin:0 0 5px 0; text-align:left; width: 50%; float:right; display:block; text-align:right;  }
.submit{border:none;border:1px solid #ccc;}

#formulario .item span.aviso, #formulario .item-2 span.aviso {position:relative; color:#d53a35;}