@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700,900';

html, body {
	background-color:#000;
	height:100%;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	line-height:1.2em;
	position: relative;
	}
	@media only screen and (max-width:620px), {
	html, body {
	font-weight:300;
	}}
	@media (max-width:820px) and (max-height:420px){
	html, body {
	font-weight:300;
	}}


body.proyectos {
	overflow-x:hidden;
	}


body#nosotros.nosotros p.ls,
body#estudio.nosotros p.ls,
#container,
article h2,
body#victor h2,
body#alejandra h2,
body.nosotros h2,
body#estudio h2,

ul.submenu li a, 
ul.submenu li a:visited,
ul.submenudos li a, 
ul.submenudos li a:visited, 

ul.submenudosmovil li a,
ul.submenudosmovil li a:visited,

div.title,
body#p-single h4,
body#contacto article p strong,
body.nosotros#nosotros p.ls span,
ul.nav ul.navsub li{
	color:#999999;
	}





/* Textos sobre barra gris*/
ul.nav,
nav,
nav ul li a,
div.menumovil,
div.menumovil ul li a,
div.menu-footer a,
div.menu-footer a:visited,
div.menu-footer a:hover,
footer,
footer p {
	color:#888;
	}




footer p {
	color:#666;
	}
	@media only screen and (max-width:620px) {
	footer p {
	color:#444;
	}}
	@media (max-width:820px) and (max-height:420px){
	footer p {
	color:#444;
	}}



html, body,
article,
article p strong,
body#p-single article p {
	color:#5c5c5c!important;
	}


ul.nav,
div.title,
div.title h1,
body#p-single h4,
body#p-single div.title ul.social li,
div.menu-footer p,
body.nosotros h2,
body#estudio h2,
body.nosotros#nosotros p.ls span,
body.nosotros#nosotros p.lsdos{
	font-weight:300!important;
	}



html, body{
	font-weight:400!important;
	}


article p strong{
	font-weight:700;
	}


@media only screen and (max-width:620px) {
	p.ls  {
	font-weight:400;
	}}
	@media (max-width:820px) and (max-height:420px){
	p.ls  {
	font-weight:400;
	}}




/* 
---------- // reset // ------------------- */
img,
ol, ul, li, 
h1, h2, h3, h4, h5, h6 {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

img {max-width:100%;}


article,
aside,
aside p,
body.proyectos-single article p,
input[type="text"], 
input[type="text"]:focus,
textarea,
textarea:focus,
ul.proyectos,
ul.proyectos li,
body#p-single h2,
ul.proyectos li p,
div.menu-footer p,
div.snosotros ul li,
footer p  {
	box-sizing: border-box;
	}
/* 
---------- // a general // ------------------- */

a, a:visited {
	color: #5e5e5e;
	text-decoration:underline;
	}

a:hover {
	color: #fff;
	}
	@media only screen and (max-width:620px) {
	a:hover{
	color: #5e5e5e;
	}}




/* 
---------- // z index // ------------------- */
nav ul li a span{z-index:-1;}
aside{ z-index:99; }
section{ z-index:99; }
nav { z-index: 110; }
nav ul li, nav ul li a, nav ul li a:visited { z-index: 115; }

body.nosotros#nosotros p.ls{ z-index: 200; }


div.contenedor{ z-index:300; }
ul.submenudosmovil{ z-index:400!important;}
header { z-index:401; }


div#blackdos {z-index:1030;}
div.menumovil { z-index:9999;}
footer { z-index: 9998;}
div.toggle{z-index:99999;}

#index footer{z-index:9;}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ESTRUCTURA >>>>>>>>>>*/	
header,
div.contenedor,
footer,
div.snosotros{
	display: block;
	float: left;
	height: auto;
	width: 100%;
	}


div.inn{
	display: block;
	height: auto;
	float: none;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width:96%;
	}

header div.inn{
	position: initial;
	}


div.in{
	display: block;
	height: auto;
	float: none;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width:70%;
	}
	@media only screen and (max-width:1600px) {
	div.in{
	width:80%;
	}}
	@media only screen and (max-width:1200px) {
	div.in{
	width:85%;
	}}
	@media only screen and (max-width:980px) {
	div.in{
	width:90%;
	}}
	@media only screen and (max-width:820px) {
	div.in{
	width:94%;
	}}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< HEADER >>>>>>>>>>*/
header {
	background-color:#222222;
	height:70px;
	position:relative;
	}
	@media only screen and (max-width:620px) {
	header{
	background-color:#222222;
	height:70px;
	top:0px;
	position:fixed;
	}}
	@media (max-width:820px) and (max-height:420px){
	header{
	position:relative;
	}}



a.logotipo  {
  align-items:center;
  box-sizing: border-box;
  display:flex!important;
  flex-direction:row;
  flex-wrap: wrap;
  float:left;
  height:70px!important;
  justify-content:space-between;
  }

a.logotipo *{
  box-sizing: border-box;
  }


a.logotipo .vda{
	background-color:#000!important;
	background-image:url(../images/vda-blanco.png)!important;
	background-position:90% center!important;
	background-repeat: no-repeat;
	background-size:80px 27px!important; 
	display: block;
	float: left;
	height:70px!important;
 	transition:all 0.3s;
	width:120px;	
	}
	@media only screen and (max-width:620px) {
	a.logotipo .vda{
  	background-size:74px 25px!important;
  	background-position:70% center!important;
  	width:90px!important;
	}}



a.logotipo .vda-txt{
	background-image:none!important;
	display: block;
	float: left;
	height:auto!important; 
	padding-left:4px;
	transition:all 0.3s;
	width:120px!important;
	}
	@media only screen and (max-width:620px) {
	a.logotipo .vda-txt{
	width:118px;
	}}
	@media (max-width:820px) and (max-height:420px){
	a.logotipo .vda-txt{
	width:118px;
	}}


a.logotipo .vda-txt img{
  display:block;
  height:auto;
  margin:0px;
  padding:0px;
  width:100%;
  }



a.logotipo img{
	float: left;
	height:62px;
	margin-top:-6px;
	width:auto;
	}
	@media only screen and (max-width:620px) {
	a.logotipo img {
	height:50px;
	margin-top:0px;
	}}
	@media (max-width:820px) and (max-height:420px){
	a.logotipo img {
	height:50px;
	margin-top:0px;
	}}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< HEADER TRANSPARENTE >>>>>>>>>>*/

body#index header,
body#estudio header {
  background-color:transparent!important;
  position:absolute!important;
  bottom:auto;
  top:0px;
  left:0px;
  right:0px;
  transition:all 0.3s;
  }


body#index header:hover,
body#estudio header:hover {
  background-color:#222222!important;
  }
  @media only screen and (max-width:620px) {
  body#index header:hover,
  body#estudio header:hover{
  background-color:transparent!important;
  }}


/* LOGO */
body#index header a.logotipo .vda,
body#estudio header a.logotipo .vda {
	background-color:transparent!important;
	}


body#index header:hover a.logotipo .vda,
body#estudio header:hover a.logotipo .vda {
  background-color:#000!important;
  }
  @media only screen and (max-width:620px) {
  body#index header:hover a.logotipo .vda,
  body#estudio header:hover a.logotipo .vda{
  background-color:transparent!important;
  }}


body#index header a.logotipo .vda-txt,
body#estudio header a.logotipo .vda-txt{
  border-left:1px solid rgba(255, 255, 255, 0.7)!important;
  background-image:none!important;
  height:auto!important; 
  padding-left:4px;
  transition:all 0.3s;
  width:120px!important;
  }

body#index header:hover a.logotipo .vda-txt,
body#estudio header:hover a.logotipo .vda-txt{
  border-left:1px solid transparent!important;
  }
  @media only screen and (max-width:620px) {
  body#index header:hover a.logotipo .vda-txt,
  body#estudio header:hover a.logotipo .vda-txt{
  border-left:1px solid rgba(255, 255, 255, 0.7)!important;
  }}


/* MENU */
body#index header ul.nav li a,
body#estudio header ul.nav li a{
  color:#fff!important;
  }


body#index header:hover ul.nav li a,
body#estudio header:hover ul.nav li a {
  color:#fff!important;
  opacity:0.7!important;
  transition:all 0.3s;
  }

body#index header:hover ul.nav li a:hover,
body#estudio header:hover ul.nav li a:hover {
  color:#fff!important;
  opacity:1.0!important;
  }

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< NAV >>>>>>>>>>*/
div.menumovil{
	background-color:#111;
	box-sizing:border-box!important;
	bottom:0px;
	display:none;
	height:auto;
	margin-top:0px;
	padding:20% 4% 50px 4%!important;
	position:fixed;
	right: 0px;
	text-align:center;
	top:0px;
	width:80%;
	transition:all 0.3s;
	-webkit-transition:all 0.3s ; /* Safari and Chrome */
	-o-transition:all 0.3s ;   /* Opera */
	-moz-transition:all 0.3s ; /* Mozilla Firefox */
	 -ms-transition:all 0.3s;   /* Internet Explorer */
	-webkit-transform: translate(100%, 0px);
	-moz-transform: translate(100%, 0px);
	-o-transform: translate(100%, 0px);
	-ms-transform: translate(100%, 0px);
	transform: translate(100%, 0px);
	}
	@media only screen and (max-width:620px) {
	div.menumovil{
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:space-between;
	}}	
	@media (max-width:820px) and (max-height:420px){
	div.menumovil{
	width:calc(100% - 210px)!important;
	transform: translate(200%, 0px);
	bottom: auto;
	height:auto;
	}}



div.menumovil ul.botones{
	height: auto;
	float:left;
	padding: 0px;
	width:100%;
	}

div.menumovil ul.botones  li{
	height: auto;
	float:left;
	padding:0px;
	margin:0px;
	text-align:left;
	width:100%;
	}


div.menumovil ul.botones li a{
	color:inherit;
	font-weight:300;
	float:left;
	font-size:1.6em;
	height: auto;
	line-height:2em;
	text-decoration: none;
	padding:0px;
	width:auto;
	}

/* NEW
div.menumovil ul li ul li {
	margin-left:4%;
	width:96%;
	}


div.menumovil ul li ul li {
	margin-left:4%;
	width:96%;
	}

div.menumovil ul li ul li a{
	font-size:1em;
	}
div.menumovil ul li ul li a i{
	font-style: normal;
	color:#ed3237;
	}
*/


div.menumovil ul li a:hover {
	color: #fff;
	text-decoration: none;
	}



/* UL BAR SOCIAL 
------------------------------------------*/
div.menumovil ul.bar-social {
	align-self:flex-start;
	justify-content:flex-start;
	}

div.menumovil ul.bar-social li{
	margin-right:8%!important;
	}

div.menumovil ul.bar-social li a .svg-icon{
	height:18px;
	width:18px;
	}






/* UL NAV
------------------------------------------*/
ul.nav{
	height:auto;
	float:none;
	margin:0px;
	margin-top:10px!important;
	padding:0px;
	text-align:right;
	width:auto;
	position:absolute;
	left:280px!important;
	right:0px;
	top:0px;
	}
	@media only screen and (max-width:620px) {
	ul.nav{
	display:none;
	}}
	@media (max-width:820px) and (max-height:420px){
	ul.nav{
	display:none;
	}}




ul.nav > li{
	display: inline-block;
	height: auto;
	float:none;
	min-height:50px;
	line-height:50px;
	position:relative;
	width:auto;
	}

/*escondemos boton inicio y aparecemos en movil*/
ul.nav li.inicio{
	display:none;
	}
	@media only screen and (max-width:620px) {
	ul.nav li.inicio{
	display: inline-block;
	}}



ul.nav > li:last-child{
	margin-right:2%;
	}



ul.nav > li a{
	color:inherit;
	height: auto;
	font-weight:300;
	float:left;
	font-size:1.1em;
	height: auto;
	text-decoration: none;
	padding:0px 10px;
	width: auto;
	}

ul.nav li{
	position:initial;
	}



ul.nav > li:hover,
ul.nav a:hover{
	color:#fff!important;
	}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< INDEX BANNER >>>>>>>>>>*/
ul.slidersmovil {
	display: none!important;
	float: left;
	height: auto;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	ul.slidersmovil {
	display: none!important;
	}}
	@media only screen and (max-width:620px) {
	body#index ul.slidersmovil {
	display: none!important;
	}}

ul.slidersmovil li{
	display:block;
	float: left;
	height: auto;
	width:100%;
	}


ul.slidersmovil li img{
	display:block;
	float: left;
	height: auto;
	width:100%;
	}


ul.slidersmovil li p{
	display:block;
	float: left;
	height: auto;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	ul.slidersmovil li p{
	font-size:0.8em;
	margin:15px 2%;
	width:96%;
	}}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< SECTION >>>>>>>>>>*/
section {
	float: left;
	height: auto;
	position: relative;
	margin:0px;
	margin-top:15px;
	width:100%;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ARTICLE >>>>>>>>>>*/
article {
	height: auto;
	float: left;
	padding:10px 5% 30px 5%;
	width: 60%;	
	}


article h2,
article p {
	float: left;
	width: 100%;
	}


article h2 {
	font-weight:300;
	font-size:2em;
	margin:0px 0px 10px 0px;
	text-align: left;
	text-transform: uppercase;
	}


p {
	height: auto;
	float: left;
	margin:20px 0px;
	text-align: justify;
	}






/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ASIDE >>>>>>>>>>*/
aside {
	float:left;
	min-height:300px;
	width:40%;
	}


aside img{
	float: left;
	height: auto;
	width: 100%;
	}


aside p{
	float: left;
	height: auto;
	padding:15px;
	width: 100%;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FOOTER >>>>>>>>>>*/
footer {
	background-color:#222222;
	height:40px;
	float: left;
	padding:5px 0px;
	position:fixed;
	float: none;
	bottom: 0px;
	left:0px;
	right: 0px;
	}
	@media only screen and (max-width:820px) {
	footer{
	background-color:#222222;
	height:105px;
	position:relative;
	float: left;
	bottom:auto;
	left:auto;
	right:auto;
	}}


footer p{
	font-size:0.8em;
	height: auto;
	float: left;
	margin:0px;
	margin-top:9px;
	padding: 0px;
	width:auto;
	}

	@media only screen and (max-width:820px) {
	footer p{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	border-top:1px solid #000;
	height:55px;
	line-height:1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top:0px;
	text-align:left;
	padding:0px 10px;
	position: absolute;
	width:100%;
	left:0px;
	top:55px;
	}}


	@media only screen and (max-width:820px) {
	footer div.inn{
	position:initial;
	}}
	@media (max-width:820px) and (max-height:420px){
	footer div.inn{
	position:initial;
	}}










footer ul.bar-social{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:flex-end;
	float:right;
	margin-top:10px;
	text-align: right;
	width:auto!important;
	}
	@media only screen and (max-width:820px) {
	footer ul.bar-social{
	justify-content:flex-start;
	margin-top:14px;
	width:100%!important;
	}}



footer ul.bar-social li{
	border-right: 0px solid #ed3237;
	padding:0px 15px;
	}
	@media only screen and (max-width:980px) {
	footer ul.bar-social li{
	padding:0px 10px;
	}}
	@media only screen and (max-width:820px) {
	footer ul.bar-social li{
	margin-right:20px;
	padding:0px 4px;
	}}

footer ul.bar-social li a .svg-icon{
	height:16px;
	width:16px;
	}
	@media only screen and (max-width:820px) {
	footer ul.bar-social li a .svg-icon{
	height:20px;
	width:20px;
	}}





/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< INDEX >>>>>>>>>>*/
body#index footer {
	background-color:transparent!important;
	display:block!important;
	position:absolute!important;
	bottom:42px!important;
	z-index:100!important;
	}
	@media only screen and (max-width:620px) {
	body#index footer{
	display:none!important;
	}}
	@media (max-width:820px) and (max-height:420px){
	body#index footer{
	display: none!important;
	}}


body#index footer p{
	color:#fff!important;
	font-weight:300!important;
	text-align:center;
	opacity:0.5!important;
	width:100%!important;
	}

.degradado {
  height:160px;
  position:absolute;
  left:0px;
  right:0px;
  width:100%;
  z-index:10;
  } 

.degradado.top {
  background: linear-gradient(to bottom,  rgba(0,0,0,0.5) -10%,rgba(0,0,0,0) 100%);
  bottom:auto;
  top:0px;
  } 

.degradado.bottom {
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 110%);
  bottom:0px;
  top:auto;
  } 

body#index .swiper-slide div.data{
  color:#fff;
  height:auto;
  text-align: left;
  position:absolute;
  bottom:50px;
  left:2%;
  width:97%;
  }
  @media only screen and (max-width:6000px) {
  body#index .swiper-slide div.data{
  bottom:82px;
  text-align:center;
  }}
  @media only screen and (max-width:620px) {
  body#index .swiper-slide div.data{
  bottom:36px;
  text-align:center;
  }}



body#index .swiper-slide div.data {z-index:10!important;}
body#index .swiper-slide .degradado.bottom {z-index:9!important;}
body#index .swiper-slide picture {z-index:8!important;}

body#index .swiper-slide div.data > *{
  display:inline-block;
  color:#fff;
  font-size:1.2em;
  font-weight:300;
  height:auto;
  line-height:22px;
  margin:0px;
  padding:0px;
  text-align: left;
  width:auto;
  }
  @media only screen and (max-width:1120px) {
  body#index .swiper-slide div.data > *{
  text-align:center;
  }}
  @media only screen and (max-width:620px) {
  body#index .swiper-slide div.data > *{
  text-align:center;
  }}



body#index .swiper-slide div.data h3 {
  font-weight:400;
  }

body#index .swiper-slide div.data h2,
body#index .swiper-slide div.data h4 {
  font-weight:300;
  }


body#index .swiper-pagination {
  }
  @media only screen and (max-width:620px) {
  body#index .swiper-pagination{
  bottom:14px!important;
  }}



body#index .swiper-pagination-bullet  {
  border:1px solid rgba(255, 255, 255, 0.7)!important;
  }
  @media only screen and (max-width:620px) {
  body#index .swiper-pagination-bullet {
  border:1px solid rgba(255, 255, 255, 0.4)!important;
  }}

body#index .swiper-pagination-bullet-active  {
  background-color:#fff!important;
  border:1px solid #fff!important;
  }



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< PROYECTOS >>>>>>>>>>*/
body#p-proyectos div#container{
	margin-top:5px;
	margin-bottom:40px;
	}
	@media only screen and (max-width:620px) {
	body#p-proyectos div#container{
	margin-top:60px;
	}}
	@media (max-width:820px) and (max-height:420px){
	body#p-proyectos div#container{
	margin-top:10px;
	}}


body#p-single #container{
	margin-top:15px;
	}


body#p-single #conta{
	position:relative!important;
	top:auto!important;
	left:auto!important;
	right:auto!important;
	bottom:auto!important;
	width:-moz-calc(100% - 10px);
	width:-o-calc(100% - 10px);
	width:-webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	}



body.proyectos section#wrapper {
	margin-top:0px;
	}

ul.submenu {
	display:none;
	float:none;
	height:auto;
	position: absolute;
	left:-15px;
	top:50px;
	width:440px;
	}
	@media only screen and (max-width:620px) {
	ul.submenu{
	display: inline-block!important;
	box-sizing:border-box;
	float:none!important;
	height: auto;
	left:0px;
	padding:0px;
	margin:0px;
	position: relative!important;
	top:auto;
	text-align:center;
	width:100%;
	}}

ul.submenu li{
	display:block;
	float:left;
	height: auto;
	width:auto;
	}
	@media only screen and (max-width:620px) {
	ul.submenu li{
	display: inline-block!important;
	float:none!important;
	text-align: center;
	margin:0px;
	padding:0px;
	width:100%;
	}}



ul.submenu li a, 
ul.submenu li a:visited{
	border-right: 1px solid #ed3237;
	height:auto;
	font-weight:300;
	float:left;
	font-size:1em;
	height: auto;
	text-decoration: none;
	padding:0px 10px;
	width: auto;
	}
	@media only screen and (max-width:620px) {
	ul.submenu li a{
	border-right: 0px solid #ed3237;
	border-bottom: 0px solid #575757;
	height:auto;
	font-weight:300;
	float:left;
	font-size:1em!important;
	height:30px;
	line-height:30px;
	text-decoration: none;
	text-align: center;
	margin:0px;
	padding:0px 0px;
	width:100%;
	}}


ul.submenu li:last-child a{
	border-right: 0px solid transparent;
	}


ul.submenu li a:hover {
	color: #fff!important;
	}


ul.proyectos {
	display: block;
	float: left;
	height: auto;
	margin:20px 0px 20px 0px;
	margin-top:55px;
	text-align: center;
	width: 100%;
	}
	@media only screen and (max-width:620px) {
	ul.proyectos{
	margin:0px 0px 20px 0px;
	}}


ul.proyectos li{
	padding-bottom:15px;
	/*
	margin-right:2%;
	height: auto;
	float: left;
	width:32%;
	*/
	display: inline-block;
	float: none;
	height:auto;
	margin:5px;
	overflow: hidden;
	width:330px;
	}
		@media only screen and (max-width:620px) {
		ul.proyectos li{
		width:49%;
		}}


ul.proyectos li img{
	float: left;
	height:100%;
	width:100%;
	}


ul.proyectos li a,
ul.proyectos li a:visited{
	float: left;
	font-weight:300;
	margin-bottom:10px;
	text-decoration:none;
	text-transform: uppercase;	
	/**/
	height:210px;
	width:100%;
	}


ul.proyectos li p{
	background-color:#444444;
	float: left;
	font-weight:300; 
	height: auto;
	margin:-10px 0px 0px 0px;
	padding:5px 5px;
	width:100%;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< PROYECTOS SINGLE >>>>>>>>>>*/

/* Banner principal */
body.single-nuevo .swiper-container {
	height:66vh!important;
	max-height:100vh!important;
	position:relative!important;
	width:100%!important;
	z-index:400!important;
	top:auto!important;
	}
	@media only screen and (max-width:620px) {
	body.single-nuevo .swiper-container {
	margin-top:70px;
	}}


body.single-nuevo .swiper-container .swiper-slide{
	margin-top:15px;
	background-color:#000;
	}
	@media only screen and (max-width:620px) {
	body.single-nuevo .swiper-container .swiper-slide {
	margin-top:0px;
	}}


body.single-nuevo .swiper-container .swiper-wrapper picture{
  height:auto;
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  top:0px;
  width:auto;
  }


body.single-nuevo .swiper-container .swiper-wrapper picture img{
  height:100%;
  width:100%;
  object-fit:contain;
  }



body.single-nuevo .swiper-pagination {
   bottom:30px!important;
   z-index:2000;
  }


body.single-nuevo .swiper-pagination-bullet {
  background:transparent;
  border:1px solid #5c5c5c!important;
  height:5px!important;
  margin:0px 2px!important;
  padding:0px!important;
  opacity:1.0!important;
  width:5px!important;;
  }






body#p-single div.contenedor{
	margin:35px 0px 0px 0px;
	}
	@media only screen and (max-width:620px) {
	body#p-single div.contenedor{
	margin:0px 0px 20px 0px!important;
	}}

body#p-single div.title{
	float: left;
	padding:0px 0px;
	height:30px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	body#p-single div.title{
	height:auto!important;
	margin-top:8px;
	}}


body#p-single div.title h1{
	font-size:1.3em;
	float:left;
	line-height:30px;
	width:auto!important;
	}
	@media only screen and (max-width:620px) {
	body#p-single div.title h1{
	font-size:1.1em!important;
	line-height:20px;
	width:50%;
	}}




body#p-single div.title ul.social {
	color:inherit;
	float:right;
	padding: 0px;
	margin:5px 0px;
	width:auto;
	}
	/* NEW
	@media only screen and (max-width:620px) {
	body#p-single div.title ul.social{
	margin:0px;
	margin-bottom:0px;
	margin-top:0px;
	float: right;
	width:50%;
	}}
	*/


body#p-single div.title ul.social li{
	border-right: 1px solid #ed3237;
	float: left;
	line-height:18px;
	width:auto;
	}

body#p-single div.title li:last-child {
	border-right: 0px solid #ed3237!important;
	}


body#p-single div.title ul.social li a{
	padding:0px 15px;
	}


body#p-single div.title ul.social li:first-child {
	border-right:0px;
	}


body#p-single div.title ul.social li:first-child {
	padding-left: 0px;
	}






body.proyectos section article{
	padding:0px 0px 20px 0px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	body.proyectos section article{
	padding:0px 0px 0px 0px;
	}}

body#p-single article p{
	/*
    column-count: 3;
    column-gap:40px;
    */
    margin:0px!important;
    padding: 0px!important;
	}
	@media only screen and (max-width:720px) {
	body#p-single article p{
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
	-moz-column-gap: 0px; /* Firefox */
	column-gap:0px;
	margin-top:0px;
	}}

body#p-single h4 {
	float: left;
	font-size:1.2em;
	margin:5px 2%;
	margin-top:20px;
	padding: 0px;
	text-transform: uppercase;
	width:96%;
	}
	@media only screen and (max-width:620px) {
	body#p-single h4 {
	font-size:1.1em;
	margin-top:0px;
	}}



div.menu-footer {
	background-color:#222222;
	float:left;
	height:50px;
	text-align:right;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	div.menu-footer {
	background-color:#222222;
	}}
	@media (max-height:400px) {
	div.menu-footer{
	margin-bottom:1px;
	}}


div.espacio {
	display: block;
	float:left;
	height:51px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	div.espacio {
	display:block;
	height:1px;
	}}
	@media only screen and (max-height:400px) {
	div.espacio {
	display:none;
	}}


div.menu-footer p {
	display: block;
	height:40px;
	margin:0px;
	padding:0px;
	position:relative;
	margin-top:5px;
	}

div.menu-footer p:first-child {
	float: left;
	line-height:20px;
	text-align: left;
	width:50%;
	}
	@media only screen and (max-width:620px) {
	div.menu-footer p:first-child{
	font-size:0.9em;
	width:220px;
	}}



div.menu-footer p.flechas {
	float:right;
	/*line-height:40px;*/
	text-align: right;
	width:272px;

	align-items:center;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;
	height:40px;
	}
	@media only screen and (max-width:620px) {
	div.menu-footer p.flechas{
	width:50%;
	}}




/* NEW
div.menu-footer p a,
div.menu-footer p a:visited,
div.menu-footer p a:hover{
	text-decoration: none;
	float: none;
	height:auto;
	}


div.menu-footer p:first-child a{
	float: left;
	margin: 0px;
	padding:0px;
	width:100%;
	}
*/
div.menu-footer p.flechas a{
	display:inline-block;
	height:20px;
	float: none;
	text-decoration:none;
	width:auto;
	}



div.menu-footer p.flechas a:first-child{ /* primera flecha*/
	padding:0px 70px 0px 20px;
	}
div.menu-footer p.flechas a:last-child{ /* segunda flecha */
	padding:0px 20px 0px 69px;
	}



	@media only screen and (max-width:920px) {
	div.menu-footer p.flechas a:first-child{ /* primera flecha*/
	padding:0px 60px 0px 20px;
	}
	div.menu-footer p.flechas a:last-child{ /* segunda flecha */
	padding:0px 20px 0px 59px;
	}
	}


	@media only screen and (max-width:820px) {
	div.menu-footer p.flechas a:first-child{ /* primera flecha*/
	padding:0px 40px 0px 10px;
	}
	div.menu-footer p.flechas a:last-child{ /* segunda flecha */
	padding:0px 10px 0px 39px;
	}
	}


	@media only screen and (max-width:720px) {
	div.menu-footer p.flechas a:first-child{ /* primera flecha*/
	padding:0px 25px 0px 5px;
	}
	div.menu-footer p.flechas a:last-child{ /* segunda flecha */
	padding:0px 5px 0px 24px;
	}
	}


	@media only screen and (max-width:620px) {
	div.menu-footer p.flechas a:first-child{ /* primera flecha*/
	padding:0px 30px 0px 0px;
	}
	div.menu-footer p.flechas a:last-child{ /* segunda flecha */
	padding:0px 0px 0px 29px;
	}
	}




div.menu-footer p.flechas a:last-child {
	border-left: 1px solid #ed3237!important;
	}


div.menu-footer p a img {
	float: left;
	height:30px;
	margin-top:-5px;
	width:auto;
	}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< NOSOTROS >>>>>>>>>>*/

ul.submenudos {
	display:none;
	float:none;
	height:auto;
	position:absolute;
	margin: 0px;
	padding: 0px;
	left:0px;
	right:auto;
	top:55px;
	width:140px;
	}
	@media only screen and (max-width:820px) {
	ul.submenudos{
	top:75;
	}}
	@media only screen and (max-width:620px) {
	ul.submenudos{
	width: 0px;
	}}



div.snosotros {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	height: auto;
	justify-content:center;
	padding-bottom:50px;
	}


div.snosotros div.in {
	height: auto;
	float: none;
	width:900px!important;
	}
	@media only screen and (max-width:1600px) {
	div.snosotros div.in{
	width:900px!important;
	}}
	@media only screen and (max-width:1200px) {
	div.snosotros div.in{
	width:900px!important;
	}}
	@media only screen and (max-width:980px) {
	div.snosotros div.in{
	width:800px!important;
	}}
	@media only screen and (max-width:820px) {
	div.snosotros div.in{
	width:700px!important;
	}}
	@media only screen and (max-width:720px) {
	div.snosotros div.in{
	width:600px!important;
	}}
	@media only screen and (max-width:620px) {
	div.snosotros div.in{
	width:94%!important;
	}}




div.snosotros ul {
	float: left;
	height: auto;
	padding:0px;
	margin:0px;
	margin-top:50px;
	position: relative;
	width:100%;
	}
	@media only screen and (max-width:720px) {
	div.snosotros ul{
	margin-top:30px;
	}}
	@media only screen and (max-width:620px) {
	div.snosotros ul{
	margin-top:30px;
	}}



div.snosotros ul.alejandra {
	margin-bottom:50px;
	}



div.snosotros ul li{
	float:left;
	height: auto;
	padding:0px;
	position:relative;
	text-align:justify;
	margin:0px;
	width:50%;
	}
	@media (max-width:720px){
	div.snosotros ul li{
	width:100%;
	}}


div.snosotros ul li:first-child img{ /*img*/
	width:100%;
	}


div.snosotros ul li:last-child{ /*texto*/
	padding-left:60px;
	}
	@media only screen and (max-width:920px) {
	div.snosotros ul li:last-child{
	padding-left:40px;
	}}
	@media only screen and (max-width:820px) {
	div.snosotros ul li:last-child{
	padding-left:20px;
	}}
	@media only screen and (max-width:720px) {
	div.snosotros ul li:last-child{
	padding-left:0px;
	}}



div.snosotros p.ls1{
	margin:0px;
	margin-top:40px;
	padding:0px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	div.snosotros p.ls1{
	margin-top:30px;
	}}



body#nosotros-vda div.snosotros {
	display:block;
	}








/* controlamos margen superior de texto 

@media only screen and (max-width:620px) {
	body#nosotros .rslides {
	top:260px!important;
	}}



@media (max-width:820px) and (max-height:420px) {
	body.nosotros#nosotros p.ls {
	margin-top:-380px;
	}
	body#nosotros .rslides {
	top:260px!important;
	}
	div.snosotros{
	margin-top:360px;
	}
	body#nosotros-vda div.snosotros{
	margin-top:50px;
	}}





@media only screen and (max-width:520px) {
	body#nosotros .rslides {
	top:290px!important;
	}
	div.snosotros{
	margin-top:390px;
	}
	body#nosotros-vda div.snosotros{
	margin-top:50px;
	}}

@media only screen and (max-width:420px) {
	body#nosotros .rslides {
	top:340px!important;
	}
	div.snosotros{
	margin-top:440px;
	}
	body#nosotros-vda div.snosotros{
	margin-top:50px;
	}}


@media (max-width:820px) and (max-height:420px){
	body#nosotros-vda div.snosotros{
	margin-top:0px;
	}}


body.nosotros#nosotros p.ls{
	background-color:rgba(50, 50, 50, 0.8);
	height: auto;
	margin-bottom:30px;
	top:100px;
	padding:40px;
	position: absolute;
	width:620px;
	}
	@media only screen and (max-width:1200px) {
	body.nosotros#nosotros p.ls{
	top: 130px;
	}}
	@media only screen and (max-width:720px) {
	body.nosotros#nosotros p.ls{
	width:530px;
	}}
	@media only screen and (max-width:620px) {
	body.nosotros#nosotros p.ls{
	background-color:rgba(50, 50, 50, 0.0);
	position:relative;
	top:0px;
	color:#5c5c5c!important;
	padding:20px 3%;
	top: auto;
	float:left;
	margin-bottom:0px;
	width:94%;
	}}
	@media (max-width:820px) and (max-height:420px){
	body.nosotros#nosotros p.ls{
	background-color:rgba(50, 50, 50, 0.0);
	position:relative;
	top:0px;
	color:#5c5c5c!important;
	padding:20px 3%;
	top: auto;
	float:left;
	margin-bottom:0px;
	width:94%;
	}}

/*

	@media (max-width:620px) and (max-height:400px) {
	body.nosotros#nosotros p.ls{
	margin:0px;
	}}


body.nosotros#nosotros p.ls span {
	display:none;
	position: relative;
	float: left;
	margin-bottom:15px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	body.nosotros#nosotros p.ls span{
	display: block;
	}}
	@media (max-width:820px) and (max-height:420px){
	body.nosotros#nosotros p.ls span{
	display: block;
	}}

*/




	@media only screen and (max-width:720px) {
	div.snosotros h2{
	margin-top:30px;
	}}



/*
body.nosotros article {
	height: auto;
	float:right;
	padding: 0px;
	margin:0px;
	margin-top:2%;
	width:64%;	
	}
	@media only screen and (max-width:980px) {
	body.nosotros article{
	width:54%;	
	}}
	@media only screen and (max-width:620px) {
	body.nosotros article{
	margin-top:0%;
	margin: 0px 5% 80px 5%;
	width:90%;
	}}

*/



body.nosotros h2,
body#estudio h2{
	text-transform: none!important;
	font-size:1.5em!important;
	line-height:1.2em;
	}
	@media only screen and (max-width:620px) {
	body.nosotros h2,
	body#estudio h2{
	font-size:1.3em!important;
	}}





body.nosotros#nosotros div.neslider {
	display:block;
	height: auto;
	overflow:hidden;
	position:relative;
	}





body.nosotros#nosotros div.neslider p.lsdos {
	color:#fff;
	/*top:490px;*/
	top:auto;
	bottom:30px;
	left:30px;
	font-size:1.3em;
	line-height: 1.2em;
	margin:0px;
	padding:0px;
	position:absolute;
	z-index:99;
	}
	@media only screen and (max-width:620px) {
	body.nosotros#nosotros div.neslider p.lsdos{
	bottom:15px;
	left:15px;
	font-size:1em;
	}}




/*
body#victor div.contenedor,
body#alejandra div.contenedor {
	height:auto;
	float: none;
	position:absolute;
	bottom:40px;
	left:0px;
	right:0px;
	top:50px;
	}
	@media only screen and (max-width:620px) {
	body#victor div.contenedor,
	body#alejandra div.contenedor{
	float:left;
	position:relative;
	bottom:auto;
	left:auto;
	right:auto;
	top:0px;
	}}
	@media (max-height:400px) and (min-width:620px){
	body#victor div.contenedor,
	body#alejandra div.contenedor{
	height: auto;
	min-height:100%;
	float:left;
	bottom:auto;
	left:auto;
	position: relative;
	right:auto;
	top:auto;
	width:100%;
	overflow:hidden;
	}}







body#victor div.contenedor div.in,
body#alejandra div.contenedor div.in{
	position: relative;
	height:100%;
	}
	@media only screen and (max-width:620px) {
	body#victor div.contenedor div.in,
	body#alejandra div.contenedor div.in{
	height:auto;
	}}




body#victor section,
body#alejandra section {
	position:absolute;
	left:auto;
	margin-top:-270px;
	text-align: center;
	top:50%;
	}
	@media only screen and (max-width:620px) {
	body#victor section,
	body#alejandra section {
	margin-top:10px;
	position: relative;	
	top:0px;
	}}
	@media (max-height:400px) and (min-width:620px){
	body#victor section,
	body#alejandra section{
	position: relative;
	float: left;
	margin-top:30px;
	top:auto;
	}}








body.nosotros aside {
	float:left;
	padding-bottom: 10px;
	width:30%;
	}
		@media only screen and (max-width:980px) {
		body.nosotros aside {
		width:40%;		
		}}
		@media only screen and (max-width:620px) {
		body.nosotros aside {
		margin: 0px 20% 20px 20%;
		width:60%;		
		}}




body#victor h2,
body#alejandra h2 {
	text-transform: none!important;
	font-size:1.5em!important;
	}
	@media only screen and (max-width:620px) {
	body#victor h2,
	body#alejandra h2{
	font-size:1.3em!important;
	}}


body#victor article p,
body#alejandra article p{
	margin-top: 0px;
	}

*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ESTUDIO  >>>>>>>>>>*/
body#estudio .swiper-container {
	height:70vh!important;
	max-height:100vh!important;
	position:relative!important;
	top:0px!important;
	left:0px;
	right:0px;
	bottom:auto!important;
	z-index:99!important;
	}


body#estudio div.data {
	position:absolute;
	bottom:40px;
	top:auto;
	left:40px;
	right:auto;
	z-index:100;
	}
	@media only screen and (max-width:720px) {
	body#estudio div.data {
	left:20px;
	}}



body#estudio div.data p{
	color:#fff;
	font-weight:300;
	font-size: 1.1em;
	line-height:1.2em;
	opacity:0.8;
	}
	@media only screen and (max-width:620px) {
	body#estudio div.data p{
	font-size:1em;
	}}



/*---------------------------------------------------------------- 
CONTACTO  ///////////////////////////////////////////////////////
----------------------------------------------------------------*/
body#contacto {
	text-align: center;
	}


/*
body#contacto div.contenedor{
	background-color:#333;
	text-align: center
	/*
	height:auto;
	float:none;
	position:absolute;
	bottom:40px;
	left:0px;
	right:0px;
	top:50px;
	
	}
	@media only screen and (max-width:620px) {
	body#contacto div.contenedor {
	background-color:#fff!important;
	float:left!important;
	height:auto;
	position:relative!important;
	bottom:auto;
	left:auto;
	right:auto;
	top:auto;
	margin-top:320px;
	margin-bottom:180px!important;
	}}


body#contacto div.contenedor div.in{
	background-color:#666;
	text-align: center;
	
	height:100%;
	
	}
	@media only screen and (max-width:620px) {
	body#contacto div.contenedor div.in{
	height:auto;
	}}
*/


body#contacto section{
	height: auto;
	margin:0px;
	position: relative;
	text-align: center;
	padding:0px 0px;
	}
	@media only screen and (max-height:1000px) {
	body#contacto section {
	padding:30px 0px;
	min-height:0px;
	}}
	@media only screen and (max-width:620px) {
	body#contacto section{
	padding:60px 0px;
	min-height:0px;
	height: auto;
	}}




body#contacto section.ls1{
	align-items: center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	height:25%;
	}
	@media only screen and (max-height:1000px) {
	body#contacto section.ls1{
	height: auto;
	}}
	@media only screen and (max-width:620px) {
	body#contacto section.ls1{
	margin-top:50px;
	}}
	@media (max-height:400px) and (max-width:620px) {
	body#contacto section.ls1{
	margin-top:0px;
	}}


body#contacto section.ls2{
	background-color:#222222;
	height:40%;
	}
	@media only screen and (max-height:1000px) {
	body#contacto section.ls2{
	height:auto;
	}}



body#contacto section.ls3{
	height:calc(33.33% - 90px);
	}
	@media only screen and (max-height:1000px) {
	body#contacto section.ls3{
	height:auto;
	padding:0px 0px 60px 0px;
	}}
	@media only screen and (max-width:620px) {
	body#contacto section.ls3{
	padding:0px 0px 20px 0px;
	}}



body#contacto section article {
	display:inline-block;
	float:none;
	height:auto;
	margin:0px;
	padding:0px;
	position: absolute;
	left:50%;
	margin-left:-280px;
	top:50%;
	width:560px;
	}
	@media only screen and (max-height:1000px) {
	body#contacto section article{
	display:inline-block;
	height:auto;
	position:relative;
	left:auto;
	margin-left:0px;
	top:auto;
	}}
	@media only screen and (max-width:620px) {
	body#contacto section article{
	display:inline-block;
	height:auto;
	position:relative;
	left:auto;
	margin-left:5%;
	margin-right:5%;
	top:auto;
	width:90%;
	}}


/* DATOS DE CONTACTO
------------------------------------------*/
body#contacto section.ls1 article {
	align-items:center;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:space-between;

	position:relative!important;
	margin-left:0px;
	top:0%;

	left:0%;
	height:160px;
	margin:0px!important;
	width:100%!important;
	}
	@media only screen and (max-height:1000px) {
	body#contacto section.ls1 article {
	margin-top:0px;
	}}

body#contacto section.ls1 article p{
	float:none;
	padding:0px;
	margin:0px;
	}


body#contacto section.ls1 article p.ls{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	width:192px;
	}
	
body#contacto section.ls1 article p.ls b{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
	text-align:center;
	width:90px;
	}


body#contacto section.ls1 article p.ls b img{
	display:inline-block;
	height:40px;
	float:none;
	margin:0px;
	padding:0px;
	width:40px;
	}

body#contacto section.ls1 article p.ls strong{
	text-align:left;
	width:90px;
	}


/* FORMULARIO
------------------------------------------*/
body#contacto section.ls2 article {
	height:380px;
	margin-top:-190px;
	}
	@media only screen and (max-height:1000px) {
	body#contacto section.ls2 article {
	height: auto;
	margin-top:0px;
	}}







body#contacto section.ls3 iframe{
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	display:inline-block;
	height:100%;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	width:100%;
	}
	@media only screen and (max-height:1000px) {
	body#contacto section.ls3 iframe{
	display:block;
	float: left;
	height:420px;
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	}}
	@media only screen and (max-width:620px)  {
	body#contacto section.ls3 iframe{
	display: block;
	float: left;
	height:320px;
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	}}












/*
body#contacto aside {
	display: none;
	float:right;
	width:340px;
	}
	@media only screen and (max-width:820px) {
	body#contacto aside{
	width:280px;
	}}

*/
body#contacto article p{
	text-align: center;
	margin:0px 0px 40px 0px;
	font-size:0.9em;
	padding: 0px;
	}


body#contacto article p strong{
	font-weight:normal;
	color:#888!important;
	}


body#contacto article p i{
	font-style: normal;
	letter-spacing:0.02em;
	}


/*
div.formulario span.icon {
	display: none;
	background-image: url(../svg/icons.svg);
	background-size:144px 36px;
	background-repeat: no-repeat;
	float: left;
	height:36px;
	margin-right:4px;
	width:36px;
	}


div.formulario span.icon.nombre {background-position:0px 0px;}
div.formulario span.icon.telefono {background-position:-36px 0px;}
div.formulario span.icon.correo {background-position:-72px 0px;}
div.formulario span.icon.comentario {background-position:-108px 0px;}
div.formulario span.icon.ciudad{background-position:-144px 0px;}

*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< TABS >>>>>>>>>>*/
ul.tabs {
	float:left;
	height: auto;
	list-style:none;
	position: relative;
	padding:0px;
	margin:40px 0px 0px 0px;
	width:100%;
	}


ul.tabs li{
	float: left;
	height: auto;
	width: auto;
	}


ul.tabs input[type=radio] {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}


ul.tabs label {
	color:inherit;
	cursor: pointer;
	display: block;
	font-size:1.2em;
	font-weight:300;
	height:40px;
	line-height:40px;
	padding:0px 40px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}


ul.tabs label:hover {
	background-color:#e1e1e1;
	color:#000;
	top: 0;
	}


[id^=tab]:checked + label {
	background: #fff;
	color:#000;
	top: 0;
	}
       

[id^=tab]:checked ~ [id^=tab-content] {
	display: block;
	}


div.tab-content{
	box-sizing:border-box;	
	display: none;
	height: auto;
	position: absolute;
	top:40px;
	left: 0;
	width: 100%;
	z-index: 2;
	-webkit-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
	}


/* clearfix */
.clearfix {
	clear:both;
	}


.hide {display: none!important;}


	@media only screen and (max-width:620px) {
	div.menumovil ul.submenu li,
	div.menumovil ul li:nth-child(2) ul li,
	ul.submenu{
	margin-top:0px!important;
	}}