/* #Page Styles
================================================== */
a:visited{ text-decoration:none; color:#000;}
.welcometext{margin-top:55%; position:absolute;}
.title { 	text-align:right; 
			margin-right:3%;}
.subtitle { 	text-align:right; 
			margin-right:3%;
			margin-top:-1%;}
			

.contactimg{ margin-top:10px;}   

.menubutton {
	 padding:5px 10px 5px;
	 margin:-180px 15px 0px 73%;
	 position:absolute; 
	 background:#993224;
	 float:right;
	 letter-spacing: 0.3em;
	 
	 }
	 
.boxed{ -moz-box-shadow:    inset 0 0 1px #000000;
		   -webkit-box-shadow: inset 0 0 1px #000000;
		   box-shadow:         inset 0 0 1px #000000;
		   background: #454547;
		   }
		   
.menubutton a { 

	color:#000; 
	}
		
.shadow {
  -moz-box-shadow:    0px 0px 1px 2px #ccc;
  -webkit-box-shadow: 0px 0px 1px 2px #ccc;
  box-shadow:         0px 0px 1px 2px #ccc;
}			


.welcome{margin-top:55%; position:absolute;}
.sectionp {padding-top:4%;}
.section {padding-top:10%;}

body{ background:#fff;}


#bgsectionone {background:url(../images/bgbrown.jpg) top center, #682223;}

#socialbox img {max-width:200px;}

.underline {display:inline; text-transform:uppercase; text-decoration:underline; vertical-align:top; margin-right:2%;}






.qrcode{ margin-top:10px;}



.more{
	background:rgba(0,0,0,0.5); height:20px; width:100%; margin-top:1%;
	}
			
		
.crop{
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	width:100%;
	height:180px;
	}

.crop img{
	position:absolute;
	width:100%;
	}

.crop2 {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.crop2 img {
    left: -20%;
    position: absolute;
    top: -20%;
    width: 150%;
}
	
				

/*--- General ---*/

h1{
		color:#fff;
		/*font-family:Helvetica, sans-serif;*/
font-family:Arial;
		
		font-weight: bold; 
		text-decoration:none;}


h2, h3, h4, a{
		color:#fff;
		
font-family:Arial;
		font-weight: bold; 
		text-decoration:none;}


h5, h6, p, select, label {
		color:#fff;
		
font-family:Arial;
		font-weight: bold; 
		text-decoration:none;}
		
p { font-family:Arial, Helvetica, sans-serif;}

h2 { font-size:58px;}		

.shadow {
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
	box-shadow: 2px 2px 3px rgba(0,0,0,.5);
}

.shadow2{
	-moz-box-shadow:    1px 1px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3); 
	box-shadow:         1px 1px 2px 2px rgba(0,0,0,0.3); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');/* For IE 5.5 - 7 */
	}
.rounded {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;}
						
a {color:#000; !important}

form {
	   font-family: Champagne;
		 }	
select {
	color:#000;
	height:30px;
		}	
.fixedsection { position:fixed;}

.getsmall {
-webkit-transition:All .3s ease;
-moz-transition:All .3s ease;
-o-transition:All .3s ease;
}


.getsmall:hover{
-webkit-transform: rotate(0deg) scale(1.05)  translate(0px);
-moz-transform: rotate(0deg) scale(1.05)  translate(0px);
-o-transform: rotate(0deg) scale(1.05)  translate(0px);
}

.getbig {
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

.getbig:hover{
-webkit-transform:  translate(10px);
-moz-transform:  translate(10px);
-o-transform:  translate(10px);
background-color:#666;
}

.getswag {
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
}

.getswag:hover{
-webkit-transform:  translate(0px,-15px);
-moz-transform:  translate(0px,-15px);
-o-transform:  translate(0px,-15px);
}


/*--- Sections ---*/
.sectiontitle {background:#db3439; color:#fff; padding:1% 2% 1%; margin:1% 3% 3% ;}

/*--- White Container ---*/
.white {background:#fff; color:#666;}

/*--- Banner ---*/
.logo { }
.slogan {margin:1% 5% 1% 0; padding:1%; color:#eee;}

#header-bg{
background: url(../images/bannerbg.jpg) top center repeat,#fff;
}

/*--- Text ---*/
.text {background:#00986e; padding:1% 2% 1%; margin:3%;}
.selected {background:#666; padding:1% 2% 1%; margin:3%;}

/*--- Menu ---*/


#tinymenu { width:100%;
			min-height:35px;
			background:#6d8d53;
			}	
#tinymenu ul {padding:10px 0 10px;background:#5a7444; }
#tinymenu li{ display:list-item; margin:15px 18px 15px;}
#tinymenu li a { font-size:20px; color:#fff;}	
#tinymenu li a:hover {color:#000;}
			

#mainmenu {background:#511b1c; text-align: center;}			
#mainmenu ul {padding:1% 0 1%; }
#mainmenu li{ display:inline; margin:0 20px 0 20px;}
#mainmenu li:active {text-decoration:underline;}
#mainmenu li a { font-size:14px; color:#fff;}	
#mainmenu li a:hover {color:#fff; text-decoration:underline;}	
#mainmenu select {
	   font-size:16px;
	   color:#fff;
	   border:none;
	   height: 30px;
	   background:rgba(210, 72, 11, .7);
		}
		
.tinynav { display: none }

#nav .selected a { color: #fff; }

/*--- Video ---*/
.video {background:url(../modules/video/5.png) no-repeat;}	
			
/*---- Footer ---*/
#footer { margin-top:20px;}
 .footer-bg{background:#212121;}

 #footer-content-info{
 	margin-top: 1%;
 	padding-top: 1%;
 }

/*--- Contact ---*/
.contact {height:300px;}
.info {background:#a6d9ec;margin-top:5%;margin-bottom:3%; padding:2%;}
.socialbutton {padding:1% 2% 1%; margin:1% 10% 1% 0;}
.socialbutton img { width:25px; vertical-align:middle;}
.socialbutton h5 { display:inline; margin-left:15px; vertical-align:middle;}
.fb{background:#2f4779;}
.tw{background:#00c0f7;}
.yt{background:#CD332D;}


/* ---- Publicaciones ----*/


	
			
/*--- Screen Display ---*/		
.mobile{display:none;}	
.desk{display:block;}		



.welcome{background:#02537a; margin:2px; padding:2px 20px 2px;  margin-top:-10px; z-index:1; width:93%;}
.welcome h4{font-size:26px;}


/* #MODULOS //////////////////////////////////////////////////////////////////////////////////////////////////////////
================================================== */
.sombra-1{
   box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
   -moz-box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
   -webkit-box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
}

.video-size1{height:155px;}

.alto{height:190px;}

.alto-img{height:200px;}

/*--- about.php ---*/	
.m-about-titulo-content{padding:2%; background:#849f6b;}
.m-about-imagen img{
	margin: 4%;
	width: 100%;
}
.m-img-mobil-1{display: none;}

.m-padding-text{padding: 2%;}

/*--- album.php ---*/	
.m-album-titulo{padding:2%; background: gray;}
.m-regresar-album{background:#682223; padding:1%; margin:2%; margin-top:12%; width:90%;}
.m-ver-mas-album{background: #682223; padding:1%; margin:2%; width:90%;}
/*--- album2.php ---*/	
/*--- album3.php ---*/	
/*--- album4.php ---*/	
/*--- banner.php ---*/	
.m-logo{
	
	width: 100%;
}

/*--- contact.php ---*/	

/*--- contactinfo.php ---*/	
.m-buscanos-en{padding-top:10%;}

.fb{ 
	background:url(../images/socialsprite.png) 0px 0px;
	width:39px;
    height:39px;
}

.tw{ 
	background:url(../images/socialsprite.png) -40px 0px;
	width:39px;
    height:39px;
}

.yt{ 
	background:url(../images/socialsprite.png) -80px 0px;
	width:39px;
    height:39px;
}

.bl{ 
	background:url(../images/socialsprite.png) -120px 0px;
	width:39px;
    height:39px;
}

.gp{ 
	background:url(../images/socialsprite.png) -160px 0px;
	width:39px;
    height:39px;
}

.fr{ 
	background:url(../images/socialsprite.png) -200px 0px;
	width:39px;
    height:39px;
}

.pi{ 
	background:url(../images/socialsprite.png) -240px 0px;
	width:39px;
    height:39px;
}



/*--- footer.php ---*/	
.m-content-footer{margin:10px 10px 0px; padding: 1%;}

.m-firma{ text-align: right;}

/*--- gallery.php ---*/	
.m-content-gallery-titulo{padding:2%; background:gray;}

.m-ver-mas-gallery{background: gray; padding:1%; margin:2%; width:90%;}

/*--- links.php ---*/	
.m-ver-mas{
	padding:1% 2% 1%; 
	background: #989898;
	text-align: right;
}
.m-content-links{
	margin-top:1%; 
	margin-bottom:1%;
}

.m-servicios{padding:1% 2% 1%;}

/*--- menu.php ---*/	
.m-mainmenu{
	margin:0 0px 0;
}

/*--- meta.php ---*/
/*--- slider.php ---*/	
/*--- video.php ---*/	

/*--- info-productos.php ---*/	
.hov:hover {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.m-img-producto{width: 100%}
#m-content-menu-info{
		background: gray; margin-right: 1em;
		text-align: center;
}
#m-content-menu-info ul li {
	display: inline-block;
	zoom: 1; /* IE7 (hasLayout)*/
       *display: inline; /* IE */
       margin-bottom: 0;
       
}

 #m-content-menu-info ul a{
	list-style: none;
	display: inline-block;
	zoom: 1; /* IE7 (hasLayout)*/
       *display: inline; /* IE */

}

 #m-content-menu-info li a{

 	color: #ffffff;
	display: inline-block;
	zoom: 1; /* IE7 (hasLayout)*/
       *display: inline; /* IE */
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1.2em;
	padding-right: 1.2em;

}

 #m-content-menu-info li a:hover{
	background: #C8C8C8 ;
}

.m-content-info-producto{
	padding:2%; 
	background: #ffffff;
	margin-right: 1em;
}

.m-color-info-producto{
 	color: #484848;
}


#ver-mas-estilo{
	width: 20%;
	padding: 1%;
}
		






/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */

	@media only screen and (max-width: 978px) {
		#m-content-menu-info li a{
			padding-left: .5em;
			padding-right: .5em;

		}

		.logo-tablet{max-width: 170px;}
		.alto{height:151px;}
		.video-size1{height:123px;}
	
	}
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#mainmenu li a { font-size:12px;}	
		.welcome{ background:#02537a; margin:1px; padding:1px 5px 1px;  margin-top:-5px;}
		

		

}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		  .tinynav { display: block }
		  #nav { display: none }
		  .mobile{display:block;}
		  .desk{display:none;}
		  .fixedsection { position:relative;}
		  .logo{ width:80%;}
		  #mainmenu{margin:0;}
		  .m-img-mobil-1{display:inherit; width: 100%;}

		  #m-content-menu-info{
			background: gray; margin-right: 0;
			}

		#m-content-menu-info ul li {
			display: block;
			width: 100%;
			}

 		 #m-content-menu-info ul a{
			display: block;
			width: 100%;
		}

 		#m-content-menu-info li a{
			padding-top: 1em;
			padding-left: 0;
			padding-right: 0;
		}

		.m-content-info-producto{
			padding:2%; 
			background: #ffffff;
			margin: 0;
		}

		#ver-mas-estilo{
			width: 100%;
			padding: 0;
		}

		.video-size1{height:300px;}

	
	


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.crop{height:320px;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.crop{height:280px;}
		.alto{height:126px;}
		.video-size1{height:200px;}
	}


/* FontFace
================================================== */
@font-face { font-family: Weblysleekuil; src: url('../fonts/weblysleekuil.ttf'); 
		      }