*{

	padding: 0px;

	margin: 0px;

	font-family: 'Amperzand';

}



body{

		position: relative;

}



.logotipo{

	width: 100%;

	max-width: 1000px;

	border: 0px solid;

	margin: 0px auto;

	overflow: hidden;

	padding: 10px;

}



.logotipo .logo{

	float: left;

}



.logotipo .logo img{

	width: 100%;

	min-width: 200px;

	max-width: 268px;

}



.sociales{

	border: 0px solid #D5D5D5;

	margin-top: 10px;

	float: right;

	width: 183px;

	height: 35px;

	padding-top: 10px;

}

.sociales a{
    text-decoration:none;
}

.logotipo .slog{

	border: 0px solid red;

	width: 670px;

	float: right;

	margin-top: 5px;

	text-align: right;

	font-size: 26px;

}



.sociales i{

	border: 1px solid #D5D5D5;

	padding: 10px;

	font-size: 20px;

	color: #A9A9A9;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;



}



.sociales i:hover{

	cursor: pointer;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;



}



.sociales .icon-facebook2:hover{

	color:#3854A1;

}



.sociales .icon-twitter:hover{

	color:#2EAAE2;

}



.sociales .icon-linkedin:hover{

	color:#0077B5;

}



.sociales .icon-mail2:hover{

	color:#000000;

}



.menu_bar{

	display: none;

}

.single-item {
    width: 100%;
    min-height:300px;
    max-height: 450px;
    border: 0px #00FF4E solid;
    margin: 0px 0px;
    overflow: hidden;
}



.single-item img {
  width: 100%;
  height: 450px;
}

.center{
	width: 85%;
	border: 0px solid red;
	margin: 0px auto;
}



.registro{

	width: 300px;

	border: 1px solid #757575;

	padding: 20px;

	overflow: hidden;

	background-color: #383838;

	position: absolute;

	top:220px;

	left: calc(100% - 400px);

	opacity: .8;

}

.registro1{
	width: 600px;
	color:black;
	padding: 20px;
	overflow: hidden;
	background-color: white;
	position: absolute;
	top:220px;
	right: calc(100% - 700px);
	opacity: .7;
}


.registro:hover{
	opacity: 1;
}



.registro label{

	display: block;

	width: 100%;

	background-color: #000000;

	padding:10px;

	box-sizing: border-box;

	text-align: center;

	color: #408FC7;

	font-size: 20px;

	font-weight: bold;

}



.registro input, select{

	width: 100%;

	padding: 8px;

	box-sizing: border-box;

	margin-top: 10px;

}


.regis{

	width: 300px;

	border: 1px solid #757575;

	padding: 20px;

	overflow: hidden;

	background-color: #383838;

	position: absolute;

	top:150px;

	left: calc(100% - 370px);

	opacity: .8;

}



.regis:hover{

	opacity: 1;

}



.regis label{

	display: block;

	width: 100%;

	background-color: #000000;

	padding:10px;

	box-sizing: border-box;

	text-align: center;

	color: #408FC7;

	font-size: 20px;

	font-weight: bold;

}



.regis input, select{

	width: 100%;

	padding: 8px;

	box-sizing: border-box;

	margin-top: 10px;

}






.registro2{

	width: 90%;

	border: 1px solid #757575;

	padding: 20px;

	overflow: hidden;

	background-color: #383838;

	margin: 0px auto;

	opacity: .8;

	display: none;

}



.registro2:hover{

	opacity: 1;

}



.registro2 label{

	display: block;

	width: 100%;

	background-color: #000000;

	padding:10px;

	box-sizing: border-box;

	text-align: center;

	color: #408FC7;

	font-size: 20px;

	font-weight: bold;

}



.registro2 input, select{

	width: 100%;

	padding: 8px;

	box-sizing: border-box;

	margin-top: 10px;

}





header{

	margin-top: 0px;

	width: 100%;

	height: 50px;

	overflow: hidden;

	position: relative;

	border:solid 0px #FB0A0A;

	background-color: #000000;
	
}



nav{

	border:solid 0px #FC0BDD;

	width: 50%;

	margin: 10px auto;

	Z-index:10000;
	
}



header>nav>ul{

	list-style: none;	

	display: table;

	width: 100%;

	border:solid 0px #C4E737;

}

header>nav>ul .oc-gal{
    display:none;
}

header>nav>ul li{

	display: table-cell;

}



header>nav>ul li a{

	color: #FFFFFF;

	display: block;

	line-height: 0px;

	padding: 15px;

	border:solid 0px #EEFF8F;

	text-align: center;

	text-decoration: none;

	position: relative;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}





header>nav>ul>li>span{

	border:solid 0px #EEFF8F;

	padding: 20px;



}





header nav ul li .separator{

	color: #575757;

}



header>nav>ul>li a span{

	background:#000000;

	display: block;

	height: 100%;

	width: 100%;

	left: 0;

	position: absolute;

	top: 35px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;



}





header>nav>ul>li> a:hover > span{

	background: linear-gradient(to left, #000000, #929292, #000000);

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}



header>nav>ul>li> a:hover{

	color: #408FC7;

}

header>nav>ul> .oculto{
    display:none;
}


/*---------- SUb Menu COnocenos-------------*/

.submenu{
	width: 150px;
	border: 0px solid red;
	background-color: #000000;
	color: #FFFFFF;
	position: absolute;
	top: 200px;
	left: calc(28%);
	z-index: 100000000000;
	display: none;
}

.submenu ul {
	list-style-type: none;
	padding-left: 10px;
}

.submenu ul li{
	padding: 10px;

}

.submenu ul li a{
	text-decoration: none;
	color: #FFFFFF;
}

.submenu ul li a:hover{
	color: #408FC7;
}



/*---------- SUb Menu COnocenos-------------*/




/*---------- SUb Menu Servicios-------------*/



.sub-serv{
	width: 200px;
	border: 0px solid red;
	background-color: #000000;
	color: #FFFFFF;
	position: absolute;
	top: 200px;
	left: calc(40%);
	z-index: 100000000000;
	display: none;
}

.sub-serv ul {
	list-style-type: none;
	padding-left: 10px;
}

.sub-serv ul li{
	padding: 10px;

}

.sub-serv ul li a{
	text-decoration: none;
	color: #FFFFFF;
}

.sub-serv ul li a:hover{
	color: #408FC7;
}

	/*---------- SUb - sub Menu Servicios-------------*/

	.sub-sub-serv{
		width: 170px;
		border: 0px solid red;
		background-color: #232323;
		color: #FFFFFF;
		position: absolute;
		top: 200px;
		left: calc(40% + 200px);
		z-index: 100000000000;
		display: none;
	}

	.sub-sub-serv ul {
		list-style-type: none;
		padding-left: 10px;
	}

	.sub-sub-serv ul li{
		padding: 10px;

	}

	.sub-sub-serv ul li a{
		text-decoration: none;
		color: #FFFFFF;
	}

	.sub-sub-serv ul li a:hover{
		color: #408FC7;
	}

	/*---------- SUb - sub Menu Servicios-------------*/

	/*---------- SUb - sub Menu Servicios2-------------*/

	.sub-sub-serv2{
		width: 170px;
		border: 0px solid red;
		background-color: #232323;
		color: #FFFFFF;
		position: absolute;
		top: 290px;
		left: calc(40% + 200px);
		z-index: 100000000000;
		display: none;
	}

	.sub-sub-serv2 ul {
		list-style-type: none;
		padding-left: 10px;
	}

	.sub-sub-serv2 ul li{
		padding: 10px;

	}

	.sub-sub-serv2 ul li a{
		text-decoration: none;
		color: #FFFFFF;
	}

	.sub-sub-serv2 ul li a:hover{
		color: #408FC7;
	}

	/*---------- SUb - sub Menu Servicios2-------------*/
	
	
	
.limpieza{
	width: 150px;
	border: 0px solid red;
	background-color: #000000;
	color: #FFFFFF;
	position: absolute;
	top: 200px;
	left: calc(60%);
	z-index: 100000000000;
	display: none;
}



/*---------- SUb Menu Servicios-------------*/







/*------ Sección ------*/



.sec{

	width: 1200px;

	border: 0px solid red;

	margin: 0px auto;

	overflow: hidden;
	
	text-align: justify;
}


.sec div{

	width: 365px;

	border: 0px solid #5F5F5F;

	overflow: hidden;

	float: left;

	margin:15px; 

	text-align: center;

}

.sec .margen{
    border:1px solid gray;
    text-align:justify;
    box-sizing:border-box;
    padding:0px;
}

.sec .margen img{
    width:70px;
    height:40px;
    margin-right:10px;
    float:left;
}

.sec .margen div{
    width:100%;
    margin:0px;
    border:0px solid gray;
    box-sizing:border-box;
    text-align:justify;
    padding:10px;
}

.sec .margen h3{
    display:block;
    background-color:#007DBF;
    color:white;
    text-align:left;
    padding:10px;
    margin-bottom:10px;
}

.sec .margen ul{
    list-style:none;
    list-style-position: outside;
    margin-left: 0px;
    padding-left:0px;
}

.sec .margen ul li a{
    display:block;
    text-decoration:none;
    color: blue;
    border:0px solid gray;
    overflow:hidden;
    line-height: 35px;
}


.sec .margen ul li a:hover{
    text-decoration: underline;
}

.sec div img{

	width: 100%;

}

.sec .cuadro{
	width: 98%;
	border: 1px solid #646464;
	overflow: hidden;
	box-sizing: border-box;
	text-align: justify;
	padding: 10px;

}



.sec h1{

	display: block;

	width: 100%;

	text-align: center;

	margin-bottom: 30px;

	color: #020059;

	font-size: 40px;

}





.sec h2{

	margin-top: 10px;

	display: block;

	width: 100%;

	text-align: center;

	color: #020059;

}


.sec ul{
	padding-left: 30px;
}


/*------ Sección ------*/
.sec2{
	overflow: hidden;
	background-image: url(img/fon-gris.jpg);
	padding-bottom: 30px;
}

.sec2 h1{
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	color: #020059;
	font-size: 40px;
}

.sec2 h2{
	margin-top: 10px;
	display: block;
	width: 100%;
	text-align: center;
	color: #408FC7;
}

.sec2 h3{
	margin-top: 10px;
	display: block;
	width: 100%;
	text-align: center;
	color: #408FC7;	
}

.sec2 .cuadro2{
	border: 0px solid red;
	overflow: hidden;
	background-color: #D1D1D1;
	color: #000000;
}

.sec2 .cuadro{
	color: #FFFFFF;
}

.sec2 .cuadro{
	background-image: url(img/fon-neg.jpg);
}

.sec2 .cuadro2{
	background-image: url(img/fon-gris.jpg);
}

.sec2 .cuadro .cuadro-sub img, .sec2 .cuadro2 .cuadro-sub img{
	width: 400px;
}

.sec2 .cuadro .cuadro-sub, .sec2 .cuadro2 .cuadro-sub{
	width: 70%;
	border: 0px solid red;
	overflow: hidden;
	margin: 0px auto;
	font-size: 24px;
	text-align: justify;
	padding-bottom: 20px;
}

.cuadro2 .cuadro-sub ul, .cuadro .cuadro-sub ul{
	list-style-position: inside;

}
.cuadro2 .cuadro-sub ul li, .cuadro .cuadro-sub ul li{
	padding: 5px;
}


.sec2 .fich-ser{
	border: 1px solid #A2A2A2;
	background-color: #FFFFFF;
	text-align: justify;
	width: 350px;
	height: 500px;
	float: left;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.sec2 .fich-ser img{
	width: 100%;
	height: 200px;
	border: 1px solid #7C7C7C;
}

.sec2 .fich-ser span{
	font-weight: bold;
	color: #408FC7;
	display: block;
	width: 100%;
	text-align: center;
}

.contacto-sup{
    width:90%;
    overflow:hidden;
    border:0px solid blue;
    margin:0px auto;
    box-sizing:border-box;
}

.contacto{
    width:50%;
    box-sizing:border-box;
    overflow:hidden;
    float:left;
    border:0px solid red;
    padding:20px;
    margin:50px 0px;
    min-width:400px;
}

.contacto form{
    display:block;
    width:100%;
    border:0px solid green;
}
.contacto form label{
    color:#A6A5A5;
}


.contacto form input, textarea{
    padding:15px;
    width:100%;
    margin:5px 0px;
    min-width:300px;
    max-width:400px;
    box-sizing:border-box;
    display:block;
}





.contacto .icon-facebook2{
	color:#3854A1;
	font-size:20px;
}

.contacto .icon-twitter{
	color:#2EAAE2;
	font-size:20px;
}

.contacto .icon-linkedin{
	color:#0077B5;
	font-size:20px;
}


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



footer{
	width: 100%;
	display:block;
	float:left;
	background-color: #4C4C4C;
	box-sizing: border-box;
	height: 100px;
	
}



footer span{

	display: block;

	color: #FFFFFF;

	width: 100%;

	border: 0px solid #FFFFFF;

	margin: 0px auto;

	padding-top: 30px;

	text-align: center;

}



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



/*---Media Query ---*/


@media screen and (max-width:1550px ){
	.regis{

		padding: 10px;

		top:230px;

		left: calc(100% - 300px);

		opacity: .8;

		width: 250px;

	}



	.regis:hover{

		opacity: 1;

	}



	.regis label{

		display: block;

		width: 100%;

		padding:5px;

		font-size: 14px;

	}



	.regis input, select{

		padding: 5px;

		box-sizing: border-box;

	}
}


.benefit{
    display:block;
    border:0px solid red; 
    width:100%; margin-top:20px; 
    box-sizing:border-box; 
    overflow:hidden;
    
}

.benefit > div{
    float:left;
    border:0px solid red; 
    width:50%; 
    box-sizing:border-box; 
    min-width:600px;
}



@media screen and (max-width:1700px ){
    .benefit > div{
        float:left;
        border:0px solid red; 
        width:100%; 
        box-sizing:border-box; 
        min-width:auto;
    }
    

}

@media screen and (max-width:1380px ){
	.center{
		width: 90%;
	}
	.sec2 .fich-ser{
		height: 520px;
	}
}

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

	.sec{

		width: 900px;

	}

	.sec2 .fich-ser{
		height: 500px;
	}

	.sec div{

		width: 270px;

	}



	.sec div img{

		width: 100%;

	}

}




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

		width: 70%;

	}
	.submenu{
		left: calc(18%);
	}
	.sub-serv{
		left: calc(35%);
	}
	.sub-sub-serv{
		left: calc(35% + 200px);
	}
	.sub-sub-serv2{
		left: calc(35% + 200px);
	}
}



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



	.single-item {

	    min-height:300px;

	    max-height: 350px;

	}



	.single-item img {

	  height: 350px;

	}

	.logotipo .slog{

		font-size: 20px;

		width: 440px;

		border: 0px solid red;

		box-sizing: border-box;

	}

	.logotipo{

		max-width: 750px;

	}



	.registro{

		padding: 10px;

		top:220px;

		left: calc(100% - 300px);

		opacity: .8;

		width: 250px;

	}



	.registro:hover{

		opacity: 1;

	}



	.registro label{

		display: block;

		width: 100%;

		padding:5px;

		font-size: 14px;

	}



	.registro input, select{

		padding: 5px;

		box-sizing: border-box;

	}

	.sec2 .cuadro .cuadro-sub, .sec2 .cuadro2 .cuadro-sub{
		font-size: 20px;
		width: 90%;
	}
	
    .registro1{
        width:400px;
        right: calc(100% - 450px);
    }

}
@media screen and (max-width:970px ){
    .contacto{
        width:40%;
    }
}

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

	.sec{

		width: 600px;

		border: 0px solid red;

	}



	.sec div{

		width: 265px;

		height: 350px;

		border: 0px solid red;

	}



	.sec div img{

		width: 100%;

	}
	.sec2 .fich-ser{
		height: 550px;
	}

    .contacto form input, textarea{
        padding:5px;
        min-width:200px;
        max-width:400px;
    }
    .contacto-sup{
        width:605px;
    }
    .contacto{
        min-width:300px;
    }
}


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

	nav{

		width: 90%;

	}
	.submenu{
		left: calc(10%);
	}

}



@media screen and (max-width:800px){
	.logotipo{
		max-width: 600px;
	}
	.logotipo .logo img{
		width: 200px;
	}
	.logotipo .slog{
		font-size: 16px;
		width: 360px;
	}
	.registro{
		padding: 10px;
		top:190px;
		opacity: .8;
	}
	.regis{
		top: 190px;
	}
	.submenu{
		top: 170px;
		left: calc(7%);
	}
	.sec2 .cuadro .cuadro-sub, .sec2 .cuadro2 .cuadro-sub{
		font-size: 16px;
	}
	.sec2 .cuadro .cuadro-sub img, .sec2 .cuadro2 .cuadro-sub img{
		width: 250px;
	}

	.sub-serv{
		top: 170px;
		left: calc(30%);
	}
	.sub-sub-serv{
		top: 170px;
		left: calc(30% + 200px);
	}
	.sub-sub-serv2{
		top: 250px;
		left: calc(30% + 200px);
	}
	
    .registro1{
        display:none;
    }	

}

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

	.sec2 .fich-ser{
		height: 600px;
	}
}

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

	.sec2 .center{
		width: 80%;
	}
	.sec2 .fich-ser{
		height: 450px;
		margin-left: 0px;
	}
	.sec h1{

		font-size: 28px;

	}
	.sec2 h1{

		font-size: 28px;

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

	.sec2 .center{
		width: 90%;
	}
    .contacto form input, textarea{
        max-width:600px;
    }
    .contacto-sup{
        width:100%;
    }
    .contacto{
        width:100%;
        margin-bottom:0px;
    }
}


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


	/*nav{

		display: none;

	}*/

header>nav>ul> .oculto{
    display:block;
}
header>nav>ul> .oculto2{
    display:none;
}

	.menu_bar{
		display: block;
		position: absolute;
		top: 0px;
		left: calc(90% - 20px);
		border: 0px solid #FDE941;
		text-align: right;
	}

	.menu_bar > a{
		text-decoration: none;
		color: #FFFFFF;
	}

	.menu_bar .bt-menu {
		display:block;
		padding:10px;
		color:#120C26;
		overflow: hidden;
		text-decoration:none;
		font-weight: bold;
		font-size:30px;
		float: left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.menu_bar .bt-menu > span{
		border: 0px solid #120C26;
		border-radius: 5px;
	}

	header>nav>ul li a{
		padding: 20px;	
	}

	header>nav>ul>li a span{
		top: 0px;
		left: -100%;
	}


	nav > ul > li > a span {
		background: #00FFC6;
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		text-align: center;		
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	header nav {
		width:90%;
		background: linear-gradient(to bottom, #000000, #595858);
		height: calc(100% - 80px);
		left:-100%;
		margin:0;
		position: fixed;
		overflow: scroll;
		z-index: 50;
	}

 
	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}

	nav > ul li a {
		text-align: left;
	}


	header nav ul li a {
		display: block;
	}



	header>nav>ul>li> a:hover > span{
		left: -98%;
		background: #408FC7;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}



	header>nav>ul>li> a:hover{
		color: #408FC7;
	}

	.separator{
		display: none;
	}

	.single-item {
	    min-height:200px;
	    max-height: 200px;
	}


	.single-item img {
	  height: 200px;
	}

	header{
		height:30px;
	}

	.logotipo{
		padding: 0px;
	}


	.logotipo .logo{
		float: none;
		margin: 0px solid;
		border: 0px solid red;
		text-align: center;
	}

	.logotipo .sociales{
		width: 100%;
		border: 0px solid red;
		text-align: center;
	}

	.logotipo .slog{
		float: none;
		width: 100%;
		text-align: center;
	}

	.registro {
		display: none;
	}

	.regis{
		display: none;
	}

	.registro2{
		display: block;
	}

	.submenu, .sub-serv, .sub-sub-serv, .sub-sub-serv2 {
		top: -300px;
	}

}

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

	.sec{

		width: 400px;

		border: 0px solid red;

		padding: 0px;

		float: none;

		overflow: hidden;

	}



	.sec div{

		width: 400px;

		height: 500px;

		border: 0px solid red;

		margin: 0px;
		
		margin-bottom:20px;

		float: left;

	}



	.sec h2{

		font-size: 20px;

	}

	.sec2 .cuadro .cuadro-sub img, .sec2 .cuadro2 .cuadro-sub img{
		width: 100%;
		padding-bottom: 10px;
	}

}

@media screen and (max-width:560px ){
	.sec2 .center{
		width: 95%;
	}
	.sec2 .fich-ser{
		height: 450px;
	}
}
@media screen and (max-width:450px ){

	.sec{

		width: 400px;

		border: 0px solid red;

		padding: 0px;

		float: none;

		overflow: hidden;

	}

	.sec2 .fich-ser{
		margin-left: 0px;
		height: 490px;
	}
	.sec2 .fich-ser{
		height: 510px;
	}
	.sec div{

		width: 400px;

		height: 500px;

		border: 0px solid red;

		margin: 0px;

		float: left;

	}

	footer span{

		font-size: 12px;

	}

}



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

	.sec{

		width: 300px;

		border: 0px solid red;

		padding: 0px;

		float: none;

		overflow: hidden;

	}



	.sec div{

		width: 300px;

		height: 500px;

		border: 0px solid red;

		margin: 0px;

		float: left;

	}

	.sec h1{

		font-size: 18px;

	}

	.sec h2{

		font-size: 15px;

	}
	.sec2 .fich-ser{
		height: 530px;
	}
}





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

	.logotipo .slog{

		font-size: 14px;

	}
	.sec2 .fich-ser{
		height: 565px;
	}
}