/* ============================
TITLE:	VISUAL STYLE CSS
DATE:	11 MARZO 2014
DESIGN:	www.bigbox.mx
============================ */
@import url(fonts.css);
/* estilos generales */
*{
	/*
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-ms-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	*/
	font-weight: normal;
	font-style: normal;
}
::selection{}
::-moz-selection{}
body{
	font-family: "light", sans-serif;
	font-size: 16px;
	color: #808184;
}
/*#zebra{
	background-image: url("../../imagenes/basico/bg-zebra.png");
	background-repeat: no-repeat;
	/*-moz-transition: 'all 500ms ease-in-out';
	-moz-transition-property: background !important;
  	-moz-transition-duration: .75s !important;
	-moz-transition-timing-function: ease !important;
}*/
/*#dandelion{
	background-image: url("../../imagenes/basico/bg-dandelion.png");
	background-repeat: no-repeat;
	-moz-transition: 'all 1200ms ease-in-out';
	-moz-transition-property: background !important;
  	-moz-transition-duration: 1.25s !important;
	-moz-transition-timing-function: ease !important;
}*/
.section{
	height: auto !important;
	padding-bottom: 15px;
}
.section-d{
	/*padding-top: 3.13em;*/
	padding-top: 45px;
}
.cl{
	/*padding-top: 5.5em;*/
	padding-bottom: 0;
}
a,
a:link,
a:visited{
	color: rgba(0,0,0,1);
}
a:hover{
	color: rgba(0,0,0,.75);
}
p{
	font-size: 1.13em;
	line-height: 155%;
	margin-bottom: 35px; 
}
h1{}
h2{
	text-align: center;
	text-transform: uppercase;
	font-family: "thin", sans-serif;
	color:#b3b3b3;
	font-size: 2em;
	width: 98%;
	/*margin-top: 71px;*/
}
h2.primera{
	/*margin-top: 87px;*/
}
h2 b{
	color: #58595b;
	font-family: "regular", sans-serif;
}
.fakeh2{
	margin: 5px; auto;
	max-width: 400px;
}
img.imgblock{
	display: block;
	width: 400px !important;
	height: 35px !important;
	margin: 7px auto !important;
}
h3{}
b,
strong{}
i,
em{}

/* cabeceras y navegación */
header{}
nav{
	text-align: center;
	background: url("../../imagenes/basico/menu-shadow.png")center bottom no-repeat rgba(255,255,255,0.75);
	padding-bottom: 20px;
	display: block;
	position:relative;
	width:100%;
	z-index: 999;
}
.fixed {
    position:fixed;
    top:0;
}
ul#menu{
	display: inline;
}
ul#menu li{
	display: inline-block;
}
ul#menu li a{
	display: block;
	text-indent: -9999px;
	height: 25px;
	margin: 3px;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-ms-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
}
ul#menu #me_0{
	background: url("../../imagenes/basico/menu_0.png") center center no-repeat;
	width: 50px;
}
ul#menu #me_1{
	background: url("../../imagenes/basico/menu_1.png") center top no-repeat;
	width: 100px;
}
ul#menu #me_2{
	background: url("../../imagenes/basico/menu_2.png") center top no-repeat;
	width: 157px;
}
ul#menu #me_3{
	background: url("../../imagenes/basico/menu_3.png") center top no-repeat;
	width: 140px;
}
ul#menu #me_4{
	background: url("../../imagenes/basico/menu_4.png") center top no-repeat;
	width: 63px;
}
ul#menu #me_5{
	background: url("../../imagenes/basico/menu_5.png") center top no-repeat;
	width: 110px;
}
ul#menu #me_1:hover{
	background: url("../../imagenes/basico/menu_1.png") center bottom no-repeat;
}
ul#menu #me_2:hover{
	background: url("../../imagenes/basico/menu_2.png") center bottom no-repeat;
}
ul#menu #me_3:hover{
	background: url("../../imagenes/basico/menu_3.png") center bottom no-repeat;
}
ul#menu #me_4:hover{
	background: url("../../imagenes/basico/menu_4.png") center bottom no-repeat;
}
ul#menu #me_5:hover{
	background: url("../../imagenes/basico/menu_5.png") center bottom no-repeat;
}
#amap{ /* checar en móvil */
	margin: 3px;
	/* margin-left: 7%; */
	margin-left: 3%;
	position: absolute;
}

/* cuerpo */
.page_spinner {
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	height:100%;
	background:url('../../imagenes/basico/spiner.gif') 50% 50% no-repeat #fff;
}
.cargar,
.cargar2{
	display: block;
	width: 100px;
	height: 100px;
	margin-top:20%;
	margin-left: 47%;
	margin-bottom: 20%;
	background:url('../../imagenes/basico/spiner.gif') 50% 50% no-repeat rgba(255,255,255,0);
	text-align: center;
}
.cargar2{
	min-height: 100px;
}
.overflow{
	overflow-y: auto !important;
	max-height: 320px;
}
.flexslider{
	/*margin: -3.13em 0 25px 0 !important;*/
	margin: 0 0 6px 0 !important;
	background: transparent !important;
	border: none !important;
	-webkit-border-radius: none !important;
	-moz-border-radius: none !important;
	-o-border-radius: none !important;
	border-radius: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}
.portafolio .controlArrow.prev,
.portafolio .controlArrow.next{
	display: none;
}
/*
.clientes img{
	max-width: 200px;
	max-height: 200px;
}
.clientes a,
.clientes a:link,
.clientes a:visited{
	display: block;
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
}
.clientes a:hover{
	background-color: #59595b;	
}
.clientes a:hover > img{
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-ms-filter: invert(100%);
	-o-filter: invert(100%);
	filter: invert(100%);	
	transform: scale(.95,.95);
	-o-transform: scale(.95,.95);
	-ms-transform: scale(.95,.95);
	-moz-transform: scale(.95,.95);
	-webkit-transform: scale(.95,.95);
}*/
.clientes a,
.clientes a:link,
.clientes a:visited{
	display: block;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: top center;

	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;

	margin: 0 auto;
	cursor: pointer;
}
.clientes a:hover{
	/*background-color: #59595b;*/
	background-position: bottom center;
}
.controlArrow{
	display: none !important;
}
.controlArrow.prev{
	border-color: transparent rgba(0,0,0,.15) transparent transparent;
}
.controlArrow.next{
	border-color: transparent transparent transparent rgba(0,0,0,.15);
}
.controlArrow.prev:hover{
	border-color: transparent rgba(0,0,0,.25) transparent transparent;
}
.controlArrow.next:hover{
	border-color: transparent transparent transparent rgba(0,0,0,.25);
}
.carga-clientes{
}
.clientslide{
	display: block;
	float: left;
}
.paginador{
	text-align: center;
}
.fancybox-item,
.fancybox-close{
	z-index:9999;
}
.paginador a,
.paginador a:link,
.paginador a:visited{
	display: inline-block;
	margin: 2px;
	width: 20px;
	height: 20px;
	background-color: rgba(0,0,0,.70);
	text-indent: -999999px;
	border-radius: 50%;
	cursor: pointer;
}
.paginador a:hover{
	background-color: rgba(0,0,0,.15);
}
.paginador a.actual{
	background-color: rgba(0,0,0,.35);
}
.portmenu span,
.back{
	display: inline-block;
	margin: 0 2px;
	padding: 7px;
	cursor: pointer;
	color: #58595b;
}
.back{
	background: url("../../imagenes/basico/back.png") center center no-repeat; 
	margin: 0 5px;
}
.portmenu span:hover{
	background-color: rgba(0,0,0,.15);
}
.portmenu span.abierta{
	background-color: #58595b;
	color: #fff;
}
.portafolio{
	margin: 0 0 0 0 !important;
}
.portafolio ul li img{
	/*cursor: pointer;*/
	width: 82% !important;
	height: auto;
	margin: 0 auto;
}
.portafolio .flex-direction-nav a{
	top: 39%;
}
div.descripcion{
	display: block;
	overflow: hidden;
	margin: 3px 15%;
	padding: 1%;
	background: rgba(255,255,255,0.75);
}
div.descripcion b{
	font-family: 'regular', sans-serif;
}
div.descripcion .col_3 .tizq{
	padding-left: 20% !important;
}
.borderecho{
	border-right: 1px solid rgba(0,0,0,.25);
	width: 42.9% !important;
	padding-right: 3%;
}
.bgrxbd{
	background: url("../../imagenes/basico/repeat-center.png") center center repeat-y;
}
.fondoblanco{
	background-color: rgba(251,251,251,.6);
	padding: 1%;
}
.footshadow{
	/*padding-bottom: 35px !important;*/
	/*background: url("../../imagenes/basico/container-shadow.png") center bottom no-repeat rgba(255,255,255,.6) !important;*/
}
.nomarginbottom{
	margin-bottom: 0 !important;
}
.footshadow::after{
	content: url("../../imagenes/basico/container-shadow.png");
	margin-top: -25px !important;
}
.footshadow p{
	/*padding: 5%;*/
	display: block;
	margin: 30px 0 !important;
}
.reel .footshadow{
	padding-bottom: 18px !important;
}
.footshadow video{
	display: block;
	margin: 0 auto;
	max-width: 853px;
	max-height: 480px;
}
.paddingon{
	padding-left: 50px;
	padding-right: 50px;
}
.posinh{
	position: inherit !important;
}
@-webkit-keyframes wood{
	from {-webkit-transform:translateY(75px);}
	50%  {-webkit-transform:translateY(-20px);}
	to   {-webkit-transform:translateY(0px);}
}
@-moz-keyframes wood{
	from {-moz-transform:translateY(75px);}
	50%  {-moz-transform:translateY(-20px);}
	to   {-moz-transform:translateY(0px);}
}
@-webkit-keyframes woodout{
	from {-webkit-transform:translateY(0px);}
	50%  {-webkit-transform:translateY(-20px);}
	to   {-webkit-transform:translateY(75px);}
}
@-moz-keyframes woodout{
	from {-moz-transform:translateY(0px);}
	50%  {-moz-transform:translateY(-20px);}
	to   {-moz-transform:translateY(75px);}
}
@-webkit-keyframes blink{
	from {opacity:0;}
	to   {opacity:1;}
}
@-moz-keyframes blink{
	from {opacity:0;}
	to   {opacity:1;}
}
@-webkit-keyframes menuappear{
	from {height:0;}
	to   {height:31px;}
}
@-moz-keyframes menuappear{
	from {height:0;}
	to   {height:31px;}
}
@-webkit-keyframes menuappear2img{
	from {height:0; }
	to   {height:25px;}
}
@-moz-keyframes menuappear2img{
	from {height:0; }
	to   {height:25px;}
}
@-webkit-keyframes menudisapear{
	from {opacity: 1;}
	to   {opacity: 0;}
}
@-moz-keyframes menudisapear{
	from {opacity: 1;}
	to   {opacity: 0;}
}
.zwood{
	display: block;
	left: 31%;
	/*margin-top:-5.5%;*/
	margin-top:-0.5%;
	max-width: 320px;
	max-height: 232px;
	position: absolute;
}
.wanimate{
	-webkit-animation:wood 3s ease-in 1;
	-moz-animation:wood 3s ease-in 1;
	animation:wood 3s ease-in 1;
	margin-top: -5.5%;
}
.wanimateout{
	-webkit-animation:woodout 3s ease-out 1;
	-moz-animation:woodout 3s ease-out 1;
	animation:woodout 3s ease-out 1;
	margin-top: -0.5%;
}
.animamenu{
	-webkit-animation:blink 1s ease-in-out 1;
	-moz-animation:blink 1s ease-in-out 1;
	animation:blink 1s ease-in-out 1;	
}
.animamenu2{
	-webkit-animation:menuappear .5s ease-in-out 1;
	-moz-animation:menuappear .5s ease-in-out 1;
	animation:menuappear .5s ease-in-out 1;	
}
.animamenu2img{
	-webkit-animation:menuappear2img .5s ease-in-out 1;
	-moz-animation:menuappear2img .5s ease-in-out 1;
	animation:menuappear2img .5s ease-in-out 1;	
}
.disapearmenu{
	-webkit-animation:menudisapear 1s ease-in-out 1;
	-moz-animation:menudisapear 1s ease-in-out 1;
	animation:menudisapear 1s ease-in-out 1;	
}
iframe{
	max-width: 853px;
}
.contactwrapper{
	background: url("../../imagenes/basico/background-addres.png") right bottom no-repeat;
}
.address{
	color: #58595b;
}
.address .big{
	font-size: 1.875em;
	font-family: "regular", sans-serif;
}
.address .med{
	font-size: 1.5em;
	font-family: "regular", sans-serif;
}
#socialmedia img{
	max-width: 50px;
	max-height: 50px;
	margin: 3px 5px;
}
#socialmedia img:hover{
	opacity: .5;
	transform: scale(.95,.95);
	-o-transform: scale(.95,.95);
	-ms-transform: scale(.95,.95);
	-moz-transform: scale(.95,.95);
	-webkit-transform: scale(.95,.95);
}

/* formularios */
form{
	max-width: 420px;
	margin: 0 auto;
}
label{
	display: block;
	text-transform: uppercase;
	color: #58595b;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="file"],
input[type="submit"],
input[type="button"],
select,
textarea{
	display: inline-block;
	width: 96%;
	height: 25px;
	margin: 1%;
	margin-bottom: 10px;
	padding: 1%;
	background: #dbdcdd;
	color:#000;
	font-family: "arial", sans-serif;
	font-size: 1em;
	border: 1px solid rgba(0,0,0,0);
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
}
textarea{
	height: 80px;
}
input[type="submit"],
input[type="button"]{
	display: block;
	width: 106px;
	padding: 5px;
	margin: 1%;
	background: rgba(255,255,255,.25);
	border-left: 1px solid rgba(0,0,0,.25);
	border-right: 1px solid rgba(0,0,0,.25);
	border-top: 1px solid rgba(0,0,0,0);
	border-bottom: 1px solid rgba(0,0,0,0);
	color: #58595b;
	text-transform: uppercase;
	font-family: "regular", sans-serif;
	cursor: pointer;
	background-color: rgba(251,251,251,.6);
}

::-webkit-input-placeholder,
::-webkit-select-placeholder,
::-webkit-textarea-placeholder{}
::-moz-input-placeholder,
::-moz-select-placeholder,
::-moz-textarea-placeholder{}

input:hover,
select:hover,
textarea:hover{
	border: 1px solid rgba(0,0,0,.25);
}
input[type="submit"]:hover,
input[type="button"]:hover{
	border-left: 1px solid rgba(0,0,0,0);
	border-right: 1px solid rgba(0,0,0,0);
	border-top: 1px solid rgba(0,0,0,.25);
	border-bottom: 1px solid rgba(0,0,0,.25);
}

input:focus,
select:focus,
textarea:focus{
	border: 1px solid rgba(0,0,0,.5);
}
input[type="submit"]:active,
input[type="button"]:active{
	border-left: 1px solid rgba(0,0,0,.25);
	border-right: 1px solid rgba(0,0,0,.25);
	border-top: 1px solid rgba(0,0,0,.25);
	border-bottom: 1px solid rgba(0,0,0,.25);
}

/* pie de página */
footer{
	display: block;
	height: 240px;
	width: 100%;
	position: fixed;
	overflow: 999;
	/*margin-top:-220px;*/
	margin-top:-55px;
	background: rgba(255,255,255,.75);
	border-top: 1px solid rgba(0,0,0,.4);
	z-index: 999;
}
footer a,
footer a:link,
footer a:visited{
	display: block;
	margin: 15px;
}
.expand{
	display: block;
	height: 30px;
	width: 100%;
	cursor: pointer;
	padding: 2px;
}
.menucontainer{
	display: none;
}

/* Desktop chiquitín */
@media screen and (max-width: 1024px){
	.zwood{
		left: 25%;
		margin-top:20.5%;
	}
	#amap {
		margin-left: 0%;
	}
	.zwood{
		display: none !important;
	}
}
@media screen and (min-width : 480px) and (max-width : 1136px) {
	.clientes a:hover {
		background-position: top center;
	}
	.fondoblanco{
		background-color: rgba(255,255,255,0);
	}
	.fakeh2{
		margin: 0 auto;
	}
}
/* TABLET */
@media screen and (min-width : 480px) and (max-width : 960px) {
	/*nav {
		text-align: left;
		padding-left: 2.5%;
	}*/
	.navspace{
		display: none !important;
	}
	nav{
		display: none !important;
	}
	.section-d{
		padding-top: 5px;
	}
	#amap {
		margin: 3px;
		margin-left: 0%;
		position: absolute;
	}
	.col_4 {
		/* width: 96%; */
		width: 42%;
		float: left;
		margin: 0 3%;
	}
	.paddingon{
		padding: 10px !important;
	}
	.footshadow p {
		/*padding: .5%;*/
	}
	.borderecho{
		width: 94% !important;
		border-right: none;
	}
	iframe{
		max-height: 230px;
	}
	.bgrxbd{
		background: none;
	}
	footer{
		display: block;
	}
}

/* MOBILE 320 x 480 */
@media screen and (min-width : 0px) and (max-width : 479px) {
	body{
		padding-right: 2%;
	}
	#zebra,
	#dandelion{
		background-image: none;
	}
	#contenedor-cent,
	.contenedor{
		max-width: 320px;
	}
	.flexslider{
		margin: -10px -10px 25px -10px !important;
	}
	.navspace{
		display: none !important;
	}
	nav{
		display: none !important;
	}
	.section-d{
		padding-top: 10px;
		padding: 10px !important;
		max-height: 100%;
		overflow-y: auto;
	}
	.overflau{
		display: block;
		max-height: 200px;
		overflow: scroll;
	}
	.paddingon{
		padding: 10px !important;
	}
	.paddingon li{
		overflow: hidden;
	}
	.borderecho{
		width: 94% !important;
		border-right: none;
	}
	.col_2{
		overflow: hidden;
	}
	.fondoblanco{
		background-color: rgba(255,255,255,0);
	}
	iframe{
		max-height: 360px;
	}
	.bgrxbd{
		background: none;
	}
	.footshadow p{
		padding: 0;
	}
	.clientes a,
	.clientes a:link,
	.clientes a:visited {
		max-width: 200px;
		max-height: 200px;
		margin: 0 auto;
	}
	.clientes a:hover {
		background-position: top center;
	}
	.cl {
		padding-top: .5em;
	}
	.paginador{
		/*margin-bottom: 125px;*/
		margin-bottom: 25px;
	}
	.paginador a,
	.paginador a:link,
	.paginador a:visited {
		margin: 6px;
	}
	.cargar {
		margin-left: 35%;
	}
	.descripcion{
		font-size: .713em;
	}
	.contacto{
		max-width: 280px !important;
	}
	.video-js {
		margin: 0 !important;
		max-width: 100% !important;
		height: 270px !important;
	}
	.vjs-default-skin .vjs-big-play-button {
		width: 50px;
		height: 50px;
	}
	.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
	  left: 65%;
	  top: 52%;
	}
	.vjs-default-skin .vjs-big-play-button:before {
		content: url("../../imagenes/basico/play-medium.png");
		width: 50px;
		height: 50px;
	}
	form{
		max-width: 90%;
		margin: 0 !important;
	}
	.zwood{
		display: none;
	}
	footer{
		display: block;
	}
	.controlArrow{
		display: none !important;
	}
	.blokbottomspace{
		display: block;
		width: 1px;
		height: 200px;
	}
}