/*General*/
	/*Format*/
		body {
			background: black;
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		}
		main{
			background: white;
		}
		h1 {
		    font-size: 30vmin;
		    color: #0050a0;
		    font-weight: 300;
		    text-transform: uppercase;
		}
		h2 {
			font-size: 8vmin;
			color: #0050a0;
			font-weight: 300;
			text-transform: uppercase;
		}
		h3 {
			font-size: 1.8em;
			color: #0050a0;
			font-weight: 400;
			text-transform: uppercase;
		}

		h4{
		    color: black;
		    font-weight: 600;
		    font-size: 1em;
		}
		p {
			font-size: 1em;
		    color: black;
			margin-top: 1vmin;
		    font-weight: 300;
			text-align: justify;
		}

		a,
		a:visited{
			color: rgba(0,80,160,.6);
		    font-size: 1em;
		    text-decoration: none;
		}
		a:hover,
		a:active{
		    color: rgba(0,80,160,1);
		    text-decoration: none;
		}
		table{
			width: 100%;
		    margin-top: 6vmin;
		}    
		td{
			font-size: 1.5em;
		    color: white;
		    font-weight: 300;
		    width: 28vmin;
		    padding: 2vmin 0;
		}
		input {
		font-size: 1em;;
	    color: white;
	    margin: 2vmin 0;
	    font-weight: 300;
	    border: none;
		}
		textarea {
			font-size: 1em;;
		    color: white;
		    margin-top: 1vmin;
		    font-weight: 300;
		}
		input[type="text"],
		textarea {
		  	-webkit-appearance: none;
		  	-moz-appearance: none;
		  	appearance: none;
		  	-webkit-box-shadow: none;
		  	-moz-box-shadow: none;
		  	box-shadow: none;
		 	-webkit-border-radius: none;
		 	-moz-border-radius: none;
		 	-ms-border-radius: none;
		 	-o-border-radius: none;
		  	border-radius: none;
			margin: 2vmin 0;
		    background-color: transparent;
			width: 54vmin;
		}
		input[type="text"]:focus,
		textarea:focus{
		  	outline: none;
		}

		input[type="text"],
		textarea{
		  	border: solid .1em white;
		  	border-radius: .4em;
    		padding: .5em;
		  	-webkit-transition: border 0.3s;
		  	-moz-transition: border 0.3s;
		  	-o-transition: border 0.3s;
		  	transition: border 0.3s;
		}

		input[type="text"]:focus, 
		input[type="text"].focus,
		textarea:focus, 
		textarea.focus{
		  	border: solid .1em #0050a0;
		  	border-radius: .4em;
    		padding: .5em;
		}
		.ghost-button,
		.ghost-button:visited {
			border-radius: .4em;
			font-size: 1em;
		 	display: inline-block;
		  	margin: 2em 0 0 0;
		  	width: 15em;
			padding: 1em;
			color: #0050a0;
			text-align: center;
			outline: none;
			text-decoration: none;
			background-color: transparent;
			text-transform: uppercase;
			transition: background-color 0.2s ease-out,
						border-color 0.2s ease-out,
						color 0.2s ease-out;
		}
		.ghost-button:hover,
		.ghost-button:active {
		  background-color: #0050a0;
		  border-color: #0050a0;
		  color: white;
		  text-decoration: none;
		  }
		
		.margin_wrapper{
			padding: 14vmin 7vmin;
		}
	/*Header*/
		header{
		    position: fixed;/*fix menu top*/
   			width: 100vw;
   			text-align: center;
		    background: #0050a0; /* For browsers that do not support gradients */    
		    background: -webkit-linear-gradient(left, #0050a0, #00254a);
		    background: -o-linear-gradient(left, #0050a0, #00254a);
		    background: linear-gradient(to right, #0050a0, #00254a); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */ /* Standard syntax (must be last) */
		    -moz-box-shadow: 0 0 1em .3em rgba(0,0,0,.5);
				-webkit-box-shadow: 0 0 1em .3em rgba(0,0,0,.5);
	    		box-shadow: 0 0 1em .3em rgba(0,0,0,.5);
		}
		#menu_options{
			text-align: left;
			padding: 1vw;
		}
		#worldwide{
   			text-align: left;
   			display: inline;
		}
		#worldwide a,
		#worldwide:visited{
			color: rgba(255,255,255,.7);
			text-align: right;
		}
		#worldwide a:hover,
		#worldwide:active{
			color: rgba(255,255,255,1);
			text-decoration: none
		}
		#language{
			font-size: 1em;
			display: inline;
			float: right;
			color: rgba(255,255,255,.7);
		}
		#language a,
		#language:visited{
			font-size: 1em;
			color: rgba(255,255,255,.7);
			text-align: right;
    		padding: 0 0 0 0;
		}
		#language a:hover,
		#language:active{
			color: rgba(255,255,255,1);
			text-decoration: none
		}
		head
		header #logo_wrapper{
			text-align: center;
		}
		header #logo_wrapper img{
			width: 4vw;
			padding: 0 1vw 1vw 1vw;;
		}
		header #menu_wrapper{
		    text-align: center;
		}
		header #menu_wrapper ul{
			padding: 1vw 0;
    		background-color: rgba(0,0,0,.3);
		}
		header #menu_wrapper ul li{
    		display: inline;

		}

		header #menu_wrapper img{
    		vertical-align: middle;
    		height: 1.4em;
		}
		header #menu_wrapper ul li a,
		header #menu_wrapper ul li a:visited{
			font-size: 1em;
			text-decoration: none;
    		color: rgba(255,255,255,.5);
    		padding: .8vw 2vw;
    		transition: background-color 0.2s ease-out,
					color 0.2s ease-out;
		}
		header #menu_wrapper ul li a:hover,
		header #menu_wrapper ul li a:active{
			text-decoration: none;
    		color: white;
    		padding: .8vw 2vw;
		}

/*Index*/
	/*Acerca FY*/
		#seccion_acerca_fy{
			background: url(../img/cielo.gif) center center no-repeat scroll;
		        -webkit-background-size: cover;
		        -moz-background-size: cover;
		        -o-background-size: cover;
		        background-size: cover;
		        height: 100vh;
		        text-align: center;
		        padding-top: 0;
		        -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,.5),
		        					inset 0 -2.5em 2em -2em rgba(0,0,0,.5);
    			box-shadow: inset 0 0 0 0 rgba(0,0,0,.5),
    								inset 0 -2.5em 2em -2em rgba(0,0,0,.5);
		
		}
		#seccion_acerca_fy .margin_wrapper{
			padding: 20vh 7vmin 14vmin 7vmin;
		}
		#seccion_acerca_fy h1{
		    color: white;
		    font-size: 8vw;
		}

		#seccion_acerca_fy h3{
			color: white;
			    font-size: 2.7vw;
		}
		.ghost-button,
		.ghost-button:visited {
			color:#0050a0;
			background-color:white;
		}
		.ghost-button:hover,
		.ghost-button:active {
		  background-color: #0050a0;
		  color: white;
		 }
		 #seccion_acerca_fy img{
		 	margin-top: 8vmin;
		 }
		#acerca_fy .personas_wrapper ul{
			padding: 0 0 1em 1em;
		}
		#acerca_fy .personas_wrapper li{
			background: url(../img/bullet.png)no-repeat;
			padding: 0 0 .3em 1.1em;
		}
	/*Servicios*/
		#seccion_servicios{
			background: white;
		}
		#seccion_servicios .margin_wrapper{
			text-align: center;
		}
		#seccion_servicios h2{
			text-align: center;
   			padding-bottom: 5vw;
		}
		#seccion_servicios h3{
			text-align: left;
		}
		#seccion_servicios .servicos_selector{
			text-align: center;
    		width: 27vw;
    		display: inline-block;
    		margin: 3vw;
    		vertical-align: top;
    		    max-width: 450px;
		}
		#seccion_servicios img{
    		text-align: center;
    		width: 15vw;
    		max-width: 165px;
		}
		#seccion_servicios #servicio_info{
			text-align: justify;
			    padding-top: 2vw;
		}
	/*Contact*/
		#seccion_contacto{
			background-color: #00254a;
		}
		#seccion_contacto .margin_wrapper{
			overflow: auto;
		}
		#seccion_contacto h2{
			color: white;
		}
		#seccion_contacto img{
			width: 2em;
    		height: 2em;
    		display: inline;
    		padding: 0 1vmin 0 0;
    		vertical-align: middle;

		}
		#seccion_contacto p{
			color: white;
			display: inline;
		}
		#seccion_contacto form{
			float: left;
		}
		#seccion_contacto #contacto_info{
			float: right;
		}
		#seccion_contacto li{
			margin: 2vmin 0;
		}
		#seccion_contacto ul li a{
  			padding: 0 2vmin 0 0;
		}
/*Otras*/
	.margin_otras{
		padding: 7vw 11vmin 7vmin 11vmin;
	}
	.otras main{
		min-height: 96vh;
	}
	.otras footer{
		bottom: 0;
	}

	.otras p{
		padding-bottom: 0;
		text-align: justify;

	}

	.otras h3{
		font-size: 1.5em;
		margin-top: 2em;
	}

	.otras h4{
		margin-top: 1em;
	}
	
	.otras h2{
		margin-top: .5em;
	}

/*	.otras #lista-tributario{
				background: url(../img/bullet.png)no-repeat;
				padding: 0 0 .3em 1.1em;
			}*/

	.otras #lista-tributario ul{
				padding: 0 0 1em 1em; 
			}
	.otras #lista-tributario li{
				background: url(../img/bullet.png)no-repeat;
				padding: 0 0 .3em 1.1em;
			}
	.otras #lista-tributario img{
				padding-right: .3em;
			}


	#nav_map p{
		color: rgba(0,80,160,.6);
		font-size: 1em;
		text-align: left;
	}
	/*Personas*/
		#personas_fy{
			text-align: center;
		}
		#personas_fy .personas_wrapper{
			display: inline-block;
			margin: 2em 5em;
		}
		#personas_fy .personas_wrapper p{
			padding-bottom: .5em;
			text-align: center;
		}
		#personas_fy .personas_wrapper img{
			width: 18em;
		}
		#map{
			width: 88vw;
    		height: 19em;
		}
		/*Descripcion Personas*/
			#personas_fy_descripcion .personas_wrapper #persona_completa{
				width: 21em;
				float: left;
			}
			#personas_fy_descripcion .personas_wrapper .persona_fy_info{
				margin-left: 23em;
			}
			#personas_fy_descripcion .personas_wrapper ul{
				padding: 0 0 1em 1em;
			}
			#personas_fy_descripcion .personas_wrapper li{
				background: url(../img/bullet.png)no-repeat;
				padding: 0 0 .3em 1.1em;
			}
			#personas_fy_descripcion .personas_wrapper img{
				padding-right: .3em;
			}


/*Footer*/
	footer{
		padding: 1em 0;
		background-color: black;
	}

	footer ul{
		display: table; 
		width: 100vw;
		font-size: .8em;
	}

	footer ul li {
		text-align: center;
		color: white;
		font-weight: 300;
		margin: 0;
		padding:0;
		display: table-cell;
		width: 33vw; 
	}

	footer a,
	footer a:visited{
		color: white;
		text-decoration: none;
	}
	footer a:hover,
	footer a:active{
		color: white;
		text-decoration: underline;
	}