@charset "utf-8";
/* CSS Document */

	 .navita {

		margin-bottom: 0px !important;
		background-color: #3f888f;
	}
	@media only screen and (max-width: 600px) {
  		#clock {
   			 text-align-last: center;
  		}
	}
	@media only screen and (max-width: 600px) {
  		#date {
    		text-align-last: center;
  		}
	}
	.clockdate-wrapper {
		padding:5px;
		max-width:350px;
		width:80%;
		text-align:center;
		border-radius:5px;
		margin:0 auto;
	}
	#clock{
		font-family: sans-serif;
		font-size:50px;
		text-shadow:0px 0px 1px #333;
		color:#333;
	}
	#clock span {
		text-shadow:0px 0px 1px #333;
		font-size:30px;
		position:relative;
		top:-27px;
		left:-10px;
	}
	#date {
		letter-spacing:9px;
		font-size:20px;
		font-family:arial,sans-serif;
		color:#333;
	}		
	.dropdown-toggle{
		z-index: 100;
		color: #D1171A;
	}
	.navbar-default .navbar-nav>li>a {
    	color: white;
	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #fff;
		background-color: transparent;
	}
  	#mapa {
        width: 300px;
        height: 300px;

        border: #000000 solid 1px;
        margin-top: 10px;

  }


    ul.social li{
        padding: 3px 0;
    }

    ul.social li a i {
        margin-right: 5px;
        font-size:25px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        transition: .5s all ease;
    }

    ul.social li:hover a i {
        font-size:30px;
        margin-top:-10px;
    }

    ul.social li a,
    ul.quick-links li a{
        color:#ffffff;
    }

    ul.social li a:hover{
        color:#eeeeee;
    }

    ul.quick-links li{
        padding: 3px 0;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        transition: .5s all ease;
    }

    ul.quick-links li:hover{
        padding: 3px 0;
        margin-left:5px;
        font-weight:700;
    }

    ul.quick-links li a i{
        margin-right: 5px;
    }

    ul.quick-links li:hover a i {
        font-weight: 700;
    }

    .btn-mapa{
        background: #E8E8E8;
        color: #696969;
    }
    .radio{
        height:74px;
        width: 100%;
        background-repeat : no-repeat;
        background-position : center;
        float: right;
        background-image:url('../img/radioicon.png');
        border-radius: 95px;
    }
		footer {
        background-color:#3f888f ;
        border-top: 4px solid #6c6874;

        color: white;
        padding-top: 50px;
        padding-right: 30px;
        padding-bottom: 100px;
        padding-left: 80px;
    }
	
.global {
	height: 350px;
	width: 65%;
	border: 1px solid #ddd;
	background: #f1f1f1;
	overflow-y: scroll;
}	
