@import "reset.css";
@import "layout.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
/*global*/
body {
	position:absolute;
	font:14px/22px Tahoma, sans-serif;
	color:#949494;
	min-width: 980px;
	min-height:900px;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
	background-image:url(../images/fondo_krislam.jpg);
	background-repeat: repeat;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
}
.glow{
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index: 1;
background: url('../images/bg_glow_krislam.png') center no-repeat;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:10000;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #e9e9eb;
}
#bgStretch {
z-index:1;
}
#bgStretch>img {
background: #e9e9eb; 
}
.logo {
position:relative;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 384px;
height: 128px;
background: url('../images/logo.png') center no-repeat;
}
/*footer*/
footer{
position:absolute;
width:100%;
z-index:100;
bottom:0px;
height:131px;
text-align: center;
background: url('../images/footer_bg.png');
}
footer p {
position: relative;
text-transform: uppercase;
color: #cfd0d2;
font: 16px/16px 'Lato', sans-serif;
text-shadow: #6c6e73 1px 1px 0px;
white-space: pre;
padding-top: 34px;
padding-right: 70px;
}
.heart_div{
padding: 0 20px;
background: url('../images/circulo_divider.png') center right no-repeat;
}
footer p a{
color: #cfd0d2;
margin-left: 5px;
position: relative;
}
footer ul{
margin: 2px 0 0 37px;
}
footer ul li{
position: relative;
width: 23px;
height: 35px;
display: inline-block;
margin-right: 2px;
}
footer ul li a,footer ul li img{
position: relative;
}
footer ul li img{
top: 7px;
}
/*end footer*/
/*superior*/
superior{
position:absolute;
width:100%;
z-index:100;
top:0px;
height:72px;
text-align: right;
background: url('../images/superior.png');
}
superior p {
position: relative;
text-transform: uppercase;
color: #cfd0d2;
font: 16px/16px 'Lato', sans-serif;
text-shadow: #6c6e73 1px 1px 0px;
white-space: pre;
padding-top: 34px;
padding-right:100px;
}
.heart_div{
padding: 0 20px;
background: url('../images/circulo_divider.png') center right no-repeat;
}
superior p a{
color: #cfd0d2;
margin-left: 5px;
position: relative;
}
superior ul{
margin: 2px 0 0 37px;
}
superior ul li{
position: relative;
width: 23px;
height: 35px;
display: inline-block;
margin-right: 2px;
}
superior ul li a,superior ul li img{
position: relative;
}
superior ul li img{
top: 7px;
}
/*end superior*/
/*menu*/
.menu {
position: relative;
display: inline-block;
padding: 94px 0px 0px 58px;
}
#menu>li {
display: inline-block;
position: relative;
width: 230px;
height: 230px;
margin-left: -28px;
text-align: center;
}
#menu>li.nodisp {
display: none;
}
#menu>li>a {
position: relative;
display: inline-block;

font: 40px/230px 'Raleway', sans-serif;
font-size:30px;
color: #000000;
text-shadow: #fff 0px 0px 5px;
text-transform: uppercase;
width: 230px;
height: 230px;
border-radius: 165px;
-webkit-border-radius: 165px;
-moz-border-radius: 165px;
background: url('../images/menu_bg.png') left top no-repeat;
}
#menu .verde a {
	position: relative;
display: inline-block;

font: 40px/230px 'Raleway', sans-serif;
font-size:30px;
color: #000000;
text-shadow: #fff 0px 0px 5px;
text-transform: uppercase;
width: 230px;
height: 230px;
border-radius: 165px;
-webkit-border-radius: 165px;
-moz-border-radius: 165px;
background: url('../images/menu_bg_verde.png') left top no-repeat;
}
#menu .azul a {
	position: relative;
display: inline-block;

font: 40px/230px 'Raleway', sans-serif;
font-size:30px;
color: #000000;
text-shadow: #fff 0px 0px 5px;
text-transform: uppercase;
width: 230px;
height: 230px;
border-radius: 165px;
-webkit-border-radius: 165px;
-moz-border-radius: 165px;
background: url('../images/menu_bg_azul.png') left top no-repeat;
}
#menu .naranja a {
	position: relative;
display: inline-block;

font: 40px/230px 'Raleway', sans-serif;
font-size:30px;
color: #000000;
text-shadow: #fff 0px 0px 5px;
text-transform: uppercase;
width: 230px;
height: 230px;
border-radius: 165px;
-webkit-border-radius: 165px;
-moz-border-radius: 165px;
background: url('../images/menu_bg_naranja.png') left top no-repeat;
}
#menu .crema a {
	position: relative;
	display: inline-block;
	font: 40px/230px 'Raleway', sans-serif;
	font-size:30px;
	color: #00000;
	text-shadow: #fff 0px 0px 5px;
	text-transform: uppercase;
	width: 230px;
	height: 230px;
	border-radius: 165px;
	-webkit-border-radius: 165px;
	-moz-border-radius: 165px;
	background: url('../images/menu_bg_crema.png') left top no-repeat;
}
#menu .rosa a {
	position: relative;
	display: inline-block;
	font: 40px/230px 'Raleway', sans-serif;
	font-size:30px;
	color: #00000;
	text-shadow: #fff 0px 0px 5px;
	text-transform: uppercase;
	width: 230px;
	height: 230px;
	border-radius: 165px;
	-webkit-border-radius: 165px;
	-moz-border-radius: 165px;
	background: url('../images/menu_bg_rosa.png') left top no-repeat;
}
#menu>li.nodisp {
display: none;
}

#menu li>a:hover,#menu li.sfHover>a{
text-shadow: #000000 1px 1px 0px;
}
#menu>li>strong{
display: inline-block;
position:absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
}
.submenu_1 {
position:relative;
z-index:9100;
width: 100%;
left: 0px;
top: 0px;
display: none;
}
.submenu_1 li {
position:relative;
display: block;
}
.submenu_1 a {
position:relative;
display: block;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
	color:#FFF;
}
.submenu_2 {
position:relative;
z-index:9100;
width: 100%;
left: 0px;
top: 0px;
display: none;
}
/*end menu*/
/*content menu*/
.content_menu {
position: absolute;
display: inline-block;
margin: 0;
right: 0;
bottom: 84px;
z-index: 10;
}
.content_menu>ul{
width: 230px;
height: 230px;
border-radius: 165px;
-webkit-border-radius: 165px;
-moz-border-radius: 165px;
background: url('../images/menu_bg_2_claro.png') center top no-repeat;
position: relative;
display: inline-block;

}
.content_menu>ul>li:first-child+li{
padding-top: 47px;
}
.content_menu>ul>li {
display: block;
position: relative;
text-align: left;
}
.content_menu>ul>li>strong {
display: inline-block;
margin: 12px 0 0 50px;
width: 6px;
height: 10px;
background: url('../images/menu_arrow.png') left center no-repeat;
}
.content_menu>ul>li.nodisp {
display: none;
}
.content_menu>ul>li>a {
position: relative;
display: inline-block;
font: 18px/34px 'Raleway', sans-serif;
color: #fff;
text-shadow: #000000 1px 1px 0px;
text-transform: uppercase;
margin-left: 11px;
}
.content_menu>ul>li>a.menu_shadow{
text-shadow: #fff 0px 0px 5px;
}
/*end content menu*/
/*frase inicial*/
.frase {
	position: relative;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	
	
}
#frase>li {
	display: inline-block;
	position: relative;
	width: 600px;
	height: 230px;
	margin-left: -28px;
	text-align: center;
	margin-top:50px;
	font:22px/20px 'Raleway', sans-serif;
	color:#D4CCD4;
	font-size: 20px;
}
/*fin frase inicial*/
/*pages*/
#content {
position:relative;
width:896px;
height:640px;
margin: 0 auto;
z-index: 50;
margin-top: 6px;
text-align: center;
}
#content>ul {
width: 637px;
height: 508px;
text-align: left;
position: relative;
}
#content>ul>li:first-child{
width:896px;
text-align:center;
margin: 0;
overflow: visible;
}
#content>ul>li {
position:absolute;
width:100%;
height:100%;
margin: 34px 0 0 45px;
background: url('../images/content_bg.png') center no-repeat;
overflow: hidden;
}
#content>ul>li.nobg {
background: none;
}
#content>ul>li#page_photo{
width: 781px;
overflow: visible;
}
.readMore {
padding-right: 19px;
background: url('../images/circulo_divider.png') right 8px no-repeat;
display: inline-block;
color: #b5b5b5;
font: 18px/25px 'Raleway', sans-serif;/* antes a 25px*/
/*text-transform: lowercase;*/
margin: 0 0 34px 0;
}
.readMore:hover {
text-decoration: none;  
}


.hline{
	background: url('../images/vline.png') center no-repeat;
	width: 192px;
	height: 1px;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 4px;
}
.imType1{
border: 10px solid #efefef;
margin: 0px 33px 27px 0px;
float: left;
}
.decor{
width: 580px;
height: 12px;
background: url('../images/decor.png') center no-repeat;
margin: 0px 0px 17px -25px;
}
.list1{
display: inline-block;
position: relative;
margin-left: 40px;
}
.list1>li{
display: block;
position: relative;
background: url('../images/list_icon.png') left 7px no-repeat;
margin-bottom: 2px;
}
.list1>li>a{
margin-left: 19px;
color: #949494;
}
.list1>li>a:hover{
text-decoration: underline;
}
#page_links p{
padding-bottom: 7px;
}
#page_links p.pad5{
padding-bottom: 21px;
}
#page_privacy p, #page_more p{
padding-bottom: 21px;
}
#page_privacy p.pad7, #page_more p.pad7{
padding-bottom: 13px;
}
#page_privacy h2, #page_more h2{
padding-bottom: 15px;
}
.pagin{
margin-top: 414px;
margin-left: 6px;
width: 657px;
}
.pagin li{
display: inline-block;
margin: 0 20px 20px 0;
background: url('../images/pic_border.png');
padding: 6px;
position: relative;
width: 137px;
height: 96px;
float: left;
}
.pagin li>a{
display: block;
width: 137px;
height: 96px;
position: relative;
}
.pagin li>span{
display: block;
width: 0;
height: 0;
background: #f75da4;
z-index: -1;
position: absolute;
top: 0;
left: 0;
}
.pagin li.active>span{
width: 100%;
height: 100%;
}
.navBtns{
position: absolute;
width: 100%;
bottom: 18px;
left: -58px;
}
.next,.prev{
display:inline-block;
position: relative;
width: 46px;
height: 47px;
}
.next{
float: right;
background: url('../images/arrowR.png') center no-repeat;
}
.prev{
float: left;
background: url('../images/arrowL.png') center no-repeat;
}
.next>span,.prev>span{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
.next>span{
background: url('../images/arrowR_over.png') center no-repeat;
}
.prev>span{
background: url('../images/arrowL_over.png') center no-repeat;
}
/*scroll*/
.scroll {
height: 325px;
position: relative;
overflow: hidden;
margin: 10px 0 45px;
}
.scroll2 {
height: 72px;
position: relative;
overflow: hidden;
margin: 10px 0 45px;
}
._shuttle {
width: 0px;
}
._track{
width: 0px;
}
.scrollBtns{
position: absolute;
right: 250px;
top: 438px;
}
.scrollDown,.scrollUp{
position: relative;
display: inline-block;
float: left;
width: 24px;
height: 15px;
margin-left: 2px;
}
.scrollDown{
top: 2px;
}
.scrollDown>span,.scrollUp>span{
width: 100%;
height: 100%;
display: block;
}
.scrollDown>span{
background: url('../images/arrow_down.png') center bottom no-repeat;
}
.scrollUp>span{   
background: url('../images/arrow_up.png') center top no-repeat;
}
/*end scroll*/
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
/*PADDINGS*/
.pad1 {
padding: 0px 0px 0px 34px;
}
.pad2 {
padding: 52px 0px 16px 34px;
}
.pad3 {
padding-right: 60px;
}
.pad4 {
padding-bottom:14px;
}
.pad5 {
padding-bottom:15px;
}
.pad6 {
padding-top: 3px;
}
.pad7 {
padding-bottom:10px;
}
.color1{
color: #000000;
}
.fontStyle1{
font-weight: bold;
color: #6e6e6e;
}
.w1{
display: inline-block;
width: 80px;
}
/*///////////////////////////*/
h1 {
position:relative;
padding-left: 52px;
text-align: left;
margin-top: 0px;
}
h2 {
position:relative;
font: 27px/27px 'Raleway', sans-serif;
color: #a9aaaa;
text-transform: uppercase;
padding: 3px 0px 11px 0px;
}
h3 {
position:relative;
font: 16px/22px 'Raleway', sans-serif;
color: #818282;
text-transform: uppercase;
padding-bottom: 6px;
}
p {
padding-bottom: 9px;
}
/*additional classes*/
.block {
display:block;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.fnone {
float:none;
}
.all {
text-align:left;
}
.alr {
text-align:right;
}
.alc {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
height: 474px;
}
a.und,.und a {
text-decoration:none;
}
a {
text-decoration:none;
}
a.und:hover,.und a:hover {
text-decoration:underline;
}
.nocolor,.nocolor a {
color:inherit;
}
.upc {
text-transform:uppercase;
}
.extra-wrap {
overflow:hidden;
}
.nopad {
padding:0;
}
.nomar {
margin:0;
}
.clear {
clear:both;
line-height:0;
}
.bold {
font-weight:bold;
}
.rel {
position:relative;
}
.defcur {
cursor:default;
}
.ws {
white-space:pre;
}
.automargin {
margin:0 auto;
}
/*google map*/
.google_map{
border-radius: 0px;
width: 291px;
height: 306px;
border: 10px solid #efefef;
box-shadow: none;
background-color: #e9e9eb;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;  
position:  relative;
overflow: hidden;
margin: 5px 21px 30px 0;
float: left;
z-index: 10;
}
/*end google map*/

.rubi a {
	color: #FFF;
	font-weight: bold;
}

.shop{
	text-decoration:none;
	color:#FF9}
.shop:hover{
	text-decoration: none; font-weight:bold;}
.shop:visited{ text-decoration:none}