body { margin: 0; color: #666; padding: 0; line-height: 1.4; font-family: arial;font-size: 12px; background: url(img/bg4.jpg) repeat-x #fff; }

.gnl {width: 940px; margin: 0 auto; background:#f7f7f7; padding: 8px 11px; }

a, a img { text-decoration: none; border: none;}

.logo { background: url(img/logo4.jpg); width: 784px; height: 70px; float: left; margin: 7px; }

h1 { color: #37683B; padding:0 0 10px 0; font-size: 26px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
h2 { font-size: 12px; color: #34673C; padding: 0 0 5px 0; margin: 0 0 2px 0; border-bottom: 1px solid #ccc; }

.top { width: 940px; height: 91px; margin:0 auto; }

ul, ul li { list-style: none; padding: 0; margin:0;}

.lang{text-align:right; color:#37683B;}
.lang a{color:#37683B; text-decoration:none;}
.lang a:hover{text-decoration:underline;}

.sociak{float:right; margin-top:14px;}
.sociak a{display: inline-block; width:32px; height:49px; background:url(img/sociak.png) no-repeat;}
.sociak .tw{background-position:-39px 0;}
.sociak .yt{background-position:-78px 0;}
.sociak .gg{background-position:-116px 0;}


.menu                            { color: #fff; }
.menu ul, .menu ul li            { margin: 0; padding: 0; float: left; list-style: none; height: 32px; line-height: 35px;  }
.menu ul li a                    { display: block; color: #000;   padding: 0 6px;}
.menu ul li a:hover, .menu_hover { background:#396C41;  color: #FFF!important;}

#nav                { padding:0; list-style:none;}
#nav li             { float:left;  display:block;  position:relative; z-index:500;  margin:0 1px;   }
#nav ul             { position:absolute;   left:0; display:none; margin:0; background:#234125;   list-style:none;     }
#nav ul li          { float:left; margin:0 0 1px 0;  padding:0; box-shadow: 2px 1px 2px #333; height: 21px; line-height:21px;  width:120px;    }
#nav ul li a        { display:block;   color:#fff; border-bottom: 1px solid #336036; padding:0 5px; background:#234125; }
#nav ul li ul       { margin:-21px 0 0 120px;}
#nav ul li ul li    { background: #AAD2AD!important; width: 170px;}
#nav ul li a:hover  { background:#AAD2AD;  color: #0C380E;}

.sucb               { padding:5px 0 0 10px;  margin-top: 10px; height: 118px; background: url(../do/img/vega_real_r2_c2.jpg) no-repeat; }
.sucb h1            { border: 0; margin: 0; padding: 0; font-size: 16px; color: #333; line-height: 1;}
.sucb input         { color: #a4a4a4; border: 1px solid #37683B; width: 253px; height: 25px; background: #F7F7F7; }
.sucb input:hover   { background:#E8FCE9 ;}
.sucb button        { background: #fff; border: 0; float: right; text-decoration: underline; color: #37683B;}
.sucb button:hover  { color: #333; cursor: pointer;}

.clear { clear: both}

.line  { background: #ddd; height: 1px; margin:10px 0; clear: both;}
.line2 { background: #E0E0E0; height: 4px; margin:12px 0; clear: both; border-bottom: 1px solid #fff; border-top: 1px solid #c4c4c4; }

.somos { line-height: 1.5;}
.somos strong { font-size: 18px; color: #333; }
.somos a img {float: left; margin: 0 10px 10px 0;}

.mensg          { font-size: 26px;  background: #EEEEEE; padding: 10px; color: #37683B; }
.mensg a        { display: block; width:167px;  height:44px; float: right; background: url(img/vega_real_r10_c23.jpg); margin-top: 5px; }
.mensg a:hover  { background-position: 0 -44px;}

a.green         { color: #fff; padding: 2px 8px; background: url(img/vega_real_r4_c7.jpg) center; color: #fff!important; font-size: 12px; font-weight: normal!important ; }
a.green:hover   { text-decoration: underline;}

.home_colum_l   { width: 302px; float: left;}

.tasa           { margin: 0 0 8px 0;}

.serv_box       {width: 469px; margin: 0 auto; padding: 10px; border: 1px solid #cacaca; border-bottom: 2px solid #cacaca; background: #fff; margin: 0 auto;}

table.serv_box       {width: 469px; margin: 0 auto; padding: 10px; border: 1px solid #cacaca; border-bottom: 2px solid #cacaca; background: #fff; margin: 0 auto; line-height: 1.4; font-family: arial; font-size: 12px;}

/* .sucursales                       { width: 650px;  float: left;} */
.sucursales                       { width:auto; }
.sucursales ul, .Sucursales ul li { padding: 0; margin: 0; list-style: none;}
.sucursales ul li                 { width: 275px; padding:15px 10px; margin-right: 15px; float: left; border-bottom: 1px solid #ddd;}
.sucursales strong                { color: #284A2A; font-size: 14px;}

.home_colum_c       { width: 391px; float: left; margin: 0 24px;  }
.home_colum_c p     { padding:4px 0; margin: 0; width: 294px; float: right;}
.home_colum_c a img { float: left; margin: 0 8px 8px 0; }
.home_colum_c a     { font-weight: bold;  font-size: 14px; color: #333; }

/*.cont_left { width:630px; float:left; }*/
.cont_left { width:auto;}


/* .noticias                     { width: 650px; float: left; line-height: 1.2;} */
.noticias                     { width:auto; line-height: 1.2;}
.noticias a                   { display: block; color: #333; font-size: 14px; font-weight: bold; }
.noticias a img               { float: left; margin-right: 8px;}
.noticias a:hover             { color: #000;}
.noticias ul, .noticias ul li { margin: 0; padding: 0; list-style: none;}
.noticias ul li               { padding: 8px 0; border-bottom:  1px solid #ddd;}


.home_colum_r { width: 447px; float: right;}
.home_colum_r div {background: url(img/vr_USA_r10_c12.jpg); width: 427px; height:196px; padding: 10px; display:block;}
.home_colum_r a { font-size: 16px; font-weight: bold;  color:#444; margin: 5px 0; }
.home_colum_r a img { float: left; margin-right: 8px;}
.home_colum_r h1 a{font-size:14px; font-weight:bold; float:right; color:#444; margin-top:15px;}

.home_colum_l { width: 459px; float: left;}
.home_colum_l h1 { border-bottom: 1px solid #ccc;}
.home_colum_l p { padding:0; margin: 0;}
.home_colum_l a { font-size: 18px;  color:#376A3F; margin: 5px 0;  display: block;}
.home_colum_l a img { float: left; margin-right: 8px}
.home_colum_l h1 a{font-size:14px; font-weight:bold; float:right; color:#444; margin-top:15px;}


.hubic a {color: #0033CC;}
.hubic p { padding: 0; margin: 0; line-height:1.5;}
.hubic a img { border: 3px solid #fff; margin-bottom: 10px;}

.stado { width: 650px; float: left;}
.stado ul, .stado ul li { margin: 0; padding: 0; list-style: none;}
.stado ul li a { border-bottom: 1px solid #ddd; display:block; color: #333;  background: url(img/estados_r2_c2.jpg) no-repeat 0 7px; line-height: 29px; height: 29px; padding-left:19px; }
.stado ul li a:hover { color: #219916;}

.buscador { float: right; margin:10px 0 0 0 ; width: 250px;}
.buscador input { border: 1px solid #ddd; width: 180px; font-size: 10px; padding: 0 4px; height: 21px;  float: left; }
.buscador button { background: url(img/_r3_c7.jpg) repeat-x #ddd; border: 1px solid #fff; height: 22px; float: left; cursor: pointer; color: #555; }

/* .servicios { width:650px; padding-bottom: 20px; float:left; } */
.servicios { width:auto; padding-bottom: 20px;}


.formulario input {width:280px; border: 1px solid #ADADAD; padding:4px 2px;}
.formulario textarea {width:280px; height: 85px; border: 1px solid #ADADAD; padding: 4px 2px;}
.formulario button { background: url(img/contacto_r4_c4.jpg) repeat-x #234125;  border: 0; padding: 4px 10px; color: #fff; }



.row { margin:8px 0 8px -52px;}
.row div {color: #396C41; text-align: center; float: left; width:276px; margin-left: 52px; height:325px; background: url(img/_r1_c1.jpg); }
.row h1, .row2 h1 { height: 50px; line-height: 50px; font-size: 18px; color: #396C41; border: none; padding: 0; margin: 0 0 8px 0;}
.row div img{border:1px solid #FFF;}

.row2 div {color: #fff; text-align: center;  width:275px; margin:7px 0; height:215px; background: url(img/_r3_c5.jpg); }

.redes { float: right;}
.redes a img { margin: 0; padding: 0;}


.somos h1 { border: none;  padding:0;}


.top2 { width:938px; height:303px; margin: 5px auto;  }

.box {width:938px; height:303px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; position:absolute;	background:url(img/bg_slide.png) no-repeat center; }
.box a {text-decoration:none;}
.box a:hover {text-decoration:underline;}

.det {background:url(img/neg.png); width:308px; height:63px; margin-top:261px; position:absolute; padding-left:13px; padding-top:17px; z-index:10; display: none;}
ul.bxActual_nmr {position:absolute;	z-index:500; margin-top:228px; margin-left:800px; list-style:none;}

.bxActual_nmr li, .sldNrm  {color:#313030; float: left; width:17px; height:17px; margin:50px 0 0 2px; background:url(img/arr2.png) no-repeat;}
.bxActual_nmr li:hover, .sldCrr { cursor: pointer;  background:url(img/arr.png) no-repeat!important;}
ul.bxActual_nts {list-style:none; margin:0; padding:0;}
ul.bxActual_nts img {border:0; z-index:5;}
ul.bxActual_nts a.ti {font-size: 30px; color:#313030; clear:both; display:block;}
ul.bxActual_nts p {margin-top: 5px;	font-size:12px;	color:#E20A16; margin:0; padding:0;}


.tbTi { border-bottom: 1px solid #ccc; height: 27px; border-top: 1px solid #ccc; padding: 4px 0;  margin: 0;}
.tbTi li { border-left: 1px solid #ccc; cursor: pointer;}
.tbTi li, .tbTi li.normal { float: left; font-size: 11px; color: #234125; padding:5px 15px;  }
.tbTi li:hover, .tbTi li.curr, .tbTi li a:hover { color: #FFF; text-decoration: none; background-color:#234125;; }
.tbTi li a{color: #234125; }
.tbTi li a:hover, .tbTi li:hover a{color: #FFF; }
.tbBx li { }
.tbBx li p strong {font-size: 12px; color: #37683B;}
.tbBx li img {float: left; margin: 0 10px 10px 0;}

#tableRemesa { font-size: 12px; line-height: 1.4;}

.stado li a:hover { background-color: #fff;}


a.boton { background: url(img/contacto_r4_c4.jpg); border: 0; color: #fff; color: #fff; font-weight: normal; padding: 2px; text-align: center; font-size: 12px; width: 80px; }

.foot { background:url(img/vega_verde_r5_c7.jpg) repeat-x;  color:#396C41;}
.foot a { color:#396C41;  margin: 0 10px; }
.foot_div {width: 940px; margin: 0 auto; padding-top: 8px;}

.foot_div table { width: 890px; float: left; font-weight: bold;}
.foot_div table img { margin-right: 5px; }


.news{color:#396C41; height:35px; float:left;}
.news input[type=text]{width:150px; height:14px; border:1px solid #213F25; float:left; margin-right:4px; padding:4px;}
.news button{float:left; width:82px; text-align:center; color:#A1EB2F; background:#396C41; height:22px; line-height:22px; border:0;}

/* FOTO */
#foto {}
#foto .slides_container {width:330px; overflow:hidden; float:left; position:relative; border:1px solid #dfdfdf; display:none;}
#foto .slides_container a {width:330px; height:229px; display:block;}
#foto ul { background:#dfdfdf; width:112px; padding:0; float:left; margin:0 0 0 7px; }
#foto ul li a { display:block; width:50px; margin:0; height:50px; float:left; background:#f9f9f9; border:1px solid #FFF;}
#foto ul li {
    float:left;
    margin:2px 4px;
    list-style:none;
    padding:3px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 5px #FFFFFF;
    object-fit: cover;
    cursor: pointer;
    margin: 0;
}
#foto p {
    display: none;
}

/* FOTOS */
#fotos{}
.fotos div {width:460px; height:310px; overflow:hidden; float:left; position:relative; border:1px solid #dfdfdf; display:none;}

#fotos .slides_container a {width:460px; height:310px; display:block;}
#fotos ul { background:#dfdfdf; width:161px; padding:3; float: right; margin:0; }
#fotos ul li {
    float:left;
    margin:2px 4px;
    list-style:none;
    padding:3px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border: 5px #FFFFFF;
    object-fit: cover;
    cursor: pointer;
    margin: 0;
}
#fotos ul li a { display:block; width:70px; height:70px; margin:0; float:left; border:1px solid #FFF; background:#f9f9f9;}
#fotos ul li.current a {	border:1px solid #7f7f7f; margin:0;}
#fotos .container {
  width: 100%;
  height: 100%;
  text-align: center;
}
#fotos p {
    padding: 5px;
    background: #666;
    color: #FFF;
}
.masfotos ul li { height:140px; width: 275px; margin-bottom:10px; padding:15px 10px; margin-right: 15px; float: left; border-bottom: 1px solid #ddd;}

.masvideos ul {margin:0; padding:0; list-style:none;}
.masvideos ul li {height:145px; width:125px; float:left; margin:0 10px 10px 0;}
.masvideos ul li figure div {float:left; margin:-20 5px 3px -40;}
.masvideos ul li figure div iframe {height:90px; width:120px; float:left; margin:0 5px 3px 0; display: none;}
.masvideos ul li strong {margin:0 0 5px 0; display:block; font-size:12px;}

#video div {height:auto; background-image:none; background-color:#EBEBEB;}
#video ul li {height:145px; width:125px; float:left; margin:0 10px 10px 0;}
