/* CSS Document */
html { height:100%}
*html{height:100%}
html,body{ height:100%}
body, div, h1, h2, h3, ul, li, p, form{margin:0;padding:0px}
body { background-color:#3e5d89; background-image:url(../img/background.jpg); background-repeat:repeat-x; font-family:"Lucida Sans", Tahoma, "Trebuchet MS"; font-size:11px; }
.clear{clear:both;font-size:0; height:0px;}
li{list-style:none}
h1, h2, h3, h4, h5, h6{font-weight:normal}
a{color:#FFFFFF;text-decoration:none}
a:hover{text-decoration:none}
img{border:0px}
.float{float:left;}
.floatR{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block; font-size:0px;} 
* html .clearfix{height:0%}
.dupfix{float:left;width:1px;height:0px;line-height:0px;visibility:hidden;}
.layout{ background-image:url(../img/back-layout.jpg); width:80%; min-width:880px; height:100%; background-repeat:repeat-x;background-position:top; margin:auto; position:relative}

/**HEADER*****/
.layout div.head{ width:100%; padding-bottom:11px;}
.layout div.head div.botones{ z-index:10; width:280px; position:absolute; top:-220px; right:0; background-repeat:no-repeat; background-position:0px -10px; padding-bottom:30px;}
.layout div.head div.botones div{ background-color:#a80303; padding:10px 15px; color:#FFFFFF; font-size:11px; margin-left:72px; }
.layout div.head div.botones div.cont{ float:inherit; background-color:#a80303; width:240px; height:200px; color:#FFFFFF; font-size:11px; margin:0px; padding-left:25px;}
.layout div.head div.botones div.cont form{}
.layout div.head div.botones div.cont form h2{ font-size:24px; padding-bottom:10px}
.layout div.head div.botones div.cont form h4{ margin:0; padding:4px; border:#FFFFFF 1px solid; border-left:none; border-right:none;}
.layout div.head div.botones div.cont form label{ display:block; float:left; padding:8px; width:70px; text-align:right }
.layout div.head div.botones div.cont form input{ display:block; float:left; border:#FFFFFF 1px solid; width:140px; margin:5px; background-color:#cf7575}
.layout div.head div.botones div.cont form div { padding:5px; margin:0; background:none; width:auto; height:20px; float:right}
#send{display:none; height:100px; margin:0px 0px 0px 60px}
#send img{margin:auto; margin:60px auto 10px 30px}
.layout div.head div.botones div.cont form div a{ display:block; height:17px; background-position:top; background-repeat:no-repeat; float:right}
.layout div.head div.botones div.cont form div a:hover{ display:block; height:17px; background-position:bottom; background-repeat:no-repeat; float:right}
.layout div.head div.botones div.cont form div a.enviar{ background-image:url(../img/bt-enviar.gif); width:57px;}
.layout div.head div.botones div.cont form div a.enviar:hover{ background-image:url(../img/bt-enviar.gif); width:57px;}
.layout div.head div.botones div.cont form div a.cancelar{ background-image:url(../img/bt-cancelar.gif); width:65px;}
.layout div.head div.botones div.cont form div a.cancelar:hover{ background-image:url(../img/bt-cancelar.gif); width:65px;}
.layout div.head div.botones div a{}
.layout div.head div.botones div a:hover{ text-decoration:underline}
.layout div.head div.logo{ float:left; background-image:url(../img/lg-rga.png); background-position:left; width:289px; height:56px; background-repeat:no-repeat; margin-top:35px;}
.layout div.head div.enlaces{ color:#333333 2d80cc; font-weight:bold; float:right; padding:80px 20px 0 0;} 
.layout div.head div.enlaces a{ color:#2d80cc; font-weight:bold} 
.layout div.head div.enlaces a:hover{ color:#2d80cc; font-weight:bold; text-decoration:underline} 
/****FOOTER****/
.layout div.footer{ width:100%; background-image:url(../img/back-footer.jpg); background-position:center top; background-repeat:no-repeat;background-color:#7f96b4;color:#FFFFFF; font-weight:500; padding:8px 0px; height:20px}
.layout div.footer p{ padding:1px 20px; width:300px; display:block; float:left}
.layout div.footer table{ display:block; float:right; margin-right:20px}
.layout div.footer table tr td a.msj{ width:14px; height:10px; background-image:url(../img/ic-mensaje.gif); display:block;}
.layout div.footer table tr td a.msn{ width:14px; height:14px; display:block; background-image:url(../img/ic-msn.gif); }

/**SECCION**/
.layout div.seccion{ background-color:#FFFFFF; padding:41px 19px 10px 19px; overflow:auto}
.layout div.seccion ul{ padding:17px 13px 10px 13px; margin:10px 0px; overflow:auto; display:block; position:relative; background-image:url(../img/back-destacado.jpg); background-repeat:repeat-x; background-color:#FFFFFF; background-position:left top}
.layout div.seccion ul span{ background-image:url(../img/curvas.gif); display:block; width:2px; height:2px; position:absolute; top:0px;}
.layout div.seccion ul span.L{ background-position:left; left:0;}
.layout div.seccion ul span.R{ background-position:right; right:0;}
.layout div.seccion ul.clientes li{ width:200px; padding:0px 7px 0 10px; }
.layout div.seccion ul li{ float:left; width:180px; padding:0 55px 0 10px; color:#a80303; background-image:url(../img/bullet.gif); background-repeat:no-repeat; background-position:center left;}
.layout div.seccion div#left{ float:left; min-width:454px; width:55%; position:relative;}
.layout div.seccion div#right{ float:left; width:45%; position:relative}
.layout div.seccion div#left h1{ color:#132b3a; font-size:24px; font-weight:bold; display:block;  margin-bottom:13px;}
.layout div.seccion div#left h3{ color:#736E6E; font-size:12px; padding-bottom:10px; padding-left:15px}
.layout div.seccion div#left h4{ color:#000000; background-image:url(../img/error.gif); background-position:16px; padding:10px 20px 10px 40px; background-repeat:no-repeat; font-size:12px;background-color:#faa6a6; border:#fd0505 2px solid; border-left:none; border-right:none;}
.layout div.seccion div#left p a{ color:#2d80cc; text-decoration:none}
.layout div.seccion div#left p a span{ color:#a80303; text-decoration:none}
.layout div.seccion div#left p a:hover{ color:#2d80cc; text-decoration:underline}
.layout div.seccion div#left p a:hover span{ color:#a80303; text-decoration:none}
.layout div.seccion div#left a.boton { background-image:url(../img/bt-consulta.jpg); width:155px; height:30px; display:block; background-position:top; background-repeat:no-repeat; margin:30px 0px 30px 0px;}
.layout div.seccion div#left a:hover.boton { background-image:url(../img/bt-consulta.jpg); width:155px; height:30px; display:block; background-position:bottom; background-repeat:no-repeat; margin-top:30px 0px 30px 0px;}
.layout div.seccion div#left p.aclaracion{ color:#736e6e;}
.layout div.seccion div#left p span{color:#a80303;}
.layout div.seccion div#left form { background-color:#ededed; background-image:url(../img/back-contacForm.jpg); background-repeat:repeat-y; background-position:right;  position:relative; font-size:14px; height:450px} 
.layout div.seccion div#left form span.TL{ background-image:url(../img/cv-Form-TL.gif); width:17px; height:16px; position:absolute; display:block; top:0px; left:0px; }
.layout div.seccion div#left form span.TR{ background-image:url(../img/cv-Form-TR.gif); width:24px; height:16px; position:absolute; display:block; top:0px; right:0px;}
.layout div.seccion div#left form span.B{ background-position:bottom left; bottom:0px; left:0px; height:31px;}
.layout div.seccion div#left form div.bottom{ background-image:url(../img/back-form-btt.jpg); background-position:bottom; background-repeat:repeat-x; height:33px; display:block; width:100%; float:left; padding:0px;}
.layout div.seccion div#left form div.bottom span.BR{ background-image:url(../img/cv-Form-BR.jpg); display:block; float:right; height:34px; width:25px; }
.layout div.seccion div#left form div.bottom span.BL{ background-image:url(../img/cv-Form-BL.jpg); display:block; float:left; height:34px; width:16px;  }
.layout div.seccion div#left form div#infoForm{ padding:35px 0 15px 0; display:table; width:90%; margin:auto }
.layout div.seccion div#left form div#infoForm dl{ margin:4px; padding:0; display:block; float:left; width:48%;}
.layout div.seccion div#left form div#infoForm dl dt{ margin:0px; padding:0px;}
.layout div.seccion div#left form div#infoForm dl dd{ margin:0px; padding:0px;}
.layout div.seccion div#left form div#infoForm dl dd input{ margin:0px; padding:4px; border:none; height:17px; width:95%; color:#736E6E;}
.layout div.seccion div#left form div#infoForm dl.text{width:98%;}
.layout div.seccion div#left form div#infoForm dl.text dd textarea{ margin:0px; padding:0px; border:none; height:200px; width:99%; color:#736E6E;font-family:"Lucida Sans", Tahoma, "Trebuchet MS"; }
.layout div.seccion div#left form div#infoForm a{ background-image:url(../img/bt-form.jpg); width:155px; height:30px; display:block; background-position:top; float:left; margin-top:15px}
.layout div.seccion div#left form div#infoForm a:hover{ background-image:url(../img/bt-form.jpg); width:155px; height:30px; display:block; background-position:bottom; float:left; margin-top:15px}
.layout div.seccion div#left form div#ajax{  display:none; padding:190px 0px}
.layout div.seccion div#left form div#ajax img{display:block; width:128px; height:15px; margin:auto; }
.layout div.seccion div#left form div#ajax span{display:block; text-align:center; font-size:11px; font-weight:bold }
.layout div.seccion div#right img{ width:280px; height:213px; display:block; margin:auto; margin-top:35px;}
.layout div.seccion div#right img.delBajo{ width:202px; height:216px;}
.layout div.seccion div#right img.aspro{ width:148px; height:165px; float:left;}
.layout div.seccion div#right img.via{ width:129px; height:34px; float:left; padding:65px 0 0 20px;}
.layout div.seccion div#right div.infoContac{ background-color:#ededed; padding:16px 34px; width:245px; position:relative; margin:64px auto 20px auto; }
.layout div.seccion div#right div.infoContac span{ padding-left:15px;color:#000000}
.layout div.seccion div#right div.infoContac span.CV{ position:absolute; display:block; background-image:url(../img/cv-infoContacto.gif); background-repeat:no-repeat; width:9px; height:6px; padding:0;}
.layout div.seccion div#right div.infoContac span.TL{ background-position:top left; top:0px; left:0px; background-image:url(../img/cv-infoContacto.gif); }
.layout div.seccion div#right div.infoContac span.TR{ background-position:top right; top:0px; right:0px}
.layout div.seccion div#right div.infoContac span.BL{ background-position:bottom left; bottom:0px; left:0px}
.layout div.seccion div#right div.infoContac span.BR{ background-position:bottom right; bottom:0px; right:0px}
.layout div.seccion div#right div.infoContac div{ background-image:url(../img/border.gif); color:#132b3a; background-repeat:repeat-x; background-position:bottom; padding:10px 0}
.layout div.seccion div#right div.infoContac div div.mapa { background-image:url(../img/mapa.jpg); width:250px; height:179px; position:relative; cursor:url(../img/zoomin.cur), pointer}
.layout div.seccion div#right div.infoContac div span.txtmapa{width:100%; text-align:center; display:block;padding:0px; }
.layout div.seccion div#right div.infoContac div span a{ color:#132b3a;}
.layout div.seccion div#right div.infoContac div span a:hover{ color:#132b3a; text-decoration:underline}
.layout div.seccion div#right a#linkOferta{ background-image:url(../img/img-offer.jpg); display:block; width:75px; height:73px; background-position:top; position:absolute; right:0px; top:0px;}
.layout div.seccion div#right a#linkOferta:hover{ background-image:url(../img/img-offer.jpg); display:block; width:75px; height:73px; background-position:bottom;position:absolute; right:0px; top:0px;}
.layout div.seccion div#right div.contLgClientes{height:200px; width:300px; margin:auto}
/*********MAPA*****************************************************************************/
#mapa {background:transparent url(../img/back-Mapa.png) repeat-x scroll 0; z-index:1000; position:absolute; padding:10px; top:25%; left:25%; display:none;}
.contMap{width:600px; height:380px; background-color:#ededed; position:relative}
a.btCerrar{display:block; width:92px; height:30px; background-image:url(../img/bt-cerrar.jpg); background-repeat:no-repeat; background-position:top; position:absolute; bottom:0; right:0;}
a.btCerrar:hover{display:block; width:92px; height:30px; background-image:url(../img/bt-cerrar.jpg); background-repeat:no-repeat; background-position:bottom; position:absolute; bottom:0; right:0;}
#map{width:600px; height:380px;}

#oferta {background:transparent url(../img/back-oferta.png) repeat-y scroll 0; z-index:1000; position:absolute; padding:10px; top:30%; left:25%; display:none;}
.contOferta{width:570px; min-height:266px; padding:15px 7px; background-color:#ededed; position:relative}
.contOferta h2{  font: 24px "Lucida Sans", Tahoma, "Trebuchet MS";}
.contOferta h3{  font: 18px "Lucida Sans", Tahoma, "Trebuchet MS"; padding:10px 0px 10px 15px;}
.contOferta img{ float:left; margin:15px;}
.contOferta span{ float:left; padding:15px; width:250px}
.contOferta hr{border:#666666 1px solid; border-top:#FFFFFF 1px solid; border-left:none; border-right:none;}
a#btCerrarOferta{display:block; width:92px; height:30px; background-image:url(../img/bt-cerrar.jpg); background-repeat:no-repeat; background-position:top; position:absolute; bottom:10px; right:40px;}
a#btCerrarOferta:hover{display:block; width:92px; height:30px; background-image:url(../img/bt-cerrar.jpg); background-repeat:no-repeat; background-position:bottom; position:absolute; bottom:10px; right:40px;}
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:640px;
	height:263px;
	background:transparent url(../img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:80px;
  left:-17px;
  width:30px;
  background:transparent url(../img/control_left.jpg) no-repeat 0 center;
  height:40px;
}

#rightControl {
  top:80px;
  right:40px;
  width:30px;
  background:transparent url(../img/control_right.jpg) no-repeat center center;
  height:40px;
}
