body{
	margin:0 auto;
	padding: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 62.5%;
}

h1{
	color:#0074f8;
	font-size:1.4em;
	font-weight:300;
	margin: 0px;
	
}
.text{
	width:1080px;
	text-align:center;
	color:#000;
	font-size:1.8em;
	list-style-type: none;
	margin: 126px auto 54px auto;
	padding: 127px 0 0 0;
	font-weight:300;
}

.desactivat{
	background: url("../images/desactivat.gif") no-repeat;
	background-position: 50% 2px;
}

.nodisponible{
	background: url("../images/nodisponible.gif") no-repeat;
	background-position: 50% 2px;
}

.temporal{
	background: url("../images/errortemporal.gif") no-repeat;
	background-position: 50% 2px;
}

.text div.box{
	margin: 0 0 31px 0;
}

.text div.box:first-child{
	border-top: 1px solid #0074f8;
	padding: 28px 0 0 0;
}

.text div.box:last-child{
	border-bottom: 1px solid #0074f8;
	padding: 0 0 41px 0;
}

.text div.box p{ margin:0;}

.menu{
	list-style-type: none;
	width:1080px;
	margin: 0 auto 50px auto;
	padding:0;
	display: flex;
}

.menu li{
	float: left;
	width: 32.5%;
	margin: 0 1.2% 0 0;
	font-weight: 400;
	font-size: 1.2em;
	height: 66px;
	padding: 0;
	background:#f8f8f8;
	border-bottom:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}

.menu li:last-child{
	margin: 0;
}
/*
.menu li:nth-child(1){ background:url("../img/menu01.gif") #f8f8f8 no-repeat;}
.menu li:nth-child(2){ background:url("../img/menu02.gif") #f8f8f8 no-repeat;}
.menu li:nth-child(3){ background:url("../img/menu03.gif") #f8f8f8 no-repeat;}
.menu li:nth-child(4){ background:url("../img/menu04.gif") #f8f8f8 no-repeat;}*/

.menu li a:first-child{
	float:left;
	margin-right:10px;
}

.menu li a{
	color:#000;
	text-decoration:none;
	display: inherit;	
}
.menu li a:nth-child(2){
	margin-top:10px;
}


.menu li a:hover{
	color:#000;
	text-decoration:underline;
}


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

	.text, .menu{	width:897px;}
	.menu{height: 70px;}
	.text {margin: 100px auto 54px auto;}
	.menu li{font-size: 1.14em; }
	/*.menu li:nth-child(1), .menu li:nth-child(2), .menu li:nth-child(3) {width: 23.5%;}
	.menu li:nth-child(4) {width: 25.5%;}*/
	.menu li {height: 59px; padding: 0; line-height: 115%; width:32.5%}
	.menu li a:first-child{margin-right:0px; height:auto;}
	.menu li a img{width: 90%;}
}

@media (min-width:768px) and (max-width: 1023px) {

	.text, .menu{width:660px;}
	.menu li {height: 66px; padding: 0; line-height: 130%; margin: 0 3% 10px 0;}
	.menu li:nth-child(1), .menu li:nth-child(3) {width:48%;}
	.menu li:nth-child(2), .menu li:nth-child(4) {width: 48.5%; margin-right: 0;}
	.menu{display: block;}
}

@media (max-width:767px) {
	.text, .menu {width: 94%;}
	.text {font-size: 2.3em; margin: 40px auto 54px auto;padding: 130px 0 0 0;}
	.menu li { height: 66px; }
	.menu li { float: none; width: auto; margin: 0 1.2% 10px 0; font-size: 1.4em;  padding: 0;}
	.menu{display: block;}
	.menu li a:nth-child(2){padding-top:6px;}
}