body{
	margin: 0px;
	font-family: 'Roboto', sans-serif;}

#top{width: 100%;
    height: 10em;
    min-width: 1200px;
    background-color: #f1eef5;
    position: absolute;
}

	
#barra{
    position: absolute;
    z-index: 999999;
    height: 5px;
    width: 100%;
    background-color: #a94da0;
}

#cabecera{
	height: 124px;
    position: absolute;
    z-index: 99999;
    width: 1174px;
    left: 50%;
    margin-left: -587px;
    margin-top: 5px;
background-color: #ffffff;
    border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
    webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);}

#logo{
        margin-left: 23px;
    margin-top: 24px;
    float: left;
    width: 250px;
}

#vic{
	width: 800px;
	left: 100px;
}

#logoel{
    width: 321px;
    height: 179px;
    margin-top: -51px;
}

#menugeneral{
    background-color: #5c4c78;
    padding: 9px 15px 9px 15px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
    /*max-width: 128px;*/
}

#menugeneral:hover{
background-color: #a84b9c;
}

.navbar-nav>li {
    float: left;
    width: 120px;
    height: 28px;
    margin-left: 18px;
}

.navbar {
    min-height: 37px;
}

.navbar-inverse {
     background-color: transparent; 
     border-color: transparent; 
}

.dropdown-menu {
    min-width: 128px;
    background-color: transparent;
    box-shadow: none!important;
    border: 0;
    }

.dropdown-menu>li>a {
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    /*max-width: 128px;*/
    background-color: #423559;
    padding: 9px 15px 9px 15px;
    margin-bottom: 1px;
    text-align: center;
    color: #ffffff !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus{
    background-color: #a84b9c!important;
}

.dropdown-submenu .dropdown-menu {
         top: 0; 
    left: 100%;
    margin-top: -1px;
    margin-left: 1px;
}

.dropdown-submenu {
    position: relative;
}


#banner{
	    height: 500px;
    width: 100%;
    min-width: 1200px;
    /*background-image: url(../img/banner.jpg);*/
    margin-left: auto;
    margin-right: auto;}

#layerslider1{
    width: 100%;
    min-width: 1200px;
    height: 500px;
    margin: 0px auto;
}
	
#bannerbolsa{
	height: 360px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/nosotros-trabaja.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

#bannerbolsa1{
    height: 500px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/contactenos.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

#banners{
    height: 500px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/nosotrosss.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}

#bannernosotros{
    height: 500px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/call.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}

#bannerinfra{
    height: 600px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/infra.jpeg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

#bannernosotross{
    height: 500px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/call.png);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

#bannercontactanos{
	height: 700px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/contactenosss.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

#bannerrecursos{
    height: 500px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/indicadores.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}
	
#bannerservicio{
	height: 500px;
    width: 1168px;
    background-image: url(../img/interna-detalle-servicio.png);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

#bannerprospeccion{
    height: 348px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/PROSPECCION1.png);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

#bannerventa{
    height: 348px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/VENTA1.png);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

#bannerseguimiento{
    height: 348px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/SEGUIMIENTOS.png);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px;  
}

#bannercobranza{
    height: 500px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/cobranza.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat; 
}

/*#bannercobranza{
    height: 500px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/cobranza.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px; 
}*/

#bannercontable{
    height: 348px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/servicio-contable.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

#bannerconsultoria{
    height: 348px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../img/internas/consultoria-procesos.png);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 50px; 
}

#menu{
	height: 127px;
    width: 100%;
    min-width: 1200px;
    background-color: #b15da6;
    margin-bottom: 10px;
    text-align: center;}

#centrarmenu{
	width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;}

.imgmenu{
	padding-left: 54px;
    padding-right: 54px;
	float:left;
    margin-top: 16px;
    text-align: center;
}

.imgmenu a:hover{
    text-decoration: none;
}

#ico-prospeccion{
    background: url(../img/iconos/prospeccion.png);
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

#caja-prospeccion:hover #ico-prospeccion{
    background: url(../img/iconos/prospeccion-hover.png);
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#ico-ventas{
    background: url(../img/iconos/venta.png);
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

#caja-ventas:hover #ico-ventas{
    background: url(../img/iconos/venta-hover.png);
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#ico-seguimiento{
    background: url(../img/iconos/seguimiento.png);
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

#caja-seguimiento:hover #ico-seguimiento{
    background: url(../img/iconos/seguimiento-hover.png);
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#ico-cobranza{
    background: url(../img/iconos/cobranza.png);
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

#caja-cobranza:hover #ico-cobranza{
    background: url(../img/iconos/cobranza-hover.png);
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#ico-contable{
    background: url(../img/iconos/contable.png);
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

#caja-contable:hover #ico-contable{
    background: url(../img/iconos/contable-hover.png);
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#ico-consultoria{
    background: url(../img/iconos/consultoria.png);
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

#caja-consultoria:hover #ico-consultoria{
    background: url(../img/iconos/consultoria-hover.png);
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#caja-prospeccion:hover #textomenu,
#caja-ventas:hover #textomenu,
#caja-seguimiento:hover #textomenu,
#caja-cobranza:hover #textomenu,
#caja-contable:hover #textomenu,
#caja-consultoria:hover #textomenu{
    color: #83023a;
        -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#cuerpo{
	    width: 1177px;
		overflow: auto;
    margin-left: auto;
    margin-right: auto;}

#eline{
	width: 1177px;
    margin-left: auto;
    margin-right: auto;
    }

#elinetit{
	    width: 522px;
    margin-bottom: 15px;
    font-size: 25px;
    color: #5c4c78;}

#elinetit a{
      width: 250px;
    /*margin-bottom: 15px;*/
    font-size: 25px;
    color: #5c4c78; 
    margin-left: 325px; 
    margin-top: -35px;
    float: left; }  

    #elinetit a:hover{
    color:#a84b9c;
    text-decoration: underline;

}
#elinetit a:focus{
    color: #a84b9c;
    text-decoration:none;
}



#elinetit9{
    width: 522px;
    
    font-size: 25px;
    color:#5c4c78;;
}

#elinetitcon{
    width: 522px;
    margin-bottom: 15px;
    font-size: 25px;
    color: #5c4c78;
    margin-top: 100px;
}



#servidetatexto{
	width: 522px;
    font-size: 14px;
    color: grey;}

#elinetexto{
	    width: 522px;
    float: left;
    font-size: 14px;
    color: grey;}

#elineinfra{
    width: 762px;
    float: left;
    font-size: 14px;
    color: grey;
}
	
#servidetatit{
	width: 762px;
    margin-bottom: 15px;
    font-size: 40px;
    color: grey;
    float: left;}

#servidetasubtit{
	font-size: 20px;
    color: #5c4c78;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 380px;}

#servidetasubtit2{
    font-size: 20px;
    color: #5c4c78;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 380px;
}

#servidetasubtexto{
	font-size: 14px;
    color: grey;
    height: 180px;}

#elineimg{
	
    height: 300px;
    width: 200px;
    float: left;
	margin-left: 10px;}

#elinevision{
	
    height: 157px;
    width: 240px;
    float: left;
	margin-left: 10px;}
	
#servidetaimg{
	background: url(../img/teleagendamiento.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#servidetaimg2{
	background: url(../img/estudios-de-mercado.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}

#serviventaimg{
	background: url(../img/telemarketing.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#serviventaimg2{
	background: url(../img/verificaciones.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#serviventaimg3{
	background: url(../img/evaluacion-crediticia.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#serviventaimg4{
	background: url(../img/registro-validacion-documentos.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#servisegimg{
	background: url(../img/servicio-cliente.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}

#servisegimg2{
	background: url(../img/encuestas.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#servisegimg3{
	background: url(../img/actualizacion-datos.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#servisegimg4{
	background: url(../img/monitoreo-calidad.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#servisegimg5{
	background: url(../img/servicio-fidelizacion.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#servicobimg{
	
    height: 157px;
    width: 383px;
    /*float: left;*/
	margin-right: 20px;
    margin-top: 100px;}

#servicobimg2{
	
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#servicobimg3{
	background: url(../img/cobranza-digital.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#servicobimg4{
	background: url(../img/cobranza-campo.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}
	
#servicobimg5{
	background: url(../img/cobranza-judicial.png);
    height: 157px;
    width: 383px;
    float: left;
	margin-right: 20px;}

#servidetasubtit14{
    font-size: 20px;
    color: #5c4c78;
    margin-top: -155px;
    /*margin-bottom: 10px;*/
    float: left;
    width: 380px;
    margin-left: 400px
}    
	


#elineimgbolsa{
	/*background: url(../img/home_29.jpg)*/;
    height: 135px;
    width: 240px;
    float: left;
	margin-left: 10px;}
	
#redes{
	height: auto;
    width: 292px;
    float: left;
    margin-left: 35px;}

#red1{
	background: url(../img/reclamaciones.jpg);
    height: 120px;
    width: 292px;
    margin-bottom: 25px;}
#redes1{
    height: auto;
    width: 292px;
    float: left;
    margin-left: 35px;
}
    
	
#red2{
    height: 270px;
    width: 292px;
	margin-bottom: 25px;}

#red3{
	background: url(../img/trabaja.jpg);
    height: 114px;
    width: 292px;
    margin-bottom: 25px;}

#red4{
   background-image: url(../img/reclamaciones.jpg);
    height: 120px;
    width: 292px;
    margin-bottom: 25px;
 }  
#servicios{
	float: left;
    width: 800px;
    margin-top: -381px;
    margin-top: -139px;
    margin-bottom: 20px;
}

#contact {
    float: left;
    width: 800px;
     /*margin-top: -300px;*/ 
    margin-bottom: 20px;
}

#indicadores {
    float: left;
    width: 800px;
    margin-top: -128px;
    margin-bottom: 20px;
}

#infraslider {
    float: left;
    width: 800px;
    margin-top: -139px;
    margin-bottom: 20px;
}

.servicios{
	width: 400px;
    height: 200px;
	float: left;}

.serimg{    width: 145px;
    height: 118px;
    float: left;
    margin-right: 15px;}

#ser1img{
	background-image: url(../img/atencion.jpg);}
#ser2img{
	background-image: url(../img/telemarketing.jpg);}
#ser3img{
	background-image: url(../img/data.jpg);}
#ser4img{
	background-image: url(../img/cobranza.jpg);}
	
#sertit{float: left;
    margin-top: 15px;
    width: 220px;
    color: #5c4c78;}

#sertitprin{
	    font-size: 25px;
    margin-bottom: 15px;
    color: #5c4c78;}

#sertext{width: 220px;
    float: left;
    font-size: 12px;
    color: grey;}
	
#serbtn{float: right;
    margin-top: 50px;
    border-radius: 5px;
    background-color: #5c4c78;
    color: white;
    font-size: 11px;
    width: 80px;
    text-align: center;
    height: 23px;
    line-height: 23px;
    margin-right: 30px;}

#boletin{
	width: 100%;
    min-width: 1200px;
    height: 50px;
    background-color: #5c4c78;}

#centrarboletin{
	    width: 1177px;
    margin-left: auto;
    margin-right: auto;}
	
#social{width: 230px;
    margin: 0 auto;}





#fb{
    width: 31px;
    height: 30px;
    background: url(../img/ico-fb.png);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#fb:hover{
    background: url(../img/ico-fb-hover.png);
}

#lk{
    width: 31px;
    height: 30px;
    background: url(../img/ico-lk.png);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#lk:hover{
    background: url(../img/ico-lk-hover.png);
}

#yt{
    width: 31px;
    height: 30px;
    background: url(../img/ico-yt.png);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#yt:hover{
    background: url(../img/ico-yt-hover.png);
}


.iconos{
	float: left;
    margin-left: 9px;
    margin-top: 10px;
    cursor: pointer;
}

#sig{
	float: left;
    line-height: 50px;
    color: white;}

#datos{
	width: 100%;
    min-width: 1200px;
    padding-bottom: 10px;
    background-color: #303030;
	    font-size: 13px;
    background-image: url(../img/bright-squares.png);
    line-height: 20px;
    text-aling: center;
}

#datos a:hover{
    text-decoration: none;
    color: #ffffff;
}

.lineapie{
    width: 240px;
    padding-bottom: 8px;
    border-color: rgba(177, 93, 166, 0.7);
    border-style: solid;
    border-width: 0 0 1px;
    box-shadow: 0 1px #5c4c78;
    margin-bottom: 10px;
    font-weight: bold;
}

.somos{
	padding-top: 20px;
    color: white;
        width: 250px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

#datos ul{
	    /*list-style-type: square;*/
    padding-left: 18px;}
	
#servicios2text{
	padding-top: 18px;}

#copyr{
    color: #888889;
}

#firma{
    color: #888889;
    text-align: right;
}





#links{    
	    float: right;
    	margin-top: 54px;
    	margin-right: 20px;}

#links ul{
	list-style-type: none;
	color: white;
    font-size: 13px;
}
	
#links ul li{
	/*float:left;*/}
	
#links ul li>a>#menu1{
	background-image: url(../img/menu1.png);
    width: 123px;
    height: 46px;
    text-align: center;
    line-height: 46px;}

#links ul li>a>#menub1{
	background-image: url(../img/menub1.png);
    width: 123px;
    height: 46px;
    text-align: center;
    line-height: 46px;}

#links ul li>a>#menu2{
	background-image: url(../img/menu2.png);
    width: 154px;
    height: 46px;
    text-align: center;
    line-height: 46px;}

#links ul li>a>#menub2{
	background-image: url(../img/menub2.png);
    width: 154px;
    height: 46px;
    text-align: center;
    line-height: 46px;}
	
#links ul li>a>#menu3{
	background-image: url(../img/menu2.png);
    width: 154px;
    height: 46px;
    text-align: center;
    line-height: 46px;}

#links ul li>a>#menub3{
	background-image: url(../img/menub2.png);
    width: 154px;
    height: 46px;
    text-align: center;
    line-height: 46px;}
	
#links ul li>a>#menu4{
	background-image: url(../img/menu2.png);
    width: 154px;
    height: 46px;
    text-align: center;
    line-height: 46px;}

#links ul li>a>#menub4{
	background-image: url(../img/menub2.png);
    width: 154px;
    height: 46px;
    text-align: center;
    line-height: 46px;}

#links ul li>a>#menu5{
	background-image: url(../img/menu3.png);
    width: 169px;
    height: 46px;
    text-align: center;
    line-height: 46px;}
	
#links ul li>a>#menub5{
	background-image: url(../img/menub3.png);
    width: 169px;
    height: 46px;
    text-align: center;
    line-height: 46px;}

a{
	text-decoration: none;
    color: white;}

#titbolsa{
    color: #662380;
    font-size: 35px;
    font-weight: bold;
/*	background: url(../img/trabaja-con-nosotros-t.jpg);
    height: 183px;
    width: 419px;
    margin-bottom: 40px;
    margin-top: -180px;
    float: left;*/}

.rosado{
    color: #b9589f;
    font-size: 15px;
}

#titcontac{
	/*background: url(../img/trabaja-con-nosotros-t.jpg);*/
    height: 183px;
    width: 419px;
    margin-bottom: 40px;
    margin-top: -210px;
    float: left;}

#imgbolsa{
	background: url(../img/jovenes.png);
    height: 392px;
    width: 245px;
    margin-bottom: 40px;
    margin-top: -180px;
    float: left;}

    #imgbolsa1{
    /*background: url(../img/jovenes.png);*/
    height: 392px;
    width: 245px;
    margin-bottom: 40px;
/*    margin-top: -180px;
    float: left;*/}

#imgcontac{
	/*background: url(../img/trabaja-con-nosotros-fondo.png);*/
    height: 548px;
    width: 800px;
    margin-bottom: 40px;
    margin-top: -180px;
    float: left;
	}

#formbolsa{
	width: 800px;}
	
#cuerposervicios{
	width: 790px;
    float: left;
    margin-top: -282px;}

#cuerposerviciosmapeo{
    width: 790px;
    float: left;
    margin-top: -225px;
    margin-bottom: 33px;}
   
#servidetatusubtexto121{
      font-size: 14px;
    color: grey;
     height: 180px;
     width: 400px;
     margin-top:-155px;
     float: right;
     margin-right: 375px;
}   

#servidetasubtexto1221{
     /*font-size: 14px;
    height: 185px;*/
     font-size: 14px;
      width: 420px;
    color: grey;
     height: 180px;
     float: right;     
     /*margin-top: -220px;*/
     margin-right: 350px;
}

#ularreglo{
    float: left;
    margin-left: -25px;
}

.videocaja{
    float: left;
    margin-left: 830px;
    margin-top: -160px;

}

.videjocaja1{
    float: left;
    margin-left: 830px;
    margin-top: -220px;    

}

#cajasbolsa{
/*	width: 200px;*/
    float: left;
    /*margin-top: -320px;
    margin-left: 105px;*/}

#cajascontac{
	width: 200px;
    float: left;
    margin-top: -560px;
    margin-left: 105px;}

input{
	margin-bottom: 6px;
    width: 260px;
    height: 37px;
    border: solid 1px #b9589f;
    border-radius: 5px;
    padding-left: 11px;
webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4)
    }

.espaciobase20{
    margin-bottom: 20px;
}

textarea{
	width: 270px;
    height: 45px;}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
        font-size: 14px;
    font-weight: 700;
    color: white;
    background-color: #8e5791;
    display: inline-block;
    cursor: pointer;
    width: 131px;
    height: 37px;
    border-radius: 5px;
    text-align: center;
    line-height: 37px;
    max-width: none;
}

.inputfile:focus + label,
.inputfile + label:hover {
    /*background-color: red;*/
}

#espacio{
    height: 80px;
}

	
#enviar{
	height: 37px;
    width: 131px;
    border: none;
    background-color: #62517e;
    color: #ffffff;
    font-weight: bold;
}

#enviarcontac{
	background: url(../img/enviar.png);
    height: 48px;
    width: 134px;
    /* float: left; */
    margin-top: -420px;
    margin-left: 250px;
    border-style: none;}
	
#mensajeform{
	width: 315px;
    margin-top: -128px;
    font-size: 16px;
    color: gray;}
	
#cv{
	/*background: url(../img/adjuntar-cv.jpg);*/
    height: 45px;
    width: 148px;
    float: left;
    /*margin-top: -200px;*/
    margin-left: 100px;}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: 2px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-default {
     background-color: transparent; 
     border-color: transparent; 
}

.imgcontacto{
    margin-bottom: 20px;
}

#contactodatos ul{
    list-style-type: none;
    padding-left: 5px;
}

.h2contacto{
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    font-size: 2.0rem;
}

#contacto-form button:hover, #contacto-form button:focus {
    background-color: #b15da6;
}
#contacto-form button {
    color: #ffffff;
    background-color: #5c4c78;
    line-height: 24px;
    line-height: 2.6rem;
    border-radius: 5px;
    margin-bottom: 14px;
    font-size: 17px;
    font-size: 1.7rem;
}

#map{
width: 100%;
height: 350px;
margin-top: 20px;
margin-bottom: 25px;
}

.sinpadding{
    padding-left: 0;
    padding-right: 0;
}

.sinmargin{
    margin-left: 0;
    margin-right: 0;
}

.fa {
    font-size: 17px;
}