/* 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:0; padding: 0; text-align:left; background: url(/gr/fondo-pie.jpg) bottom no-repeat; font: 11px  Arial, Helvetica,  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: #9D0D15; }


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


/* Tipografias Base
--------------------------------------------------------------------------------------------------------- */
h1{font:normal 1.7em/2em  "Times New Roman", Times, serif ;color: #9D0D15; margin: 0 0 10px 0; }
h2 { font:normal 1.7em/2em "Times New Roman", Times, serif;color: #9D0D15; margin: 0 0 10px 0;}
h3 { font:normal 1.5em/2em "Times New Roman", Times, serif;color: #9D0D15; margin: 2px 0 5px 0;}
h4 { font: normal 1.1em/1.2em Arial,  Helvetica,  sans-serif; color: #555; padding: 0;}
p, dd { font: normal 1em/1.7em Arial, Helvetica,  sans-serif;}
.texto p{margin:0.4em 0 0 0;}
dt { font: bold 1.2em/1.5em Arial,  Helvetica,  sans-serif; }

#caja {float: left; width:100%; margin: 0 0 5px 0;}
.breadcrumbs { margin:0 0 0px 0; font-size:0.9em;padding:0 0 0 2px; font-family: Arial, Helvetica,  sans-serif; float:left;width: 500px; }
.resaltado{color:#5E6066;font-weight:bold;}
.volver {font-family:Arial,  Helvetica,  sans-serif; width:100px; float:right; text-align:right; padding: 0 2px 0 0;}
.hilo { width:100%; float:left;border-bottom: 1px solid #bbb;}


.titulos-login  {font:normal 1.5em/2em "Times New Roman", Times, serif;color: #fff; margin: 2px 0 5px 0; float:left;}

/* Marcos                                                          
--------------------------------------------------------------------------------------------------------- */

#fondo-top { background:url(/gr/fondo-top.jpg) top no-repeat; float:left; width:100%;}

#contenedor {width:770px;   padding:20px 0px 0 0px; margin: 0 auto; }
#cabecera  { float:left; width:770px; margin: 0 0 10px 0 ; border-bottom: 1px solid #999; padding: 0 0 10px 0; }
#contenido { float:left; width:100%;}
.logo { float:left; }
#col-1 { width: 32%; float:left; padding: 0 0 20px 0;}
#col-2 { width: 65%; float: right;padding: 0 0 20px 0;}
.detalle-logo { margin:15px 0 0 0; width: 173px; height:167px; float:left; background:url(/gr/logogris.gif) no-repeat;}

.datos { float:left;}
.datos li{ float:left; padding: 0 0 5px 0; width: 245px;}


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


.separador { height:2px; border-bottom:1px dotted #ccc; margin: 10px 0 10px 0;}

#pie { margin: 20px 0 50px 0;border-top: 1px solid #999; height:200px; padding:10px 0 0 0; float:left; width:100%;}
#pie .datos {float:left; width:500px;}
#pie .datos a { font-size:13px}
#pie .enlaces { float:right; width:200px; }
#pie .enlaces ul { float:right; width:200px;}
#pie .enlaces li{ float:right; width:200px; text-align:right; padding: 0 0 5px 0;}

#accesos { width:225px; height: 70px; float:left;  margin: 10px 0 15px 0 ;}
#accesos a{ float:left; font-size: 18px; font-family:"Times New Roman", Times, serif; text-align:center;  }

/*menu ---------------------------------------------------------------------------------------------------------*/
.menu { float:right; width: 532px;  height:30px;  padding:90px 0 0 0;}
.menu ul {float: right;height:30px; padding: 0 3px 0 0;}
.menu li { float:left; display:block; padding: 0px 12px 0px 10px; font: bolder 1em/1.4em   Arial, Helvetica,  sans-serif;  }
.menu li a {padding:3px 5px 3px 5px; float:left;  text-transform:uppercase; color:#444; letter-spacing:1px;	}
.menu li a:hover { text-decoration:none; float:left;color: #fff;padding:3px 5px 3px 5px;background:#9D0D15; }
.menu li .sel{ text-decoration:none; float:left;color: #fff; background:#9D0D15; padding:3px 5px 3px 5px ;}


/*menu lateral---------------------------------------------------------------------------------------------------------*/
.menu-lateral {margin: 0; float:left; }
.menu-lateral ul { float:left; display:block;  width:230px;padding:5px 10px  10px 0px; }
.menu-lateral li { float:left; display:block;  width:100%; margin:0px 0 0px 0; padding:0px;font: normal 1.4em/1.4em  "Times New Roman", Times, serif ;  }
.menu-lateral li a {padding:4px 0 5px 25px ; float:left; background:url(/gr/bullet.gif) left top no-repeat;}
.menu-lateral li a:hover { padding:4px 0 5px 25px ; float:left;background:url(/gr/bullet-hover.gif) left  top no-repeat; }
.menu-lateral li .sel{ padding:4px 0 5px 25px ; float:left;background:url(/gr/bullet-hover.gif) left top no-repeat;}


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

#listado{ display:block;  float:right; display:block; width:500px; }
#listado .item{float:left;width:153px;margin:0 0 5px 0;height:155px;display:block;padding:0px 13px 0 0;background:url(/gr/fondo-subservicio.jpg) top no-repeat;}
#listado .texto{ width:153px;float:left; padding:3px 0 0 0; display:block; padding:5px 0 5px 0;}
#listado .titulo { float:left; height:30px; margin: 5px 0 0 0;}
#listado .titulo a{font: normal 1.2em/1em Helvetica, Arial,  sans-serif;  padding:0 ;}
#listado .titulo a:hover{font: normal 1.2em/1em Helvetica, Arial,  sans-serif;  padding:0 ;  }
#listado .foto{  float:left; display:block; width:153px; padding: 0px 0 0 0; height:95px }
#listado .foto img{  margin:0; padding:0; }

#listado2 { display:block;  float:right; display:block; width:500px; }
#listado2 .item {float:left;width:500px; margin:0 0 5px 0;height:110px;display:block;padding:0px 0px 0 0;background:url(/gr/fondo-subservicio.jpg) top no-repeat;}
#listado2 .texto{ width:350px;float:right; padding:3px 0 0 0; display:block; padding:10px 0 5px 20px; height:90px;}
#listado2 .titulo { float:left; height:30px; width:100%;}
#listado2 .titulo a{font: normal 1.2em/1em Helvetica, Arial,  sans-serif;  padding:0 ;}
#listado2 .titulo a:hover{font: normal 1.2em/1em Helvetica, Arial,  sans-serif;  padding:0 ;  }
#listado2 .foto{  float:left; display:block; width:130px; padding: 0px 0 0 0; height:80px }
#listado2 .foto img{  margin:0; padding:0; }


#listado3 { display:block;  float:right; display:block; width:500px; margin:30px 0 0 0; }
#listado3 .item {float:left;width:250px; margin:0 0 5px 0;height:110px;display:block;padding:0px 0px 0 0;background:url(/gr/fondo-subservicio.jpg) top no-repeat;}
#listado3 .texto{ width:110px;float:left; padding:3px 0 0 0; display:block; padding:5px 0 5px 10px; height:90px;}

#listado3 .titulo { float:left; height:15px; width:100%;color:#9D0D15;font: normal 1.2em/1.1em Helvetica, Arial, sans-serif;padding:0 ;}
#listado3 .referencia { float:left; width:100%; margin: 2px 0 5px 0;}
#listado3 .brebe { float:left; width:100%;}
#listado3 .foto{  float:left; display:block; width:120px; padding: 0px 0 0 0; height:80px }
#listado3 .foto img{  margin:0; padding:0; }

#listado4 { display:block;  float:right; display:block; width:500px; margin:10px 0 0 0; }
#listado4 .item {float:left; margin:15px 0 0px 0;display:block;padding:0px 0px 15px 50px; border-bottom: 1px dotted #ccc; background: url(../gr/pdfico.gif) no-repeat;}
#listado4 .texto{ width:400px;float:left; padding:0px 0 0 0; display:block; padding:5px 0 0px 10px;}
#listado4 .titulo { float:left; width:100%;color:#9D0D15;font: normal 1.2em/1.4em Helvetica, Arial, sans-serif;padding:0 ;}
#listado4 .referencia { float:left; width:100%; margin: 2px 0 5px 0;}
#listado4 .brebe { float:left; width:100%;}

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

#formulario {	padding: 0 0 0 0px;margin:20px 0 0 0; text-align:left; width:500px; 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;}

/*paginacion                                                          
--------------------------------------------------------------------------------------------------------- */
.pag{ width:100%;  margin:5px 0 0 0;clear:both;	float:left; padding:5px 0 5px 0; display:block;font-size:0.9em;}
.pag ul { margin:0; list-style:none; padding: 0; }
.pag li a{ float:left; display:block; padding: 0px 6px 0px 6px;	}
.pag li { float:left;  margin:0 2px 0 2px; padding:0;  }
.pag li  a:hover {color:#005f11;} 
.select { border:1px solid #9D0D15; }