/* Estilos Css */
	
	
		@font-face{
			font-family:Aveni;
			src: url(fonts/AvenirNextLTPro-Regular.eot);
			src: local(☺),
				 url(fonts/AvenirNextLTPro-Regular.eot?#amoportales) format("embedded-opentype"),
				 url(fonts/AvenirNextLTPro-Regular.woff) format('woff'),
				 url(fonts/AvenirNextLTPro-Regular.ttf) format('truetype'), 
				 url(fonts/AvenirNextLTPro-Regular.svg) format('svg');
			font-weight: normal;
			font-style: normal;
		}
		@font-face{
		   font-family: proximabol;
		   src: url(fonts/ProximaNovaSemibold.eot);
		   src: local(☺),
		   		url(fonts/ProximaNovaSemibold.eot?#amoportales) format("embedded-opentype"),
		        url(fonts/ProximaNovaSemibold.woff?4pqzqp) format("woff"),
		        url(fonts/ProximaNovaSemibold.woff2?4pqzqp) format("woff2"),
		        url(fonts/ProximaNovaSemibold.ttf?4pqzqp) format("truetype"),
		        url(fonts/ProximaNovaSemibold#proxima-Regular) format("svg");
				
		   font-weight:normal;
			font-style: normal;
		}

		/* Textos */
			.texto_18_gris{
				font-size:18px;
				color:#3f3f3f;
				line-height:30px;
			}
			.texto_20_gris, a{
				font-size:20px;
				color:#3f3f3f;
				line-height:30px;
				text-align: center;
			}
			.texto_30_gris{
				font-size:30px;
				color:#5b5b5d;
				line-height:40px;
				text-align: center;
				font-family: proximabol;
			}
			.texto_40_gris{
				font-size:30px;
				color:#3f3f3f;
				line-height:36px;
				text-align: center;
			}
				.texto_40_gris strong{font-size:45px; font-family: proximabol;}

		/* Contenido*/
		*{padding: 0; margin: 0;}

		.contenidovac{ max-width: 100vw; background-image: url(img/back.jpg); }
			.contenidoreferidos{
				width: 80%;
					max-width: 996px;
					margin: 0 auto;
					font-family: Aveni;	
					overflow: hidden;		
			}
			.headd{display: flex; justify-content: center; align-items: center;}
				.headdd{ width: 45% }
				.headd img{ height: 450px; margin-right: -126px;}
				.line{background-color:#fecb00; height: 4px; width: 40%; margin: 6% auto;}
			.colum{
				width: 90%;
				display: flex; 
				border-left: #3f3f3f 8px solid;
					border-radius: 6px; 
				padding: 15px 0;
					margin: 35px auto;
				background-color: white; 
			}
				.colum ul{ width: 40%; margin:0 5%;}
					.colum ul li{
						font-size:16px;
						padding: 10px 15px ;
						border-radius: 6px;
						border: #5b5b5d 2px solid;
						text-align: center;
							list-style: none;  
						margin: 15px 0;
					}
			span{padding: 5px 15px; background-color:#fecb00; color: #3f3f3f; font-family: Aveni;}

			.nota{ text-align: center; margin: 35px 0; display: flex; align-items: center; justify-content: center;}
				.notap{margin:15px;}
				.btnvacantes{ padding: 15px 35px; background-color:#fecb00; color: #3f3f3f; border-radius: 25px; text-decoration: none;}
				.btnvacantes:hover{ background-color:#3f3f3f;color: #fecb00;  }

			.line2{background-color:#fecb00; height: 70px; width: 4px; margin: 0 25px ;}
			.fin{ margin: 55px 0; }


			.seccioncompartir{ display: flex; align-items: center; justify-content: center; }

			/*boton share*/

			.btn_calc{
			    display: inline-block;
			    text-decoration: none;
			    vertical-align: top;
			    width: 20px;
			    	height: 20px;
			    	border-radius: 5px;
			    color: #ffffff;
			    padding: 25px;
			    border-radius: 15px;
			    line-height: 24px;
			    text-align: center;
			    background: white;
			    cursor: pointer;
			    margin-right: 10px;
			}
			    #cajaShare {
			    width: 100px;
			    position: absolute;
			    border-radius: 15px;
			    background: #f3f3f3;
			}
				.btn_calc:focus { outline: -webkit-focus-ring-color auto 0;}
			#cajaShare {
			    height: 0;
			    overflow: hidden;
			    transition: all ease .2s;
			}
				#cajaShare.open{
				    height: 210px;
				}
				#cajaShare a {
				    text-decoration: none;
				    display: block;
				    margin: 10px auto;
				}

			.icon {
			    display: block;
			    width: 40px;
			    height: 40px;
			    margin: 0 auto;
			    background-size: cover;
			}

    #cajaShare #icoFb {
        background: url(img/iconos-movil-facebook.svg) no-repeat center;
    }
    #cajaShare #icoTwitter {
        background: url(img/iconos-movil-twitter.svg) no-repeat center;
    }
    #cajaShare #icoLK {
        background: url(img/link.svg) no-repeat center;
    }
    #cajaShare #icoMail {
        background: url(img/icoMail.svg) no-repeat center;
    }

    .iconshare {
    	background-image: url(img/share.svg);
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size: 50%;
    }

    /*#icoFb:hover, #icoMail:hover, #icoTwitter:hover, #icoLK:hover {border-style: solid; border-color: #fddb00; border-width: 2px; border-radius: 50px;}*/
    		
    		/*boton.. de nuevo*/

    		.btnenlinea{ display: flex;}
    			.btnca{padding: 10px;}
    		   #icoFb{
			        background: url(img/iconos-movil-facebook.svg) no-repeat center;
			    }
			     #icoTwitter{
			        background: url(img/iconos-movil-twitter.svg) no-repeat center;
			    }
			    #icoLK{
			        background: url(img/link2.svg) no-repeat center;
			    }
			    #icoMail{
			        background: url(img/ail.svg) no-repeat center;
    			}
			/*Cabeza GS*/

			.st0{fill:#F5D932;}
			.st1{fill:#5E5E61;}
			.encabezado{position: relative; padding: 20px 0; background-color: white;border-bottom: 4px solid #fddb00; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);}
				.texto_cabe{color: #919191; text-align: center; font-family: proximabol; font-size: 20px; }
				.encabezado svg{ position: absolute; left: 25%; top:25%; width: 35px;  height: 35px; }

			/*foot GS*/

			.foot{ padding: 25px 0; background-color: #292a2a; box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.5); margin-top:170px;}
				.texto-pie{color: #444; text-align: center; font-family: avenir; font-size: 14px; }
					.texto-pie a{color: #707070; text-decoration: none; font-family: avenir; font-size: 14px; }

			/* Responsive*/

			@media only screen and (max-width: 600px) {
				.headd{ display: block; padding-top: 35px;}
					.headdd{width: 100%;}
						.headd img{ height: 300px; margin-left: 40px;}

				.encabezado svg{  left: 15%; }
				.colum{display: block; margin: 0 auto; width: 100%;}
				.colum ul{ width: 85%; margin:0 auto;}
					.colum ul li{ text-align: left; }

				.nota{ display: block;}
					.line2{ display: none; }
					.notap{ margin-bottom: 50px; }
			}		

			@media only screen and (max-width: 420px) {
				.contenidoreferidos{overflow: hidden;}
				.correo{font-size: 15px;}
				.encabezado svg{  left: 8%; }
					.texto_cabe{font-size: 16px;}
				.seccioncompartir{display: block; width: 80%; margin: 0 auto;}
			}
			@media only screen and (max-width: 370px) {
				.encabezado svg{  left: 4%; }
			}