﻿
body{
	background: url("../images/back.jpg") no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	margin:0 0;
	font-family:Gautami, "Century Gothic", Arial, Helvetica, sans-serif!important;
	    font-size: 18px!important;
}

.enlace{
	color:white;
	font-family:Arial;
	font-size:25px;
	text-decoration:none;
}
.container{
padding:0 0;	
}

.center-block{
	padding-top:40px;
}

.barra_menu{
width:100%;
background-color:#f9901d;
height:45px;
padding-top:5px;
margin-bottom:15px;
-webkit-box-shadow: 3px 21px 36px -6px rgba(3,143,178,0.41);
-moz-box-shadow: 3px 21px 36px -6px rgba(3,143,178,0.41);
box-shadow: 3px 21px 36px -6px rgba(3,143,178,0.41);
}
/* Effect 4 */
.effect4 a::after {
	background: #017d91;
	position: absolute;
	top: 90%;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	opacity: 0;
	transition: opacity 0.3s, transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}

.effect4 a:hover::after,
.effect4 a:focus::after {
	opacity: 1;
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
 nav a {
        position: relative;
        display: inline-block;
    }
    a:focus, a:hover {
    text-decoration:none;
    color:#fff;}
    
@media screen and (max-width:760px) and (min-width:499px){
.logo{
	width:35%;
}
.center-block {
    padding-top: 0px;
}
}

