
* { margin:0; padding:0; }

body { background:#fff url(../images/bg.jpg) top center no-repeat; font-size:65%; }
body#consultapuntos { background-image:none; }
body, div, td { color:#666; font:12px Arial, Helvetica, sans-serif; }

img { border:0; }
p { padding:8px 0; }

a { color:#0446AD; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }

h1, h2, h3, h4 { font-family:"Century Gothic", Arial, Helvetica, Sans-Serif; font-weight:normal; }
h1 { font-size:2em; }
h2 { font-size:1.7em; color:#0446AD; text-transform:uppercase; margin:0 0 10px 0; }
h3 { font-size:1.45em; color:#0446AD; padding:15px 0 0 0; }
h4 { font-size:1.25em; text-transform:uppercase; color:#999; }
h5 { font-size:1.15em; color:#0446AD; padding:15px 0 0 0; font-weight:normal; }
h6 { font-size:0.75em; font-weight:normal; text-transform:uppercase; }

hr { background-color:#ccc; color:#ccc; height:1px; border:0; margin:10px 0; }

.clear { clear:both; }
.alignr { text-align:right; }
.imgfl { margin:10px 15px 10px 0 !important; float:left; }
.imgfl2 { margin:0px 8px 0px 0 !important; float:left; }
.imgfr { margin:10px 0 10px 15px !important; float:right; }
.imgborder { border:2px solid #ccc !important; }
.vermas { text-align:right; padding:0; }
.azul { color:#0446AD; }
.rojo { color:#f00; }
.lineahr { height:2px; background:url(../images/bg-lineah.png) bottom center no-repeat; margin:15px 0; clear:both; }

/* TOPE - LOGO - MENU - BUSCADOR */
#top { width:960px; height:110px; margin:0 auto; }
  #logo { width:300px; height:82px; margin:27px 0 0 0; float:left; 
    background:url(../images/logo-gruporamos.gif) top right no-repeat; }
  #logo a { width:300px; height:82px; display:block; text-decoration:none; }
  
  #topmenu { width:650px; padding:20px 0 0 0; float:left; }
    
    #linkcontactos { text-align:right; text-transform:uppercase; font-size:0.8em; padding:0 10px 0 0; }
    #linkcontactos a { color:#999; }
    
    #buscador { width:230px; height:30px; margin:12px 0 8px 410px; padding:3px; 
      background:url(../images/bg-buscar.gif) top left no-repeat; }
    #buscador input { border:0; }
    
    #inputBuscar { width:192px; height:24px; float:left; overflow:hidden; }
    #inputBuscar input { width:182px; height:18px; color:#0446AD; padding:3px 5px; text-align:right; 
      background:url(../images/bg-buscar-input.gif) top left no-repeat; }
    #btnBuscar { width:30px; height:24px; float:left; padding:0 0 0 0; overflow:hidden; }
    
    #menu { text-transform:uppercase; font-size:1.25em; list-style:none; letter-spacing:-0.03em; }
    #menu li { width:auto; float:right; font-family:"Century Gothic", Arial, Helvetica, Sans-Serif; }
    #menu a { padding:0 10px; text-decoration:none; }
    #menu a:hover { color:#96b7c9; }

/* CONTENIDO */
#bganim { width:100%; background:url(../images/bg-box-top.png) top center no-repeat; padding:9px 0 0 0; }
  #anim { width:960px; margin:0 auto; min-height:270px; }

#bgcontenido { width:100%; background:url(../images/bg-box-med.png) center repeat-y; }
  #contenido { width:960px; margin:0 auto; padding:15px 0; min-height:350px; 
    background:url(../images/bg-cont-top.jpg) top center no-repeat; }
  #contenido h4 { text-align:center; padding:0 0 10px 0; 
    background:url(../images/bg-lineah-peq.png) bottom center no-repeat; }
    #submenu { width:180px; float:left; min-height:400px; 
      background:url(../images/bg-submenu.png) top right no-repeat; }
    #submenu ul { list-style:none; text-transform:uppercase; font-size:1em; 
      font-family:"Century Gothic", Arial, Helvetica, Sans-Serif; }
    #submenu ul li { background:url(../images/bg-lineah-peq.png) bottom center no-repeat; text-align:center; } 
    #submenu ul a { padding:10px 0; width:180px; display:block; }
    #submenu ul a:hover, #submenu ul a.activo:hover { background:#0044AD; color:#fff; text-decoration:none; }
    #submenu ul a.activo { background:#CAD8EE; }
    #submenu ul#catcomunidad { margin:20px 0 0 0; background:url(../images/bg-lineah-peq.png) top center no-repeat; }
    
    #texto { width:520px; float:left; }
      #nav { font-size:0.8em; color:#999; height:30px; text-transform:uppercase; padding:0 20px; 
        background:url(../images/bg-lineah.png) bottom center no-repeat; }
      #nav a { color:#999; }
    
    .cols { width:220px; padding:0 20px 20px 20px; float:left; min-height:240px; 
      background:url(../images/bg-lineav-peq.png) top left no-repeat; }
    .nolinea { background:none !important; }
    .cols p { padding:4px 0; }
    .cols ul { padding:20px 0; list-style:none; }
    .cols ul li { background:url(../images/bullet.gif) top left no-repeat; padding:0 0 15px 20px; }
    
    .texto { padding:20px; }
    .texto a { text-decoration:underline; }
    .texto a:hover { text-decoration:none; }
    .texto h3 a { text-decoration:none; }
    .texto h3 a:hover { text-decoration:underline; }
    .texto p { line-height:1.5em; }
    /*.texto p img { margin:10px 15px; }*/
    .texto ul { padding:0 0 0 15px; list-style:url(../images/bullet.png) circle; }
    .texto ul li { padding:6px 0; }
    .texto ul.consejo { padding:15px 0; list-style:none; }
    .texto ul.consejo li { padding:8px 0; background:url(../images/bg-lineah.png) bottom center no-repeat; }
    .texto ul.consejo li span { width:200px; color:#0446AD; float:left; }
    
    .fechas { font-style:italic; font-size:0.95em; padding:5px 0; text-align:right; margin:8px 0;
      background:url(../images/bg-lineah.png) bottom center no-repeat; }
    .imgThumb { width:220px; float:left; margin:10px 15px 10px 0; border:2px solid #999; text-align:center; }
    .imgThumb p { padding:5px; font-style:italic; font-size:0.9em; }
    .imgThumbD { width:216px; border:2px solid #999 !important; margin:10px 0; }

  /* ZONA DE BANNERS */
  #banners { width:922px; margin:0 auto; padding:0 19px; }
  .box1 { width:275px; height:90px; padding:2px 8px 30px 8px;
    background:url(../images/bg-banners-default.jpg) top left no-repeat; }
  .box1 img { width:275px; height:90px; }
  .p1 { float:left; }
  .p2 { margin:0 auto; }
  .p3 { float:right; }
  .box2 { width:180px; height:250px; padding:8px; margin:0 auto; 
    background:url(../images/bg-banners-interior.jpg) top left no-repeat; }
  .box2 img { width:180px; height:250px; }

/* BOTTOM */
#bgbottom { width:100%; background:url(../images/bg-box-bot.png) top center no-repeat; }
  #bottom { width:960px; margin:0 auto; color:#0446AD; }
  #bottom a { color:#0446AD; }
    #enlacesbot { width:640px; float:left; padding:40px 0 0 20px; }
    #logosbot { width:290px; float:left; text-align:right; padding:0px 10px 0 0; }
    
    #footer
{width: 922px; margin: 0px auto; 

    clear: both;
    padding-top: 20px;
    
}
    #copyright {width:auto; float:left; text-transform:uppercase; font-size:0.9em; color:#0446AD; padding-bottom: 10px; }
    #redes {text-align:center; margin: auto;  padding-bottom: 10px; width:200px; padding-top:23px;}
    #intermade {width:auto; float:right; font-size:0.8em; text-align:right; padding: 25px 5px 10px 0;}
   
/* INFORMACION DE CONTACTO POR PAGINA */
#infocontacto { margin:20px 10px; border:1px solid #ccc;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#infocontacto h5 { font-size:1.2em; color:#fff; padding:6px 10px; background:#0446AD; font-variant:small-caps; }
#infocontacto p { padding:8px 10px; font-size:0.9em; }

/*  LISTADO NOTICIAS */
.resultado { margin:0 0 10px 0; clear:both; }
.resultado .texto { width:460px; float:left; text-align:justify; }
.resultado h3 { padding:0 0 3px 0; font-size:1.3em; }
.resultado p, .resultado h3 { line-height:1.25em; }
.resultado .fechas { background:none; text-align:left; margin:0; padding:0; }
.resultado .imgThumb { width:120px; height:110px; margin-top:0 !important; padding:6px; border:1px solid #ccc;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.paginacion { border-bottom:1px solid #ccc; }
.paginacion td { padding:3px 1px; font:1.2em "Century Gothic", Arial, Helvetica, Sans-Serif; }
.archivo a{width:400px; display:block; float:right; text-decoration:none;}
.archivo {clear:both; padding: 0 0 4px 0 !important; margin: 0 0; border-bottom: 1px solid #eeeeee;}
.archivo span{text-transform:capitalize}
.archivo p{width:400px; display:block; float:right; text-decoration:none; padding: 0;}
/* BUSCADOR ARCHIVOS */
#BuscadorArchivos { padding:10px; border:1px solid #ccc;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#BuscadorArchivos td { }

/* NORMATIVAS */
#normativas { list-style:none; }
#normativas li { padding:0; }
#normativas li a { padding:10px 0 10px 35px; display:block; 
  background:url(../images/bullet-pdf.gif) 8px 8px no-repeat; }

/* DIRECTORIO DE TIENDAS */
#logosdirectorio { text-align:right; margin:-20px 0 0 0; height:46px; }
#logosdirectorio div { width:auto; float:right; padding:0 0 10px 0; }
#logosdirectorio div.activo { background:url(../images/icon-arrowup.gif) bottom center no-repeat; }
.recuadro { border:1px solid #ccc; padding:15px; margin:0 0 15px 0;
  -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.recuadro h3 { padding:0 0 3px 0; font-size:1.25em; cursor:pointer; }
.recuadro h3.hover { background:url(../images/icon-arrowdw.gif) right center no-repeat; }
.recuadro p { padding:5px 0; }
.recuadro .fechas { background:none; text-align:left; margin:0; padding:0; }
.subtitulo { width:auto; display:inline-block; font-weight:normal; 
  font:1.45em "Century Gothic", Arial, Helvetica, Sans-Serif; 
  background:#0446AD; color:#fff; padding:3px 10px; margin:0 15px;
  -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; 
  -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; }
.info { width:210px; float:left; }
.mapa { width:95px; margin:20px 0 0 0; padding:10px 0 0 0; 
  background:url(../images/bg-lineah.png) top center no-repeat; }
.servicios { width:235px; float:left; text-align:right; padding:6px 0 0 0; }
.servicios ul { padding:3px 0; list-style:none; }
.servicios ul li { padding:1px 0; background:none; font-size:0.95em; }

/* FORMULARIO DE CONTACTO */
#formulario { padding:20px; border:1px solid #ccc; margin:10px 0 10px 0;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#formulario label { width:120px; float:left; text-align:right; padding:0 5px 0 0; font-weight:bold; }
.input { width:290px; border:1px solid #ccc; padding:2px; color:#666;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.btn { border:0; padding:2px 10px; background:#0446AD; color:#fff; text-transform:uppercase; font-size:0.85em;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

/* VIDEO DESTACADO */
#videodefault { width:200px; height:140px; padding:10px; border:1px solid #ccc; position:relative; margin:0 0 10px 0;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#fgvideo { width:200px; height:140px; z-index:2; position:absolute; top:10px; left:10px; overflow:hidden;
  background:url(../images/fg-video-default.png) top left no-repeat; }
#fgvideo a { width:200px; height:140px; display:block; }
#bgvideo { width:200px; height:140px; z-index:1; position:absolute; top:10px; left:10px; overflow:hidden; }
h5#videodestacado { margin:0 0 5px 0; }

/* CONSULTA PUNTOS SIREMAS */
.siremas, .siremasd { background:#fecb72 url(../images/bg-consulta-siremas.jpg) top center no-repeat; padding:76px 0 10px 0; text-align:center;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
/* pagina default */
.siremasd { width:160px; margin:20px auto 0 auto; }
  .siremasd .inputsiremas { width:135px; height:12px; background:url(../images/bg-login-siremas-input-default.gif) top left no-repeat; }
  .siremasd .btnconsulta { width:122px; margin:5px 0 0 0; }
/* paginas interiores */
.siremas { width:220px; } 
  .siremas .inputsiremas { width:176px; height:16px; background:url(../images/bg-login-siremas-input.gif) top left no-repeat; }
  .siremas .btnconsulta { width:172px; }
/* inputs */
.inputsiremas { border:0; padding:5px 6px; color:#0446AD; font-size:0.95em; font-style:italic; margin:0 0 5px 0; }
.btnconsulta { text-align:right; text-transform:uppercase; padding:0 30px 0 0; font-size:0.85em;
    background:url(../images/bg-login-siremas-btn.gif) top right no-repeat; line-height:1.1em; }
.btnconsulta a { color:#000; text-decoration:none; }
/* contenido */
.error { text-align:center !important; font-style:italic; }
.consulta, .error { background:#fff; border:1px solid #0446AD; padding:10px; margin:10px; text-align:left; color:#000;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.consulta td { color:#000; }
.consulta .puntos { color:#e21d24; font-size:1.6em; font-weight:bold; padding:0 0 0 5px; }
.consulta h3 { margin:0; padding:5px 0; }
.siremasd .consulta { font-size:0.8em; }
.siremasd .consulta .puntos { font-size:1.4em; }
.siremasd .consulta td { font-size:1em; }
/* FIN CONSULTA PUNTOS SIREMAS */

/* MULTIMEDIA */
#mImagenes, #mVideos { border:1px solid #ccc; padding:15px 10px; margin:0 0 15px 0;
  -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#mImagenes .thumbs, #mVideos .thumbs { float:left; margin:0 5px 10px 5px; height:auto; min-height:145px; }
#mImagenes .thumbs a, #mVideos .thumbs a { text-decoration:none; }
#mImagenes .thumbs img { padding:0 0 6px 0; }
#mImagenes .thumbs span, #mVideos .thumbs span { font-style:italic; font-size:0.95em; }
#mVideos .thumbs .thumbsfgvid { background:url(../images/fg-video-thumb.png) top left no-repeat; }
#mVideos .thumbs .enlace { position:absolute; top:125px; left:10px; z-index:0; display:block; }
/*#slider { position:relative; }	
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li { width:140px; height:120px; overflow:hidden; }	
#prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; }	
#nextBtn { left:140px; }														
#prevBtn a, #nextBtn a { display:block; width:30px; height:77px; }
#prevBtn a { background:url(../images/btn_prev.gif) no-repeat 0 0; }	
#nextBtn a { background:url(../images/btn_next.gif) no-repeat 0 0;	}*/

#recursos { }
#recursos h5 { clear:both; }
#recursos a { width:auto; float:left; margin:5px 5px 0 0; padding:3px; border:1px solid #ccc;
  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#recursos a img { width:42px; }

/* ENLACES RELACIONADOS EN DETALLE NOTICIA */
.relacionadoh { margin:20px auto 0 auto; }
.relacionadon { margin:20px auto 0 auto; }
#relacionado { padding:10px 0 0 0; background:url(../images/bg-lineah-peq.png) top center no-repeat; }
#relacionado h4 { background:none !important; }
.thumbs { width:120px; height:110px; padding:10px; border:1px solid #999; position:relative; margin:10px auto;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.thumbs div { position:absolute; top:10px; left:10px; width:120px; height:110px; overflow:hidden; }
.thumbs div div { position:relative !important; top:0; left:0; }
.thumbs div a { width:120px; height:110px; display:block; text-decoration:none; }
.thumbs div img { width:120px; height:110px; }
.thumbs .thumbsfgimg { background:url(../images/fg-thumbs-img.png) top left no-repeat; z-index:2; }
.thumbs .thumbsfgvid { background:url(../images/fg-thumbs-vid.png) top left no-repeat; z-index:2; }
.thumbs .thumbsbg { z-index:1; }
.descargar { width:100px; padding:6px 6px 6px 34px; border:1px solid #999; margin:10px auto;
  background:url(../images/bullet-pdf.gif) 8px 8px no-repeat;
  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

/* MULTIMEDIA RELACIONADA - NOTICIAS - ARCHIVOS */
#colRelacionado { padding:20px 0; }
.pvideo, .pimagen { background:url(../images/bg-lineah-peq.png) bottom center no-repeat; padding:8px 0; }
.pvideo p, .pimagen p { padding:4px 0 4px 40px !important; }
.pvideo p { background:url(../images/icon-video.gif) top left no-repeat; }
.pimagen p { background:url(../images/icon-imagen.gif) top left no-repeat; }

/* PAGINA DE ERROR */
#errorpag { padding:50px 0; text-align:center; font-size:1.2em; }
#errorpag p { padding:8px 0 30px 0; }

