/*----------- Global Rules -------------*/
*{
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	font-family: 'Ubuntu', sans-serif;
	user-select: none;
}

a{
	text-decoration: none;
	outline: none;
}

/*----------- Global Rules -------------*/

/*----------- Login------------*/

.ind{
	background-image: url(../img/portada5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.login {
	display: block;
	width: 100%;
}

.login form{
	display: block;
	border: 0px solid #656565;
	border-radius: 10px;
	margin: 150px auto;
	padding: 15px;
	width: 100%;
	max-width: 350px;
	background-color: rgba(000,000,000,0.5);
}

.login form label{
	display: block;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
}

.login form input{
	display: block;
	padding: 10px;
	width: 100%;
	margin: 10px 0px;
}

.login form input[type=submit]{
	cursor: pointer;
}

.login form a{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF
}

.login form ul{
	display: block;
	width: 100%;
	padding: 10px;
}

.login form ul li{
	display: block;
	width: 100%;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.4);
	color: rgba(255, 255, 255, 0.4);
	text-align: center;
	color: #000000;
}

/*----------- Login------------*/






/*----------- top header -------------*/

.top_header{
	display: block;
	width: 100%;
	border: 0px solid red;
	background-color: #293133;
	padding: 10px;
	height: 40px;
	font-size: 14px;
	color: #6B6363;
}

.top_header div{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;	
}

.top_header div a{
	display: inline-block;
	padding: 0px 5px;
	color: #ffffff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.top_header div a:hover{
	color: #A3A3A3;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.top_header div .left_menu{
	display: inherit;
	float: right;
}


/*----------- top header -------------*/

/*----------- top sub header -------------*/

.top_subheader{
	display: block;
	width: 100%;
	min-height: 100px;
	/*background-color: #404A4E;*/
	background-color:#fff;
	overflow: hidden;
}

.top_subheader>div{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	border: 0px solid grey;
	overflow: hidden;
	padding: 5px;
}

.top_subheader div img{
	width: 400px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;	
}

.top_subheader div img:hover{
	filter: brightness(130%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.top_subheader div div{
	float: right;
}

.top_subheader div div .redes{
	float: right;
	color: #ffffff;
	background-color: #2973B4;
	border-radius: 100px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	padding: 8px;
	margin: 20px 5px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.top_subheader div div .redes:hover{
	background-color: #65A0D3;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/*----------- top sub header -------------*/

/*----------- MENU -------------*/
nav{
	display: block;
	width: 100%;
	overflow: hidden;
	border: 0px solid red;
	background-color: #2973B4;
}

nav>ul {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	list-style:none;
	border: 0px solid red;
	overflow: hidden;
}


nav>ul a {
	float: left;
	border: solid 0px red;
	width: 20%;
	margin: 0px;
	text-align: center;
	font-size: 20px;
	color: white;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	border-left: 1px solid #D7D7D7;
	padding: 25px 0px;
	background-color: #2973B4;
}

nav>ul a:last-child {
	border-right: 1px solid #D7D7D7;
}

nav>ul a:hover{
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	background-color: #5392CA;
	color: #ffffff;
}

/*
nav>ul .active{
	height: 100%;
	padding: 22px 0px;
	border-bottom: 6px solid #2973B4;
}
*/
	nav .menu_mob{
		display: none;
	}	



/*----------- MENU -------------*/

/*----------- Parallax -------------*/

.bann{
	position: relative;
	border: 0px solid red;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 100%;
	z-index: 1;
}

#curve, #curve2, #curve3{
	position: absolute;
	width: calc(100% + 1px);
}

#curve{
	top: -3px;
}

#curve2, #curve3{
	bottom: -3px;
	left: -1px;
}


#curve path, #curve polygon, #curve2 polygon{
	fill: rgba(255,255,255,1);
}

#curve3 polygon{
	fill: #404A4E;
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9 {
	height: 50vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.bgimg-1{
	height: 70vh;
}
.bgimg-1 {
	background-image: url("../img/portada2.jpg");
}
.bgimg-2 {
	background-image: url("../img/portada.jpg");
}
.bgimg-3 {
	background-image: url("../img/portada3.jpg");
}
.bgimg-5 {
	background-image: url("../img/portada5.jpg");
}
.bgimg-6{
	background-image: url("../img/portada6.jpg");
}
.bgimg-7{
	background-image: url("../img/portada7.jpg");
}
.bgimg-8{
	background-image: url("../img/portada8.jpg");
}
.bgimg-9{
	background-image: url("../img/portada9.jpg");
}

.bann .bgimg-1 img{
	display: block;
	z-index: 10;
	width: 100%;
	max-width: 600px;
	padding:20px;
	position: absolute;
	bottom: 150px;
	left: 0px;
}


/*----------- Parallax -------------*/



/*----------- Contenido -------------*/

.contenido{
	position: relative;
	border: 0px solid red;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 100%;
	z-index: 1;
}

.contenido div{
	display: block;
	width: 100%;
	max-width: 1200px;
	border: 0px solid blue;
	margin: 20px auto;
	margin-bottom: 130px;
	text-align: center;
}

.contenido .sinmar{
	margin-bottom: 20px;
}

.contenido .withoutm{
	margin: 20px auto;
}

.contenido .withoutm div{
	font-size: 20px;
}

.contenido .withoutm div>img{
	float: left;
	width: 50%;
	max-width: 400px;
}

.contenido .withoutm div>img:nth-child(2){
	float: right;
}

.contenido .withoutm .sinmar article .right{
	float: right; 
	width: 40%;
	border:0px solid blue;
}

.contenido .withoutm .sinmar article .left{
	float: left; 
	width: 40%;
}

.contenido .withoutm .sinmar article div{
	text-align: justify;
	width: 50%;
}

.contenido div span, .contenido_fix div div .hrr span, .contenido_fix div .hrr span{
	display: inline-block;
	margin: 0px auto;
	width: auto;
	border: 0px solid green;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	color: #3661B2;
	font-weight: bold;
}

.contenido div hr, .contenido_fix div div .hrr hr, .contenido_fix div .hrr hr{
	display: inline-block;
	width: 5%;
	margin: 5px 10px;
	border: 1px solid #3661B2;
}

.contenido_fix div .hrr div{
	display: block;
	width: 100%;
	text-align: center;
}

.contenido article{
	display: block;
	border: 0px solid red;
	margin: 10px 0px;
	overflow: hidden;
	font-size: 20px;
}

.contenido article div{
	margin: 0px;
}

.contenido .left{
	text-align: left;
}

.contenido .right{
	text-align: right;
}

.contenido div div img{
	display: inline-block;
	width: 250px;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.contenido div div img:hover{
	filter: brightness(120%);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

/*----------- Contenido -------------*/


body>article{
	display: block;
	width: 100%;
	border:0px solid red;
}

body>article>div{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 1px auto;
	border:0px solid blue;
	overflow: hidden;
}


article>div>div{
	float: left;
	width: calc(100% - 300px);
	padding: 10px;
	padding-right: 20px;
	text-align: justify;
}
article>div>div:nth-child(2){
	width: 300px;
	min-width: 300px;
	padding: 10px;
	border:1px solid #B6B6B6;
}

article>div>div>img{
	display: block;
	width: 100%;
	margin:10px 0px 30px 0px;
}

article>div>div>span{
	display: block;
	margin: 10px 0px;
	text-align: right;
}

article>div>div>iframe{
	display: block;
	width: 100%;
	height: 400px;
	margin: 20px 0px;
}

article .noti h3, article .noti h4, article .noti h5, article .noti a, article .noti hr{
	color: #3693ED;
	margin-bottom: 10px;
}

article > div .noti div a{
	display: block;
	width: 100%;
	text-align: right;
	color: #3693ED;
	padding: 10px 0px 15px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #B6B6B6;
}

article > div .noti div {
	margin: 10px 0px;

}




/*----------- Contenido fix & serv -------------*/


.contenido_fix{
	display: block;
	width: 100%;
	border:0px solid red;
}

.contenido_fix>div{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 1px auto;
	border:0px solid blue;
	overflow: hidden;
}

.contenido_fix>div>div{
	float: left;
	width: calc(100% - 300px);
	padding: 10px;
	padding-right: 20px;
	text-align: justify;
}
.contenido_fix>div>div:nth-child(2){
	width: 300px;
	min-width: 300px;
	padding: 10px;
	border:1px solid #B6B6B6;
}

.contenido_fix>div>.full{
	width:100%;
}


.contenido_fix>div>div>div{
	margin-bottom: 20px;
}
.contenido_fix>div>div>div>div{
	display: block;
	width: 100%;
	text-align: center;
}

.contenido_fix>div>div h3,.contenido_fix>div>div h4, .contenido_fix>div>div h5, .contenido_fix>div>div hr{
	color: #3693ED;
	margin-bottom: 10px;
}

.contenido_fix>div>div span{
	display: block;
	font-size: 14px;
	text-align: justify;
}

.contenido_fix>div>div a{
	display: block;
	width: 100%;
	text-align: right;
	color: #3693ED;
	padding: 10px 0px 15px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #B6B6B6;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.contenido_fix>div>div a:hover{
	color:#454CD4
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}


.contenido_fix ul li{
	list-style-position: inside;
	text-align: left;
}

	/*----------- slider-------------*/

    .slider {
        width: 100%;
        max-width: 600px;
        border: 0px solid red;
        margin: 5px auto;
    }

    .slick-slide {
      margin: 0px 5px;
      border: 0px solid red;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: #FF71F7;
    }
	/*----------- slider-------------*/

/*----------- Contenido fix & serv -------------*/




/*----------- Contacto -------------*/

.bgimg-contact, .bgimg-fixture, .bgimg-serv, .bgimg-noti, .bgimg-automatizacion{
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;	
	filter: brightness(75%);
}

.bgimg-contact{
	background-image: url("../img/contact.jpg");
}

.bgimg-aviso{
	background-image: url("../img/aviso_priv.jpg");
}

.bgimg-fixture{
	background-image: url("../img/fixtures.jpg");
}

.bgimg-automatizacion{
	background-image: url("../img/automatizacion.jpg");
}

.bgimg-serv{
	background-image: url("../img/servicios.jpg");
}

.bgimg-noti{
	background-image: url("../img/noticias.jpg");
}

.bann .cont{
	display: block;
	width: 150px;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 80px;
	left: calc(50% - 75px);
	z-index: 10000;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.bann .cont span{
	display: block;
	width: 150px;
	padding: 20px;
	color: white;
	text-align: center;
	margin: 0px auto;
	border: 2px solid #fff;
	font-weight: bold;
}

.bann .cont2{
	display: block;
	width: 100%;
	border-bottom: 0px solid #fff;
	position: absolute;
	top: 40%;
	z-index: 10000;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	background-color: rgba(000,000,000,0.5);
	padding: 15px;
}

.contacto{
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px solid green;
}

.contacto>div{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	border-bottom: 1px solid #909090;
	text-align: justify;
}

.contacto>div>div{
	width: 50%;
	border: 0px solid red;
	padding: 10px;
}

.contacto>div>div h3{
	color: #3693ED;
}


.contacto>div>div>form{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	border: 0px solid yellow;
	
}

.contacto>div>div>form>div{
	width: 50%;
	border: 0px solid blue;
}

.contacto>div>div>form>div{
	padding-right: 5px;
}
.contacto>div>div>form>div:nth-child(2){
	padding-left: 5px;
	padding-right: 0px;
}

.contacto>div>div>form input, .contacto>div>div>form textarea{
	display: block;
	width: 100%;
	margin-top: 10px;
	padding: 15px;
	resize: none;
	border:1px solid #A8A8A8;
}

.contacto>div>div>form textarea{
	height: 105px;
}

.contacto>div>div>a{
	display: block;
	color: #646464;
	margin-top: 10px;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.contacto>div>div>a:hover{
	color: #3693ED;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}


	/********* mapa ***********/

	.mapa{
		width: 100%;
		background-color: #FFFFFF;
		border: 0px solid blue;
		overflow: hidden;
	}
	#map {
		display: block;
		margin:20px auto;
		border: 0px solid red;
		width: 100%;
		max-width: 1200px;
		min-width: 330px;
		box-sizing: border-box;
		height: 400px;
	}

	/********* mapa ***********/

/*----------- Contacto -------------*/



/*----------- Add News -------------*/


.add_news{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin:0px auto;
	padding: 10px;
	overflow: hidden;
}

.add_news>a{
	float: right;
	max-width: 200px;
	text-align: center;
	padding: 20px;
	background-color: transparent;
	border: 1px solid #2973B4;
	color: #2973B4;
	font-size: 16px;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


.add_news>a:hover{

	-webkit-box-shadow: 0 0 7px 7px rgba(000,000,000,.2);
	box-shadow: 0 0 7px 7px rgba(000,000,000,.2);
	background-color: #EBF2FF;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.add_news h2{
	color: #2973B4;
}

#news {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
}

#news td, #news th {
  border: 1px solid #ddd;
  padding: 8px;
}

#news tr:nth-child(even){background-color: #f2f2f2;}

#news tr:hover {background-color: #ddd;}

#news th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #2973B4;
  color: white;
}

.add_news form{
	display: block;
	width: 100%;
}


.add_news form>input, .add_news form>span, .add_news form>textarea{
	display: block;
	width: 100%;
	padding: 15px;
	resize: none;
	margin: 10px auto;

}

.add_news form>span{
	border:1px solid #B3B3B3;
	font-weight: bold;
	background-color: #8FC4FF;
}

.add_news form>span > input{
	padding: 10px;
}


.add_news ul li{
	color: #18C766;
	list-style: none;
	font-weight: bold;
	font-size: 20px;
}

/*----------- Add News -------------*/







/*----------- Footer -------------*/

	/*----------- Footer Left -------------*/

	footer{
		display: block;
		width: 100%;
	/*	background-color: #404A4E;*/
		overflow: hidden;
		background-color: #E9E9E9;
	}

	footer .pie{
		display: flex;
		width: 100%;
		max-width: 1200px;
		border: 0px solid red;	
		overflow: hidden;
		margin: 0px auto;
		/*background-color: #293133;*/
		margin-bottom: 10px;
		flex-wrap: wrap;
		justify-content: center;
	}

	footer .pie .pie_third{
		float: left;
		width: 33.33%;
		min-width: 350px;
		border: 0px solid red;
		padding: 30px 20px; 
		overflow: hidden;
		font-family: 'Noto Sans JP', sans-serif;
	}

	footer .pie .pie_third span{
		display: block;
		width: 100%;
		/*color: #DBDBDB;*/
		color:#2973B4;
		font-size: 14px;
		border: 0px solid red;
		padding-bottom: 20px;
		font-family: 'Noto Sans JP', sans-serif;
		margin: 10px 0px;
		max-height: 50px;
		overflow: hidden;
	}

	footer .pie .pie_third span a{
		color: #2973B4;
		-webkit-transition: all 700ms ease;
		-moz-transition: all 700ms ease;
		-ms-transition: all 700ms ease;
		-o-transition: all 700ms ease;
		transition: all 700ms ease;
		font-family: 'Noto Sans JP', sans-serif;
	}

	footer .pie .pie_third span a:hover{
		color: #E3E3E3;
		-webkit-transition: all 700ms ease;
		-moz-transition: all 700ms ease;
		-ms-transition: all 700ms ease;
		-o-transition: all 700ms ease;
		transition: all 700ms ease;
	}

	footer .pie .pie_third .logo{
		display: block;
		width: 250px;
		margin-bottom: 20px;
		filter: brightness(120%);
	}

	footer .last_label{
		display: block;
		width: 100%;
		padding: 20px;
		background-color: #293133;
		text-align: center;
		position: relative;
		bottom: 1px;
	}

	footer .last_label a{
		color: #B3B3B3;
		-webkit-transition: all 700ms ease;
		-moz-transition: all 700ms ease;
		-ms-transition: all 700ms ease;
		-o-transition: all 700ms ease;
		transition: all 700ms ease;
	}

	footer .last_label a:hover{
		color: #E3E3E3;
		-webkit-transition: all 700ms ease;
		-moz-transition: all 700ms ease;
		-ms-transition: all 700ms ease;
		-o-transition: all 700ms ease;
		transition: all 700ms ease;
	}

	/*----------- Footer Left -------------*/

	/*----------- Footer contacto -------------*/


	footer .pie .pie_third form{
		display: block;
		width: 100%;
		background-color: #ffffff;
		padding: 15px;
		border-top: 5px solid #3693ED;
	}


	footer .pie .pie_third form input, footer .pie .pie_third form textarea {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top: 10px;
		resize: none;
		border: 1px solid #C8C8C8;
	}

	footer .pie .pie_third form input[type=submit]{
		cursor: pointer;
	}

	/*----------- Footer contacto -------------*/

	/*----------- Footer right -------------*/

	footer .pie .pie_third h3, footer .pie .pie_third h5{
		display: inline-block;
		color: #3693ED;
		margin: 10px 0px;

	}

	footer .pie .pie_third hr{
		color: #3693ED;
	}

	footer .pie .pie_third div a{
		display: block;
		width: 100%;
		text-align: right;
		color: #B3B3B3;
		text-decoration: underline;
		-webkit-transition: all 700ms ease;
		-moz-transition: all 700ms ease;
		-ms-transition: all 700ms ease;
		-o-transition: all 700ms ease;
		transition: all 700ms ease;
	}

	footer .pie .pie_third div a:hover{
		color: #E3E3E3;
		-webkit-transition: all 700ms ease;
		-moz-transition: all 700ms ease;
		-ms-transition: all 700ms ease;
		-o-transition: all 700ms ease;
		transition: all 700ms ease;
	}
	/*----------- Footer right -------------*/

/*----------- Footer -------------*/


/*----------- Media Querys -------------*/

@media screen and (max-width:1050px) {
	.contenido{
		padding: 0px 20px;
	}
	footer .pie .pie_third{
		width: 45%;
	}
}

@media screen and (max-width:900px) {
	.top_header div{
		border: 0px solid #fff;
		max-width: 600px;
	}

	.top_subheader div{
		border: 0px solid #fff;
		max-width: 600px;
	}

	.top_subheader div img{
		width: 300px;
	}

	nav ul{
		max-width: 650px;
	}

	nav ul a{
		padding: 16px 0px;
		font-size: 14px;
	}

	nav ul a:nth-child(2){
		min-width: 125px;
	}

	nav>ul .active{
		padding: 13px 0px;
		border-bottom: 5px solid #2973B4;
	}

	.contenido .withoutm div, .contenido article{
		font-size: 16px;
	}

	.contenido .withoutm .sinmar article .right{
		float: right; 
		width: 100%;
	}

	.contenido .withoutm .sinmar article .left{
		float: left; 
		width: 100%;
	}

	.contenido .withoutm .sinmar article div{
		width:100%;
	}
	.contacto>div>div{
		width: 100%;
	}

	.contenido_fix>div>div{
		float: none;
		display: block;
		width: 100%;
	}

	.contenido_fix>div>div:nth-child(2){
		float: none;
		display: none;
		width: 90%;
		margin: 20px auto;
	}

	article>div>div{
		width: 100%;
	}

	article>div>div:nth-child(2){
		display: none;
	}

}

@media screen and (max-width:700px) {
	footer .pie .pie_third{
		width: 80%;
	}
}

@media screen and (max-width:650px) {

	nav ul a{

		width: calc(20% - 10px);
		font-size: 14px;
	}
}

@media screen and (max-width:600px) {
	.top_subheader div img{
		display: block;
		margin: 0px auto;
		width: 300px;
	}
	.top_header div{
		font-size: 12px;
	}
	.top_header .mail{
		display: none;
	}


	.top_subheader div div .redes{
		float: inherit;
		width: 30px;
		height: 30px;
		font-size: 15px;
		padding: 6px;
		margin: 20px 7px;
	}

	.top_subheader div div{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}

	.contenido div span{
		font-size: 20px;
	}

	.contenido_fix div div .hrr span{
		font-size: 20px;
	}
	
	.contacto>div>div>form input, .contacto>div>div>form textarea{
		padding: 10px;
	}

}

@media screen and (max-width:500px) {

	.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8{
		background-attachment: fixed;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}



	.contenido .withoutm .sinmar article .right{
		float: right; 
		width: 100%;
	}

	.contenido .withoutm .sinmar article .left{
		float: left; 
		width: 100%;
	}
	.contenido .withoutm .sinmar article div{
		width:100%;
	}

	.contenido .withoutm .sinmar article .title{
		display: block;
		text-align: center;
	}
}


@media screen and (max-width:650px) {

	nav .menus{
		display: none;
	}

	nav .menu_mob{
		display: block;
	}
	nav .menu_mob i{
		float: right;
		margin: 10px;
		padding: 10px;
		border:1px solid #C4C4C4;
		border-radius: 5px;
		font-size: 20px;
		color:white;
	}

	nav .menu_mob b{
		float: left;
		margin: 10px;
		padding: 10px;
		border-radius: 5px;
		font-size: 20px;
		color:white;
	}	

	nav .menu_mob ul{
		display: block;
		width: 100%;
		border:0px solid red;
	}
	nav .menu_mob ul a{
		display: block;
		width: 100%;
		padding: 15px;
		color:white;
	}
	nav .menu_mob ul a:hover{
		background-color: #2973B4;
		color: white;
	}

	nav .menu_mob ul a:hover > li{
		border-bottom: 1px solid white;
	}


	nav .menu_mob ul a li{
		list-style: none;
		border-bottom: 1px solid white;
		padding-bottom: 10px;
	}
}

/*----------- Media Querys -------------*/