@charset "UTF-8";
/* CSS Document */


body {
	font-family:'Nunito', Tahoma, Geneva, sans-serif;
	background-image:url(../img/back.jpg);
	background-repeat:repeat;
}

.container {
	padding-bottom:200px;
	background:#ffffff;
}

.row {
	clear:both;
}

.loguear {
	margin:100px auto 50px auto;
	max-width:230px;
	padding:15px;
	border:1px solid #dddddd;
}

.loguear h2 {
	color:#b9b9b9;
	margin-top:0;
}

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 51%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }


/*cabecera*/

.cabecera {
	margin-bottom:0;
}

.cabecera h1 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position:right center;
	#background-image:url(../img/header.jpg);
	padding:43px 180px 23px 20px;
	font-weight:bold;
	color:#f4f4f4;
	font-size:26px;
	margin:0;
	letter-spacing:0.04em;
	text-shadow: 1px 2px 6px rgba(0,0,0,0.51);
}

@media screen and (min-width: 768px) {
.cabecera h1 {
	font-size:36px;
}
}

/*menu*/

.menuwrap {
	margin-bottom:35px;
	margin-top:20px;
}

.menu {
	list-style:none;
	padding-left:0;
	text-align:center;
}

.menu li {
	display:inline-block;
	list-style:none;
	margin:0 7px 7px 7px;
}

.menu li a {
	background-color:#f4f4f4;
	color:#b9b9b9;
	padding:6px 10px;
	display:inline-block;
	text-decoration:none;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
	font-weight:bold;
	font-size:14px;
	letter-spacing:0.04em;
	
}

.menu li a:hover {
	text-decoration:none;
	-webkit-box-shadow: 3px 3px 6px -5px rgba(0,0,0,0.7); 
	box-shadow:3px 3px 6px -5px rgba(0,0,0,0.7);
	color:#3e3e3e;
}

.menu li a.activo {
	color:#ffffff;
	background-color:#9e9e9e;
	cursor:default;
}

.menu li a.activo:hover {
	-webkit-box-shadow: none; 
	box-shadow:none;
}

@media screen and (min-width: 768px) {
.menu li a {
	font-size:18px;
}
}


/*slider*/

.content-slider ul{
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}

		.carrusel {
			background-color: #f4f4f4;
			padding:10px;
			margin-bottom: 60px;
		}
		
		.content-slider li{
		    background-color: #f4f4f4;
		    text-align: center;
		    color: #FFF;
		}
		.content-slider li img {
			max-height:426px;
			margin:0 auto;
		}

/*flips*/

.flip {
    height: auto;
    width: 100%;
    margin: 0 auto 25px auto;
	cursor:pointer;
}

.flip h2 {
	margin:0;
	padding:10px;
	background-color:#ffffff;
	opacity:0.9;
	
}

h2 {
	font-size:22px;
}

.flip img {
    width: 100%;
    height: auto;
}

.flip .front {
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center;
}

.flip .back {
    background: #eeeeee;
    color: #000000;
    padding:10px;
	overflow-y:scroll;
	max-height:310px;
}

.flip .front, .flip .back {
	min-height:310px;
}


@media screen and (min-width: 768px) {
h2 {
	font-size:30px;
}
}