@charset "utf-8";

/* CSS Document */



#menu{

	width:100%;

	height:auto;

	background-image:url(../img/menu.png);

	background-position:center;

	background-size:cover;

	width:100%;

	height:auto;

	position:relative;		

}



#menu h1{

	text-align:center;

	padding-top:3%;

	color:#0b70a8;

	font-weight:bold;

}



#slider{

        margin:0 auto;

        position:relative;

        overflow:hidden;

        width:100%;

        height:600px;

    }

    #slider img{

      width:100%;

      height:auto;

    }

    .img-wrap{

        position:absolute;

        text-align:center;

        width:85%;

		margin-left:7.5%;

		margin-top:3%;

    }

    .img-wrap p{

        display: none;

        position:absolute;

        top:5%;

        right:0;

        font-family: Arial sans-serif;

        font-size: 50px;

        padding:10px;

    }

    #prev, #next{

        display: block;

        position:fixed;

        width:54px;

        height:54px;

        z-index: 9999;

    }

    #prev{

        top:50%;

        left:1%;

        background: url('http://i1303.photobucket.com/albums/ag147/GeoWebDev/icons/left_zps9f011452.png') center center;

    }

    #next{

        top:50%;

        right:1%;

        background: url('http://i1303.photobucket.com/albums/ag147/GeoWebDev/icons/right_zpsafada5be.png') center center;

    }

    .nav{

        display: table;

        width:100%;

    }

    .nav a{

        margin-top: 20px;

        text-transform: uppercase;

        font-size: 20px;

        display: table-cell;

        text-align: center;

        text-decoration: none;

        color:#222;

    }

    .nav a.current{

        background-color:#222;

        color:#fff;

    }

	

	.submenu{

		width:40%;

		height:auto;

		margin:auto;

		padding-bottom:3%;	

	}

	

	.menu1, .menu2{

		width:40%;

		height:auto;

		margin:0 4.5%;

		display:inline-block;	

	}

	

	.menu1 img, .menu2 img{

		width:100%;	

	}

	

	.naranja{

		margin-top:0;	

	}

	

	

	

	@media screen and (min-width: 1024px) {

		#slider{

			height:760px;	

		}

		

		#menu h1{

			font-size:28px;	

		}



	}

	

	

	@media screen and (min-width: 1366px) {

		#slider{

			height:1020px;	

		}

		

		#menu h1{

			font-size:32px;	

		}



	}
	@media screen and (min-width: 2000px) {

		#slider{
			width: 90%;

			height :1600px;	

		}

		

		#menu h1{

			font-size:32px;	

		}



	}