/* CSS Document
By: Gustavo Burgi / 2008
web: cemes
 */
 
/* ---Reseteo general    */ 
@import url("gReset.css"); 

/* ---Elementos comunes   */
html{ padding:0; height:100%;}
body{ background:url(../img/html-bck2.gif) repeat-y left; height:100%; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:0; }

body.inicio{ background:url(../img/html-bck3.gif) repeat-y left; }

a{ color:#0066CC; text-decoration:none; }
a:hover{ color:#333; text-decoration:none; }

#contenedor{ width:780px; display:block; /*overflow:auto;*/ min-height:520px; position:relative;  /*background-color:#CCCCCC;*/ }

#lateral{ width:169px; padding-left:14px; padding-right:6px; padding-bottom:10px; display:block; float:left; background-color:#000; color:#FFF; }
#lateral h1.logo{ background:url(../img/logo.gif) no-repeat left; height:69px; width:170px; margin-left:-4px;  margin-bottom:20px; }
#lateral h1.logo a{ display:block; height:69px; width:170px; text-indent:-99999px; }
#lateral h2{ font-weight:normal; letter-spacing:1px; }
#lateral h3{ background:url(../img/lateral-h3.gif) no-repeat left; padding-left:12px; padding-bottom:2px; border-bottom:1px solid #fff; font-weight:normal; margin-top:10px; }

#lateral a{ color:#fff; text-decoration:none; }

#lateral ul{ padding-left:13px; }
#lateral ul li{ background:url(../img/lateral-li.gif) no-repeat left 6px; padding-left:6px; font-size:11px; margin-top:3px; }
#lateral ul li a{ display:block; background:url(../img/lateral-li-a-mas.gif) no-repeat right 4px; padding-right:7px; }
#lateral ul li a:hover{ text-decoration:underline; }

#lateral ul li ul{ padding-left:10px; display:none; }
#lateral ul li.seleccionado ul{ display:block; }
#lateral ul li ul li{ background:none; padding-left:0px; margin-top:2px; }
#lateral ul li ul li a{  background:none; padding:0; padding-left:5px; line-height:12px; }
#lateral ul li ul li a:hover{ background-color:#111; color:#FFF; text-decoration:none; }
#lateral ul li ul li a.seleccionado{ color:#FFF; text-decoration:none; }

#cabecera{ background:url(../img/banner.gif) #fff no-repeat top center; float:right; width:563px; padding-left:28px; padding-top:68px; min-height:52px; position: relative; }
#cabecera ul{  }
#cabecera ul a{ color:#9d9e9f; text-decoration:none;  }
#cabecera ul li{ padding:0 8px; letter-spacing:1px; float:left; background:url(../img/cabecera-li.gif) no-repeat left 4px; font-size:11px; font-weight:bold;}
#cabecera ul li.contacto{  }
#cabecera ul li.contacto a{ text-indent:-99999px; width:25px; height:11px; display:block; background:url(../img/sobre.gif) no-repeat;  }
#cabecera ul li a:hover{ color:#666; }

#cabecera h2{ font-size:12px; color:#000; font-weight:bold; letter-spacing:1px; background:#FFFFFF; position:absolute; bottom:0; left:28px; padding-bottom:4px; }
#cabecera h2 em{ color:#9d9e9f; font-style:normal; }

#cabecera .color1{ color:#7a2531; }

#cabecera ul.idiomas{ width:95px; position:absolute; right:0; top:85px; }
#cabecera ul.idiomas li.es{ background:none; }
#cabecera ul.idiomas a.seleccionado{ font-weight:bold; color:#666; }

#cabecera form#login{ width:114px; padding:3px 8px; position:absolute; top:0; right:0; display:block; }
#cabecera form#login legend{ display:none; }
#cabecera form#login label{ font-size:10px; }
#cabecera form#login .log{ width:112px; height:12px; border:1px solid #333; font-size:10px; padding-bottom:1px; padding-top:0; }
#cabecera form#login .entrarES{ background:url(../img/login-entrar.gif) no-repeat center; width:35px; height:11px; text-indent:-9999px; display:block; float:right; border:none; margin-top:3px; cursor:pointer }
#cabecera form#login .entrarEN{ background:url(../img/login-entry.gif) no-repeat center; width:35px; height:11px; text-indent:-9999px; display:block; float:right; border:none; margin-top:3px; cursor:pointer }
#cabecera form#login .entrarFR{ background:url(../img/login-entrer.gif) no-repeat center; width:35px; height:11px; text-indent:-9999px; display:block; float:right; border:none; margin-top:3px; cursor:pointer }
#cabecera form#login a.registrar{ background:url(../img/registrar.gif) no-repeat center; width:48px; height:11px; text-indent:-9999px; display:block; float:right; margin-top:3px; }
#cabecera form#login a{ display:block; width:auto; margin:20px auto 0 auto; text-align:center; }

#contenido{ padding:10px 35px 1px 40px; margin-left:28px; display:block; min-height:480px; float:left; width:488px; position:relative; }

ul#ultimas-noticias{ width:112px; overflow:auto; position:absolute; display:block; right:8px; top:0; }
ul#ultimas-noticias li{ display:block; min-height:90px; border:1px solid #cacac8; margin-top:10px; position:relative; padding-bottom:11px;  }
ul#ultimas-noticias li h2{ color:#999999; font-size:16px; font-weight:normal; padding:10px 4px; text-align:center; }
ul#ultimas-noticias li a.mas{ position:absolute; bottom:0; right:0; color:#999; text-decoration:none; font-size:11px; }

#inicio{ padding-right:0; width:358px;  }
#inicio .texto p{ letter-spacing:1px; margin:10px 0; font-size:11px;   }
#inicio .texto h3{ font-size:20px; color:#000; padding:10px 0 0 0; font-weight:bold; }

#inicio .ban1{ display:block; clear:both; margin-bottom:15px; text-align:center; }
#inicio .ban2{ display:block; width:172px; float:left; clear:left; margin-bottom:0px; }
#inicio .ban3{ display:block; width:172px; float:right; clear:right; margin-bottom:0px; }
#inicio .clear{ height:40px; display:block; clear:both; float:none; }
#inicio h2{ color:#666666; font-size:13px; font-weight:bold; padding:0px 0 5px 0; line-height:14px; margin-bottom:15px; border-bottom:1px solid #CCCCCC; display:block; clear:both; }

#inicio .prod{ display:block; overflow:auto; border-bottom:1px solid #DBDBDB; padding-bottom:5px; margin-bottom:15px; }
#inicio .prod .img{ padding:3px; margin:3px 10px 3px 3px; display:block; float:left; border:1px solid #DBDBDB; clear:left; }
#inicio .prod .phome{ width:205px; display:block; float:right; clear:right; }
#inicio .prod .phome p{ padding:6px; letter-spacing:1px; font-size:11px; color:#333; }
#inicio .prod ul{ margin-left:25px; list-style:square; display:block; padding:6px; letter-spacing:1px; font-size:11px; color:#333;  }

#pie{ height:27px; padding-left:230px;  width:540px; float:left; margin-top:50px;   }
#pie a.aviso{ color:#bababa; font-size:10px; padding-top:17px; display:block; float:left; width:70px; text-decoration:none; }
#pie a.girope{ color:#000; font-size:9px; padding-top:12px; padding-bottom:8px; margin-top:5px; display:block; float:right; width:180px; text-align:right; padding-right:68px; text-decoration:none; background:url(../img/logo-giropes.jpg) no-repeat right bottom; }
#pie a.girope b{ display:none; }
#pie.inicio{ width:420px; margin-left:-35px; padding:0; }

.cuadro{ background-color:#FFF; border-bottom:1px solid #000; border-top:1px solid #000; padding:0; min-height:300px; position:relative;   }

.consulta{ color:#666666; text-align:right; padding-right:20px; display:block; clear:both; margin:10px 0 0 0; }

.cuadro img.t{ float:right; display:block; margin:8px 0;   }
.cuadro ul.productos{ width:385px; float:left; margin:8px 0;  }
.cuadro ul.productos li{ width:114px; float:left; display:block; margin-right:11px;   border:1px solid #939598; }
.cuadro ul.productos li.clear{ width:100%; margin:0; padding:0; height:11px; display:block; float:none; clear:both; border:none;}
.cuadro div.clear{ text-indent:-9999px; display:block; width:auto; clear:both;  height:1px; }
.cuadro ul.productos li .img{ height:96px; background-color:#FFFFFF;  }
.cuadro ul.productos li .img a{ height:96px; width:114px; display:block; }
.cuadro ul.productos li .img img{ display:none; margin:auto; }


.cuadro ul.productos li .nombre{ background-color:#bcbdc0; min-height:16px; overflow:auto;  padding:3px 3px 0 3px; color:#FFFFFF; font-weight:bold; }
.cuadro ul.productos li .nombre p{ float:left; margin-bottom:3px; }
.cuadro ul.productos li .nombre a{ color:#fff; text-decoration:none; }
.cuadro ul.productos li .nombre a:hover{ color:#666666; }
.cuadro ul.productos li .icos{ display:block; clear:both;}
.cuadro ul.productos li .icos img{ margin:0 1px 2px 1px; width:16px; height:auto; }

.cuadro div.bg1{ background-color:#7a2531; }
.cuadro div.descripcion{ padding-left:13px; margin-bottom:10px; display:block; }
.cuadro div.descripcion div.blanco{ border-bottom:1px solid #000; padding:4px; background-color:#FFFFFF; overflow:auto; }
.cuadro div.descripcion div.blanco h3{ width:auto; float:left; font-size:14px; font-weight:bold; color:#58585a; margin-right:3px;  }
.cuadro div.descripcion div.blanco div.texto{ font-size:9px; margin:2px; color:#9d9e9f; width:280px; float:left;  letter-spacing:1px; }
.cuadro div.descripcion div.blanco div.iconos{ float:right; width:auto; max-width:90px; }
.cuadro div.descripcion div.blanco div.iconos img{ float:left; margin-left:3px; margin-bottom:3px; }

.cuadro div.descargas{ margin:15px 8px 4px 8px; width:460px; padding:0 0 11px 12px; background-color:#e5e5e5; overflow:auto; }
.cuadro div.descargas h3{ font-size:12px; font-weight:bold; color:#666; margin-top:12px; margin-bottom:3px; }
.cuadro div.descargas .archivo{ width:130px; margin-right:12px; margin-top:11px; background:url(../img/esquina-archivo.gif) #808080 no-repeat bottom right; display:block; float:left; padding:12px 8px 2px 3px; position:relative; font-size:10px; overflow:auto; }
.cuadro div.descargas .archivo img{ float:left; margin:-9px 4px 2px 0; }
.cuadro div.descargas .archivo a{ color:#fff; text-decoration:none;   }
.cuadro div.descargas .archivo a:hover{ color:#000000; }
.cuadro div.descargas .archivo .flecha{ background:url(../img/flecha-archivo.gif) no-repeat; height:9px; width:17px; display:block; position:absolute; top:0; right:0; }


.cuadro .software { margin:0 16px 16px 16px; padding:0 0 32px 0;  overflow:auto; position:relative;  }
.cuadro .software .texto p{ letter-spacing:1px; margin:10px 0; font-size:11px;   }
.cuadro .software .texto h3{ font-size:20px; color:#000; padding:10px 0 0 0; font-weight:bold; }

.cuadro .descarga { margin:0 16px 16px 16px; padding:0 0 32px 0; background:url(../img/esquina-descarga.gif) #e5e5e5 no-repeat bottom right; overflow:auto; position:relative;  }
.cuadro .descarga a.volver-listado{ position:absolute; bottom:5px; left:5px; color:#000000; font-weight:bold; }
.descarga p{ display:block; clear:both; font-size:11px; padding:10px; font-weight:bold; }
.descarga form{ background: url(../img/rayita_x_gris.gif) #FFFFFF repeat-x  center 63px; font-size:11px; font-weight:bold; padding:10px 0 20px 0; }
.descarga form label{ float:left;   width:255px; position:relative; padding:0 3px 0 3px; }
.descarga form label input{ background:url(../img/contact-input.gif) repeat-x; height:14px; padding:1px 0 4px 0; font-size:10px; border:none; width:100%; margin:2px 0; }
.descarga form p{ display:block; clear:both; font-size:10px; padding:0; } 
.descarga form label .inp-inicio{ background:url(../img/contact-input-inicio.gif) top; height:19px; width:3px; position:absolute; left:0; *top:12px;  text-indent:-9999px; margin:2px 0; }
.descarga form label .inp-fin{ background:url(../img/contact-input-fin.gif) top; height:19px; width:3px; position:absolute; right:0; *top:12px; text-indent:-9999px; margin:2px 0;}
.descarga form a.ir{ float:left; background:url(../img/b-ir.gif) no-repeat; display:block; clear:right; height:11px; width:14px; margin-top:16px; text-indent:-9999px; margin-left:10px }


.descarga h3{ background:url(../img/descarga-h3.gif) no-repeat left; padding-left:12px; padding-bottom:2px; border-bottom:1px solid #fff; font-weight:normal; margin-top:10px; margin-left:63px; font-size:13px; }
.descarga h3 a{ color:#000000; }
.descarga h3 a:hover{ color:#666; }
.descarga a{ color:#000; text-decoration:none; }
.descarga ul{ padding-left:63px; display:none; margin-left:25px; margin-bottom:25px; }
.descarga ul.seleccionado{ display:block; }
.descarga ul li{ background:url(../img/lateral-li.gif) no-repeat left 6px; padding-left:6px; font-size:11px; margin-top:3px; }
.descarga ul li.nomp{ color:#666666; font-size:13px; background:none; margin:10px 0; }
.descarga ul li a{ display:block; padding-right:7px;  }
.descarga ul li a:hover{ text-decoration:underline; }
.descarga ul li ul{ padding-left:10px; display:none; margin-bottom:10px; margin-top:5px; }
.descarga ul li.seleccionado ul{ display:block; }
.descarga ul li ul li{ background:none; padding-left:0px; margin-top:2px; }
.descarga ul li ul li a{  background:none; padding:0; padding-left:25px; line-height:12px; text-align:left; }
.descarga ul li ul li a:hover{  color:#FFF; text-decoration:none; }
.descarga ul li ul li a.seleccionado{ color:#FFF; text-decoration:none; }

.descarga .archivo{ width:130px; margin-left:12px; margin-top:11px; background:url(../img/esquina-archivo.gif) #808080 no-repeat bottom right; display:block; float:left; padding:13px 3px 2px 3px; position:relative; font-size:10px; overflow:auto; }
.descarga .archivo img{ float:left; margin:-9px 4px 2px 0; }
.descarga .archivo a{ color:#fff; text-decoration:none;  }
.descarga .archivo a:hover{ color:#000000; }
.descarga .archivo .flecha{ background:url(../img/flecha-archivo.gif) no-repeat; height:9px; width:17px; display:block; position:absolute; top:0; right:0; }


.cuadro #imagenbig{ width:380px; height:360px; float:left; clear:left; }
.cuadro ul.thumbs{ width:105px;  float:right; margin:65px 0 10px 0; }
.cuadro ul.thumbs li{ padding-left:15px; margin-top:12px; }
.cuadro ul.thumbs li a{ padding-left:10px; display:block; cursor:pointer }

.cuadro ul.thumbs li a.on{ background:url(../img/flecha-on.jpg) no-repeat left center; }
.cuadro ul.thumbs li a.off{ background:url(../img/flecha-off.jpg) no-repeat left center; }
.cuadro #descImg{ display:block; width:360px; padding:0 0 10px 10px;  font-size:11px; clear:both; }
.cuadro .tabla{ display:block; margin:10px; padding:10px 0; font-size:11px; clear:left; background:url(../img/rayita_x_gris.gif) repeat-x top; position:relative }
.cuadro .tabla table{ width:100%; text-align:center; font-size:10px; border-right:1px dotted #d0cece;}
.cuadro .tabla table th{ text-align:center; background-color:#c0bebd; font-weight:bold; border-left:1px dotted #fff; border-bottom:1px dotted #fff; padding:4px 0; }
.cuadro .tabla table th.nofondo{ background-color:#FFFFFF; }
.cuadro .tabla table td{ text-align:center; margin-right:1px; border-left:1px dotted #d0cece; border-bottom:1px dotted #d0cece; padding:2px 0;  }


.cuadro .tabla2{ display:block; margin:10px; padding:10px 0; font-size:11px; clear:left; position:relative }
.cuadro .tabla2 table{ width:100%; text-align:left; font-size:10px; border-right:1px dotted #d0cece;}
.cuadro .tabla2 table th{  background-color:#c0bebd; font-weight:bold; border-left:1px dotted #fff; border-bottom:1px dotted #fff; padding:4px 2px; }
.cuadro .tabla2 table th.nofondo{ background-color:#FFFFFF; }
.cuadro .tabla2 table td{  margin-right:1px; border-left:1px dotted #d0cece; border-bottom:1px dotted #d0cece; padding:2px;  }

ul.referencias{ display:block; clear:both; margin-top:8px; font-size:8px; }
ul.referencias li{ display:block; float:left; padding-left:15px; width:110px; margin-bottom:5px; height:27px;}
ul.referencias li.uno{ padding-left:0; }  
ul.referencias li p{ padding-top:5px; }
ul.referencias li img{ display:block; margin-right:3px; float:left; }


.situacion{ padding:8px 13px; font-size:10px; }
.situacion .info{ background:url(../img/logo-giropes2.gif) no-repeat left top; padding-top:27px; padding-left:37px; margin-top:10px; font-weight:bold; }

.contact{ padding:8px 5px; font-size:10px; }
.contact h4{ background:url(../img/rayita_x_gris.gif) repeat-x bottom; padding-bottom:4px; padding-left:2px; font-weight:bold;  margin:0 0 12px 0; }
.contact p{ margin:0 0 12px 0; }
.contact form{ background:url(../img/rayita_y_gris.gif) repeat-y left; /*padding:0 0 0 10px;*/ }
.contact form label{ float:left; margin-left:13px; margin-bottom:13px; width:auto; position:relative; padding:0 3px 0 3px; }
.contact form label input{ background:url(../img/contact-input.gif) repeat-x; height:14px; padding:1px 0 4px 0; font-size:10px; border:none; width:100%; }
.contact form label .inp-inicio{ background:url(../img/contact-input-inicio.gif) top; height:19px; width:3px; position:absolute; left:0; *top:11px;  text-indent:-9999px; }
.contact form label .inp-fin{ background:url(../img/contact-input-fin.gif) top; height:19px; width:3px; position:absolute; right:0; *top:11px; text-indent:-9999px; }
.contact form label .fondo{ background:url(../img/contact-textarea.gif) no-repeat top; width:443px; height:157px; display:block; padding:1px 4px 3px 2px; }
.contact form label .fondo textarea{ width:100%; height:99%; font-size:11px; border:none; position:relative; border:0; }
.contact form a.enviar{ text-align:right; display:block; clear:both; height:18px; color:#000; padding-right:25px; text-decoration:none; font-weight:bold; }

.contact p.error{ color:#F00; font-weight:bold; font-size:11px; }
.contact p.listo{ color:#00f; font-weight:bold; font-size:11px; }
.contact form label.error{ color:#F00; font-weight:bold }

.contact form label.nombre{ width:171px; }
.contact form label.apellido{ width:255px; }
.contact form label.direccion{ width:255px; }
.contact form label.empresa{ width:255px;  }
.contact form label.pais{ width:171px; }
.contact form label.poblacion{ width:171px; }
.contact form label.cp{ width:98px; }
.contact form label.provincia{ width:138px; }
.contact form label.tel{ width:171px; }
.contact form label.movil{ width:171px; }
.contact form label.email{ width:255px; }
.contact form #condiciones{ margin-left:20px; }
.contact form a.error{ color:#f00; }

.noticias ul{ min-height:323px;  padding:0px 10px; display:block; overflow:auto;}
.noticias ul li{ border-top:1px solid #a59e8e; padding-top:9px; padding-right:20px; margin-bottom:6px; min-height:20px; overflow:auto; }
.noticias ul li.uno{ border:none; }
.noticias ul li img{ float:left; margin-right:14px; margin-bottom:2px; }
.noticias ul li h1{ font-size:1em; line-height:1.2em; color:#000000; font-weight:bold; margin-bottom:4px; }
.noticias ul li div.texto{ font-size:0.9em; line-height:1.5em; margin-top:8px;  }
.noticias ul li p{ font-size:0.9em; line-height:1.5em; margin-top:8px; }
p.mas { margin-left:125px;}
p.mas a{ color:#75705b; }
p.mas a:hover{ color:#333333; }

/* Paginado */
.paginado { clear:both;  line-height:30px; margin-top:15px; text-align:center; width:100%; }
.paginado a { border:1px solid #e3e0e0; padding:3px 5px; margin:0 3px; background-color:#f3f3f3; color:#31556b; }
.paginado a:hover { background-color:#e3e0e0; text-decoration:none; }
.paginado strong { border:1px solid #e3e0e0; color:#252a2d; padding:3px 5px; margin:0 2px;}