@import"reset.css";
@import"grid.css";
@import"forms.css";
@import url(http://fonts.googleapis.com/css?family=Passion+One);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic);
body{
	background: url(file:///Macintosh%20HD/Users/Cremeria1/Desktop/pagina%20la%20abuelita_escritorio/images/body-bg.png)50% 0;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#717171;
	position:relative;
	min-width:960px;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
html,body{height:100%;}
html {min-width:960px;}

/* Global Structure---------------------------------------- */
.main {width:980px;padding:0;margin:0 auto;font-size:0.8125em;line-height:1.6153em}
.main-bg {
	background: url(file:///Macintosh%20HD/Users/Cremeria1/Desktop/pagina%20la%20abuelita_escritorio/images/main-bg.jpg);
	min-height:100%;
}
/*----- alignment & clearing -----*/
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}

.clear{
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper{
	overflow:hidden;
	position:relative;
}
.extra-wrap{
	overflow:hidden;
	display:block;
}



/*  Header styles */
h1,h2,h3,h4,h5,h6{
	color:#fff;
	padding:0 0 9px 0;
	font-weight:normal;
	font-family: 'Passion One', cursive;
}
h1{font-size:40px; line-height:48px;}
h2{font-size: 36px;line-height: 44px;}
h3{font-size:32px; line-height:40px;} 
h4{font-size:28px; line-height:34px;}  
h5{font-size:24px; line-height:30px;}
h6{font-size:20px; line-height:24px;}
.heading-1 {
	color:#b30404;
	}
	
	
	
/*----- text & typography -----*/
.def-list-1 {padding:0 0 10px 0;}
.def-list-1 dt {
	display:block;
	font-size:12px;
	line-height:18px;
	padding:0 0 6px 0;
	color:#b09609;
	font-weight:bold;
}
	.def-list-1 dt a {
		color:#b09609;
		text-decoration:none;
	}
		.def-list-1 dt a:hover {
	text-decoration: underline;
	
}

.quote {
	font-size:12px;
	line-height:20px;
	font-style:italic;
	position:relative;
	padding:0 0 15px 0;
}
	.quote strong {
		font-weight:normal;
		color:#b09609;
	}
	.quote:before {
		display:inline-block;
		background:url(../images/quote-before.png) no-repeat 0 0;
		content:"";
		width:14px;
		height:13px;
		margin:0 5px 0 0;
	}
	.quote:after {
		display:inline-block;
		background:url(../images/quote-after.png) no-repeat 0 0;
		content:"";
		width:14px;
		height:13px;
		margin:0 5px 0 0;
	}

strong {color:#b30404;}
.str-1 {
	font-weight:normal;
	text-transform:uppercase;
}
.str-2 {
	color:#b09609;
}
.color-1 {
	color:#fff;
}
/*----- borders & lines -----*/
.hr-border-1 {
	border-bottom:1px solid #323232;
	margin:0 0 9px 0;
}
.hr-border-2 {
	background:#323232;
	height:3px;
	margin:0 40px 20px 40px;
}
/*----- boxes -----*/

/*----- indents -----*/
.img-indent {
	float:left;
	margin:5px 10px 0 0;
}
.img-indent-bot {margin:5px 0 16px 0;}



.a1 {margin:0 5px;}

.indent-bot {
	padding:0 0 32px 0;
}
.indent-bot-1 {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
}
.indent-bot-2 {
	padding:0 0 20px 0;
}
.indent-right {margin-right:90px;}
.pad-left {
	padding-left:35px;
}
.pad-top {padding-top:8px;}
/*----- lists -----*/
.list-1 {padding:0 30 0px 0;}
.list-1 li {
	display:block;
	padding:4px 0 4px 16px;
	border-top:1px solid #323232;
	background:url(../images/list-1-marker.gif) no-repeat 0 10px;
}
	.list-1 li:first-child {padding:0 0 6px 6px; border:none;background:url(../images/list-1-marker.gif) no-repeat 0 5px;}
	.list-1 li a {
		color:#717171;
		font-size:14px;
		line-height:20px;
		padding:5px 0 6px;
		text-decoration:none;
	}
		.list-1 li a:hover {
			color:#fff;
		}

/*----- buttons & links -----*/
a {
	color:#fff;
	text-decoration: underline;
	cursor:pointer;
}
	a:hover {text-decoration: none;}

.button {
	display:inline-block;
	font-size:12px;
	color:#fff;
	text-decoration: underline;
	background:url(../images/link-marker.gif) no-repeat right 7px;
	padding:0 11px 0 0;
}
	.button:hover {
		text-decoration:none;
	}


.link {
	text-decoration: underline;
	color:#ee623a;
	font-weight:bold;
}
	.link:hover {text-decoration: none;}





/*********************************header*************************************/
header{
	position:relative;
	z-index:2;
	width:950px;
	margin:0 auto;
	padding:80px 0 0 0;
	background:url(../images/slide-1.jpg) no-repeat center 80px;
}
header .inner {
	background:url(../images/header-bg.png);
	padding:26px 40px 25px 40px;
	position:relative;
	z-index:2;
}
.logo {
	display:inline-block;
	padding:0 !important;
}
.logo a {
	position: relative;
	background: url(../images/logo.png) no-repeat 0 0;
	height: 98px;
	width: 187px;
	overflow: hidden;
	text-indent: -99em;
	display: block;
}




/********************** Slider ************************/

/********************** Navigation ************************/
nav {
	float:right;
	padding:12px 0 0 0;
}

.sf-menu{
	min-height:28px;
	padding:0;
	margin:0;
}
.sf-menu ul{
	position:absolute;
	top:-999em;
	width:185px;
	left:0;
	display:none;
}
.sf-menu > li{
	position:relative;
	float:left;
	margin:0 28px;
}

.sf-menu > li > a {
	text-decoration:none;
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	color:#fff;
	padding:10px 0 0 0;
	background:url(../images/nav-active.png) no-repeat center -30px;
}

	.sf-menu > li.current > a, .sf-menu > li:hover > a, .sf-menu > li.sfHover > a {
		color:#afaa9b;
		text-decoration:none;
		background:url(../images/nav-active.png) no-repeat center 0;
	}

.sf-menu li:hover ul,.sf-menu li.sfHover ul{top:35px; left:0; z-index:999;}
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}
.sf-menu li.current,.sf-menu li:hover,.sf-menu li.sfHover{
	text-decoration:none;
}
.sf-menu li li a{
	display:block;
	margin:0;
	position:relative;
	text-decoration:none;
	font-size:12px;
	line-height:14px;
	color:#fff;
	overflow:hidden;
	padding:8px 5px 8px 15px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	background:url(../images/sub-nav-tail.png);
}
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a{
	color:#afaa9b;
}
.sf-menu li li li a {
	background:url(../images/header-bg.png);
}
.sf-menu li li{
	float:none;
	position:relative;
	margin:0 0 1px 0;
}

.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:186px;top:0;}






#page3 .bg-bot, #page4 .bg-bot {padding:30px 0 49px}

a {color:#ff9601; outline:none}
a:hover {text-decoration:none}
.col-1, .col-2 {float:left}
.wrapper {width:100%; overflow:hidden; position:relative}
.extra-wrap {overflow:hidden}
p {margin-bottom:30px}
.p0 {margin-bottom:20px}
.p1 {margin-bottom:8px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.it {font-style:italic}
.letter {letter-spacing:-1px}
.color-1 {color:#fff}
.color-2 {color:#000}
.color-3 {color:#262626}
.color-4 {color:#ff9601}
.frame {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-moz-box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-webkit-box-shadow: 3px 5px 8px rgba(0,0,0,0.70)}
.frame2 {padding:9px;background:#fff;border:1px solid #e5e5e5}






/*********************************content*************************************/


.padding {padding:0px 0px 38px}


#content {width:100%;padding:0;position:relative;z-index:1}
.gallery {padding:20px 0 26px 20px;background:#fff;box-shadow: 0px 5px 8px rgba(0,0,0,0.70);-moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.70);-webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.70)}
.padding {padding:30px 0px 38px}

  /* -- gallery  begin --*/
 
 div.content {/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;width: 620px;height: 403px;margin:  0;padding: 0px;float: left;overflow: hidden}
 
 div.content img {position: relative;z-index: 2}
 div.content a, div.navigation a {text-decoration: none;display:block;position:relative;cursor:pointer}
	div.content a img, div.navigation a img {position:relative;	z-index:1}
	div.content a span, div.navigation a span {display:block;	width:140px;	height:121px;	background:#000;	position:absolute;	left:0;	top:0;	z-index:2}
	div.content a span.selected,
	div.navigation a span.selected {display:none !important}
 div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline}
 div.controls {}
 div.controls a {padding: 0px}
 div.ss-controls {float: left;display:none}
 div.nav-controls {position:absolute;left:0px;width:596px;bottom:0px;z-index: 1}
 div.nav-controls a.prev {background:url(../images/prev.gif) no-repeat 0 0;width:39px;height:39px;text-indent:-5000px;position:absolute;bottom:2px;left:0;z-index:11}
 div.nav-controls a.prev:hover {background:url(../images/prev-h.gif) no-repeat 0 0}
 div.nav-controls a.next {background:url(../images/next.gif) no-repeat 0 0;width:39px;height:39px;text-indent:-5000px;position:absolute;bottom:2px;right:0;z-index:11}
 div.nav-controls a.next:hover {background:url(../images/next-h.gif) no-repeat 0 0}
 div.slideshow-container {position: relative;height: 403px; /* This should be set to be at least the height of the largest image in the slideshow */z-index:1}
 div.loader {position: absolute;top: 0;left: 0;background-image:url(images/loader.gif);background-repeat: no-repeat;background-position: center;width: 592px;height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */}
 div.slideshow {}
 div.slideshow span.image-wrapper {display: block;width: 620px;height: 403px;position:absolute;left:0;top:0}
 div.slideshow a.advance-link {display: block;width: 620px;height: 403px; /* This should be set to be at least the height of the largest image in the slideshow */	padding: 0;margin: 0}
 div.slideshow a.advance-link img {padding:0;margin:0;display:block;position:absolute;left:0;top:0}
 div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none}
 div.slideshow img {}
 div.download {float: right}
 div.caption-container {position: absolute;top: 0;left: 0;width: 596px;height: 151px}
 span.image-caption {display: block;position: absolute;width: 596px;height: 151px;top: 0;left: 0;z-index:10}
 div.caption {width: 536px;height: 128px;padding: 23px 30px 0 30px;line-height: 18px;font-size: 13px;color: #fff}
 div.caption h5{line-height: 18px;font-size: 13px;color: #fd003f;text-transform:uppercase;font-weight:bold;text-decoration:none}
 div.caption h6{line-height: 18px;font-size: 13px;color: #fff;font-weight:normal;margin: 0 0 18px 0}
 div.image-title {}
 div.image-desc {}
 div.navigation {}
 div#thumbs {width: 320px;height:403px;overflow: hidden;padding: 0px 0px 0 0}
 ul.thumbs {float: right;margin-left:0;padding: 0;width:320px;height:auto;overflow:visible}
 ul.thumbs li {height: 121px;float:left;margin: 0 20px 20px 0;overflow: hidden;padding: 0;vertical-align:top}
 ul.thumbs li img {border: none}
 a.thumb:focus {outline: none}
 div.pagination {clear: both;text-align:center;position:relative;z-index:10}
 div.top.pagination {display:none}
 div.navigation div.bottom { display:none}
 div.pagination a, div.pagination span.current, div.pagination span.ellipsis {padding:0 4px;font-weight:bold;color:#fff}
 div.pagination a:hover {text-decoration: none;color:#ffeaa8}
 div.pagination span.current {color:#ffeaa8}
 div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px}
/* -- gallery end --*/

 


/***** menu *****/







section#content {
	position:relative; 
	z-index:1;
}
.content-bg { position:relative; z-index:0;
	background: #FFFFFF;
	padding:0px 0 0px;
	
}

.block-2 { position:relative; z-index:0; overflow:hidden; border-top:none !important;  0 bottom no-repeat #fff; padding-bottom:12px;}


h2 { font-size:20px; color:#a70101; font-weight:normal; }
h2 strong { font-size:22px; line-height:27px; color:#131313; font-weight:bold; font-style:italic;  text-shadow:transparent 0px 0px 3px; display:block; margin-top:-5px;}



.pad-0 {padding:0px 0px 0px 0px;}
.pad-1 {padding:33px 39px 0px 39px;}



.pad-2 {padding:0px 39px 0px 39px; background-color:#FFFFFF}


.col-3 p.center {margin-top:20px;}


.author {
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}
	.author i {font-weight:normal;}

.dropcap {
	float:left;
	font-family: 'Passion One', cursive;
	font-size:24px;
	line-height:30px;
	color:#b30404;
	margin:0 5px 0 0;
}
.price-list li {
	overflow:hidden;
	font-size:14px;
	line-height:18px;
	padding:0 0 12px 14px;
	background:url(../images/list-1-marker.gif) no-repeat 0 5px;
}
	.price-list li .price-item {
		float:left;
		color:#717171;
		text-decoration:none;
		max-width:70%;
		margin:0 6px 0 0;
	}
		.price-list li .price-item:hover {color:#fff;}
	.price-list li .filler {
		display:block;
		background:url(../images/filler.gif) repeat-x 0 bottom;
		height:15px;
		overflow:hidden;
	}
	.price-list li .price {
		float:right;
		margin:0 0 0 6px;
		width:60px;
		text-align:left;
		color:#b30404;
	}

.adress {padding:0 0 20px 0;}
.adress dt {
	display:block;
	font-weight:normal;
	color:#717171;
	font-size:12px;
	line-height:18px;
	width:235px;
}
.adress dd {
	font-size:12px;
	line-height:18px;
	color:#717171;
	overflow:hidden;
}
.adress dd span {
	float:left;
	width:59px;
	text-align:right;
	margin:0 6px 0 0;
}

/******************** Footer ******************/