/*============================*/
/*      Created by Ehe        */
/*    ehecatlmendoza.com      */
/*============================*/

@import url("reset.css"); /*Hint: This imports all CSS rules within the "reset.css" file*/

	
/*============================*/
/*      Common Styles         */
/*============================*/

/*==- Set your font families styles -==*/
body{
color: #333;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Helvetica",Helvetica,sans-serif;
	margin: 10px 0 10px;
	
	
}

p,pre,label,caption,th,td,dt,dd,select,ul,ol,address,cite,img {
	font-family: "Helvetica-Neue",Helvetica,sans-serif;
}

blockquote {
	font-family: "Helvetica Neue",Helvetica,sans-serif;
}

tt,code,samp {
	font-family:Consolas, "Courier New", Courier, monospace;
}

/*==- Set your font sizes -==*/
h1 {
	font-size: 3.8em;
	letter-spacing: -2px;
}

h2 {
	font-size: 3.6em;
	color: #ee3a43;
	text-shadow:0 2px #eab948;
	letter-spacing: -2px;
}

h3 {
	font-size: 2em;
	letter-spacing: -1px;
}

h4 {
	font-size: 1.8em;
	letter-spacing: -.5px;
}

h5 {
	font-size: 1.6em;
	letter-spacing: -.2px;

}

h6 {
	font-size: 1.5em;
	letter-spacing: -.1px;

}

p,pre,label,dt,dd,select,blockquote,address {
	font-size:1.5em;
	letter-spacing:-0.2px;
	line-height:1.5em;
	margin: 5px 0;
}

ul,ol,th,td,caption,img {
	font-size:1.2em;
}

li ul {
	font-size:1em;
}

#content ul,#content ol{
margin: 15px 30px;
list-style-position: outside;
}
#content  li{
margin: 10px 0;
font-size: 1.2em;
}


/*============================*/
/*        Link Styles         */
/*============================*/
a {
	font-family: "Helvetica Neue",Helvetica,sans-serif;
	color: blue;
}
a:hover {
	text-decoration:underline;
}
/*============================*/
/*        Menu Styles         */
/*============================*/
#navigation{
	font-size: 19px;
	margin:23px 0 0 0px;
	padding: 0;
	height: 44px;
	overflow: hidden;
	float: right;
}
	#navigation li{
		display: block;
    float: left;
    height: 44px;
    list-style: none outside none;
    margin: 0 4px;
    width: 129px;
	
	}
		#navigation li a{
			text-decoration: none;
			display: block;
			letter-spacing:-0.5px;
			padding:8px 0 0;
			text-align:center;
			text-decoration:none;
			color: #ffffff;
			height: 37px;
			cursor: pointer;
			background-image:url(../img/bkg_navigation.png) !important;
			background-repeat:  no-repeat;
			background-position:  top center;
			background-image: none;
			filter: none !important;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bkg_navigation.png');

		}
			#navigation li a:hover{
			background-position:0  -44px;
			filter: none !important;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bkg_navigation-hover.png');
			}
			
			.sub_menu{
				height: 300px;
				width: 400px;
				margin: 0;
				padding: 0;
				background: #25457b url(../img/bkg_shadow.png) repeat-x bottom left scroll;
			}
			
			.sub_menu li{
				background: url(../img/bkg_sub_menu_li.gif) repeat-x 0 0 scroll !important; 
				height: 37px !important;
				border-right: #7487AA 1px solid !important;
				margin: 0 !important;

			}
				.sub_menu li a{
					font-weight: normal !important;
					font-size: 15px !important;
					text-align: left !important;
					padding: 9px 0 0 11px !important;
					background: none !important;
					height: auto !important;
				}
				.sub_menu li a:hover{
					text-decoration: underline !important;
				}

/*============================*/
/*     BreadCrumb Styles      */
/*============================*/
#breadcrumb {
	background:url("../img/bkg_breadcrumb_izq.gif") no-repeat scroll 0 0 transparent;
	font-size:25px;
	height:57px;
	margin:-57px 0 0 12px;
	display: block;
	position:absolute;
	white-space: nowrap;
}
#breadcrumb div{
	height:57px;
	padding: 0;
	background:url("../img/bkg_breadcrumb_der.gif") no-repeat top right;
	white-space: nowrap;
	float: left;
}
#breadcrumb div div{
	padding: 0;
	margin: 0 8px;
	background:#FFF4EE;
	height: 45px;
	padding: 12px 0 0 0;
	float: left;
	min-width:396px;
}

#breadcrumb ul{
}

	#breadcrumb li{
		display: block;
		float: left;
		list-style: none;
	}

		#breadcrumb li a{
			text-decoration: none;
			padding: 0 6px 0 0;
			display: block;
			float: left;
			letter-spacing: -1px;
		}
		

			a.bcb_home{
				text-indent: -99999px;
				background: url(../img/logo_breadcrumb.jpg) no-repeat 0 0;
				height: 37px;
				width: 48px;
			}
			a.bcb_child{
				color: #2c2d2e;
			}
			a.bcb_current_child{
				color: #e73540;		
			}
			
			
/*============================*/
/*      Content Styles        */
/*============================*/

#content_wpr{
	padding: 0;
	margin: 0 auto;
	width: 984px;
	position: relative;
	top:-265px;
}
#content{
	background: url(../img/bkg_content_wrap.png) repeat-y 0 0;
	width: 984px;
	padding:0;
	margin: 0 auto -300px 0;
	min-height: 450px;
	float: left;
	position: relative;
	z-index: 1000;
}
.home #content_wpr{
	position:inherit;
	top:0;
}

.home #content{
	margin: 0 auto -35px 0;
}
#content2{
width: 924px;
padding: 20px 30px;
float: left;
}

.section_cut{
	background: transparent url(../img/bkg-separation.jpg) repeat-x bottom left;
	padding-bottom: 22px;
	width: 93.6%;
	padding: 0 0 22px 20px;
	clear: both;
}

	.featured_img{
		float: left;
		position: relative;
		z-index: 100;
	}

	.featured_img img{
		display: block;
	}
		.img_mask{
			z-index: 2;
			position: absolute;	
			display: block;
		}
		.img_mask_small{
			width: 108px;
			height: 108px;
			background:transparent url(../img/img_mask_small.png) no-repeat;
		}
		.img_mask_medium{
			width: 216px;
			height: 215px;
			background:transparent url(../img/img_mask.png) no-repeat;
		}
		
		.img_mask_medium_prom{
			width: 353px;
			height: 360px;
			background:transparent url(../img/img_mask_medium.png) no-repeat;
		
		}
		.img_mask_big{
			width: 455px;
			height: 464px;
			background:transparent url(../img/img_mask_big.png) no-repeat;
		}
		.masked_img{
			z-index: 1;
			width: 186px;
			height: 186px;
			padding: 11px;
		}
		.cats_header  .second_img{
			margin:11px 0 0 -37px;
			z-index:3;
		}
		
		
a.link_btn{
	background:url("../img/bkg_button.png") no-repeat scroll left top transparent;
color:#FFFFFF;
display:block;
float:left;
font-size:21px;
height:37px;
letter-spacing:-0.8px;
padding:8px 0 0;
position:relative;
text-align:center;
text-indent:26px;
width:184px;
z-index:1;
}

a.link_btn:hover{
	text-decoration: none;
	color: #621b1f;
	text-shadow:0 1px #ff6973;
	cursor: pointer;
}

a.link_pdf{
	background:url("../img/bkg_link_pdf.jpg") no-repeat scroll 0 0 transparent;
	color:#2C2D2E;
	cursor:pointer;
	display:block;
	float:left;
	font-size:14px;
	height:25px;
	padding:5px 0 0;
	text-decoration:underline;
	text-indent:36px;
}
		
.product_prev{
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid silver;
	clear:both;
	float:left;
	text-align: center;
}

.product_prev img{
	width: 90px;
	height: 90px;
	padding: 9px;
}

#footer{
	background: #252525 url(../img/bkg-footer.jpg) repeat-x top;
	width: 100%;
	padding: 60px 0 0 0;
	text-align: center;
	margin-bottom: 20px;
}
	
	#footer h2,#footer h3{
		color: #ffffff;
		text-shadow: 0 1px #533106;
		letter-spacing: -.5px;
		text-transform: uppercase;
	}
	
	#footer h2{
		font-size: 28px;
	}

	#footer h3{
		font-size: 16px;
	}
	#footer p{
	font-size: 	12px;
	letter-spacing: -.1px;
	}
	.discalimer{
		color: #766262;
		margin: 20px 0 0px 0;
		clear: both;
	}
	
	.copyright{
		color: #92aad0;
	}
	
	
	
/*============================*/
/*        Form Styles         */
/*============================*/
label {
	clear: both;
	font-weight: bold;
	font-size: 1.2em;
	vertical-align:middle;
	color: #ffffff;
	display: block;
}

input {
	clear:none;
	height:21px;
	padding:6px 4px 5px 5px;
	/*position:relative;*/
	font-size: 1.2em;
	font-family: "Lucida Sans Unicode",Lucida Grande,sans-serif;
	background: #FFF;
	border: 1px solid #333;
}

.checkbox{
	width: 12px !important;
	height: 12px;
	background: none;
	margin: 0 5px 0 5px;
}
/*============================*/
/*        Screen type         */
/*============================*/
.screen_1280 {
	width: 1280px;
}

.screen_1024 {
	width: 1024px;
}

.screen_980{
	width: 840px;
	margin: 0 auto;
	
	/*height:72px;*/

}
.screen_9802{
	width: 840px;
	margin: 0 auto;
	/*position:relative;*/

}

.margin30{
margin: 30px;
clear: both;
}

.clr{
clear: both;
}

ul.facilidades,ul.facilidades li{
margin: 0;
padding: 0;
list-style: none;
}
ul.facilidades{
margin-top: 15px;
width: 100%;
}
ul.facilidades li{
float: left;
text-align: center;
padding: 22px;
}
ul.facilidades .img{
float: left;
height: 160px;
display: block;
vertical-align: middle;
}
ul.facilidades img,ul.facilidades h3{
clear: both;
}

p.readmore{
margin: 20px 0 10px;
}

p.readmore a{
color: #2F2627;
text-decoration: underline;
font-variant: bold;
font-size: 18px;
}

p.precio{
color:#2F2627;
font-size:46px;
line-height:36px;
margin:15px 0 0;
}

p.visitar{
margin: 20px 0 0 0;
}

div.mapa{
float: left;
width: 450px;
}
div.mapaseccion{
width: 650px;
}
div.mapa p{
font-size: 14px;
font-weight: bold;
}
div.mapa iframe{
border: 3px solid #CCC;
}
div.ubicacion h2{
margin: 100px 0 0 0;
}
div.ubicacion{
float: left;
width: 270px;
}

select{
font-size: 14px;
}

.items div.medium_image{
float: left;
width: 353px;
height: 360px;
}
.items div.medium_image.second{
margin:-240px 0 0 115px;
position:relative;
z-index:100;
}
#promociones  .imagen .medium_image .masked_img {
height:327px;
left:13px;
padding:0;
position:relative;
top:11px;
width:327px;
z-index:1;
}


h3.contruc{
background:url("../img/bullet_pin.png") no-repeat scroll left center transparent;
color:#EE3A43;
font-size:28px;
letter-spacing:-2px;
margin:20px 0 0 -10px;
padding:12px 0 6px 37px;
text-shadow:0 2px #EAB948;
clear: both;
}