@charset "utf-8";
/* CSS Document */
@import "clearfix.css";
@import "fonts.css";
@import "pages.css";
@import "form.css";
@import "rounded.css";
@import "blog.css";


.highslide-gallery img{
float:left;
}

/*
@font-face {
	font-family: Comfortaa2;
	src: url('/assets/fonts/Comfortaa-Regular.ttf');
}

@font-face {
	font-family: Comfortaa2;
	font-weight: bold;
	src: url('/assets/fonts/Comfortaa-Bold.ttf');
}

@font-face {
	font-family: Comfortaa-Thin;
	src: url('/assets/fonts/Comfortaa-Thin.ttf') format("truetype"));
}

 @font-face {
    font-family: Comfortaa;
    font-style:  normal;
    font-weight: bold;
	src: url('/assets/fonts/COMFORT0.eot');
	}

 @font-face {
    font-family: Comfortaa;
    font-style:  normal;
    font-weight: normal;
	src: url('/assets/fonts/COMFORT1.eot');
	}
	*/
*{
margin:0;
}
html, body {
 background-color: #90D022;
background-image:url(/assets/images/background/nanascakes_background.gif);
margin:0;
padding:0;
height:100%;
/*font-family: 'Comfortaa', 'Comfortaa2', sans-serif;*/
/*font-family: 'Comfortaa', 'Comfortaa2', "Trebuchet MS", sans-serif;*/
font-family: "Trebuchet MS", sans-serif 

}

img, div { behavior: url(/assets/styles/iepngfix.htc) }

.background_picture{
background-image:url(/assets/images/background/nanascakes_background.gif);
}
#nanas_container{
	display:block;
}
/******************************/
/*        HEADER             */
/******************************/
#nanas_header {
	height:137px;
}
/******************************/
/*        CONTENT             */
/******************************/
#nanas_content{
margin:0;
padding:0;
}

#nanas_content_block {
display:block;
margin:auto;
  min-height:394px;
  height:auto !important;
  height:394px;
  width:1024px;
}
#nanas_content_block_background {
	height:412px;
	width:1024px;
	position:absolute;
	top: 140px;
	z-index:90;
}

.nanas_design{
font-style:italic;
}

.nanas_home_left{
	display:block;
	width:315px;
	float:left;
}
.nanas_home_right{
display:block;
width:88px;
float:right;
font-size:80%;
line-height:13px;

}
.nanas_home_right a{
/*border:solid 1px white;*/
}
.nanas_home_right a:hover{
filter:alpha(opacity=40);
opacity:0.4;

}

.nanas_home_right a:hover img{
filter:alpha(opacity=40);
opacity:0.4;

}


/******************************/
/*        BACKGROUND BANNER   */
/******************************/

.background_pony {
	background-image:url(/assets/images/background/banner/nanascakes_pony.jpg);
}

.background_pollito {
	background-image:url(/assets/images/background/banner/nanascakes_pollito.jpg);
}
.background_lazo {
	background-image:url(/assets/images/background/banner/nanascakes_lazo.jpg);
}

.background_luna {
	background-image:url(/assets/images/background/banner/nanascakes_luna.jpg);
}


.background_princesa {
	background-image:url(/assets/images/background/banner/nanascakes_quequeprincesa.jpg);
}
.background_nana {
	background-image:url(/assets/images/background/banner/nanascakes_nana.jpg);
}

.background_gallery {
	background-image:url(/assets/images/background/banner/nanascakes_gallery.jpg);
}

.background_elmo {
	background-image:url(/assets/images/background/banner/nanascakes_elmo.jpg);
}

.background_abejas {
	background-image:url(/assets/images/background/banner/nanascakes_abejas.jpg);
}


.nanas_order{
background-image:url(/assets/images/buttons/nana_pedidos.png);
width:100px;
}


#nanas_background_text{
	height:351px;
	width:463px;
	background-image:url(/assets/images/background/nanascakes_background_text.png);
	position:absolute;
	top:151px;
	z-index:100;
	margin-left:485px;
}
#nanas_background_title{
	height:35px;
	width:463px;
	position:absolute;
	top:170px;
	z-index:110;
	margin-left:485px;
	background-repeat:no-repeat;
}

.title_welcome{
	background-image:url(/assets/images/background/nanascakes_background_title_welcome.png);
}

.title_nana{
	background-image:url(/assets/images/background/nanascakes_background_title_nana.png);
}

.title_gallery{
	background-image:url(/assets/images/background/nanascakes_background_title_design.png);
}
.title_contact{
	background-image:url(/assets/images/background/nanascakes_background_title_contact.png);
}
.title_order{
	background-image:url(/assets/images/background/nanascakes_background_title_order.png);
}


#nanas_background_text_nana{
	text-align:justify;
	width:425px;
	padding:  10px 20px 10px 20px;
	position:absolute;
	top:207px;
	z-index:140;
	margin-left:485px;
	line-height:19px;
	height:204px;
	font-size:13px;
	font-weight:normal;
}

#nanas_background_text_gallery{
	text-align:justify;
	width:438px;
	padding: 12px;
	position:absolute;
	top:207px;
	z-index:140;
	margin-left:485px;
	line-height:19px;
	height:203px;
	font-size:13px;
	font-weight:normal;
}

#nanas_background_text_contact{
	text-align:justify;
	width:425px;
	padding:  10px 20px 10px 20px;
	position:absolute;
	top:209px;
	z-index:140;
	margin-left:485px;
	margin-top:5px;
	line-height:19px;
	height:202px;
	font-size:13px;
	font-weight:normal;
	}
	
#nanas_background_text_contact h2{
border:dashed 1px;
padding:4px 4px 4px 26px;
height:24px;
margin:7px 0 7px 0 ;
width:360px;
background:#F9BBBC url(/assets/images/logo/nanascakeslogoSmall.gif) no-repeat scroll 5px 8px;
font-size:120%;
color:#FFFFFF;

}	
#nanas_background_text_contact h2 a{
color:#FFFFFF;

}
#nanas_background_text_contact a, #nanas_background_text_nana a{
color: #6C9C19;
text-decoration:none;
}
#nanas_background_text_contact p{
}


.overflow{
	overflow:auto;
	}

#nanas_content_block_lines_1 {
position:absolute;
top: 414px;
z-index:130;
}

#nanas_content_block_lines_2 {
position:absolute;
z-index:120;
top:439px;
}
#nanas_content_block_lines_3 {
position:absolute;
z-index:110;
top:462px;
}
#nanas_content_block_lines_4 {
position:absolute;
z-index:100;
top:448px;
}

/******************************/
/*        FOOTER             */
/******************************/

#nanas_footer {
	background-image:url(/assets/images/background/nanascakes_silueta.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
	margin-top:18px;
	position:fixed;
	right:0;
	bottom:0;
	z-index:200;
	height:154px;
	
}
#nanas_footer p{
color:#C01F61;
font-size:90%;
margin: 85px 50px 0 0;
}

#nanas_footer a{
color:#C01F61;
text-decoration:none;
}


/******************************/
/*        FOOTER BLOG            */
/******************************/
#nanas_footer_blog {
	background-image:url(/assets/images/background/nanascakes_silueta.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
	margin-top:18px;
	position:relative;
	z-index:200;
	height:154px;
}
#nanas_footer_blog p{
color:#C01F61;
font-size:90%;
padding: 55px 50px 0 0;
}
#nanas_footer_blog a{
color:#C01F61;
text-decoration:none;
}

/* FLOAT CONTENT */ 
/******************************/
/*        LOGO             */
/******************************/
.nanas_logo{
border:none;
width:213px;
height:237px;
position:absolute;
left:10px;
top:14px;
z-index:300;
}

.nanas_logo:hover{
border:none;
width:213px;
height:237px;
position:absolute;
left:10px;
top:14px;
background-image:url(/assets/images/logo/nanascakeslogo_shade.png);
background-position:bottom right;
z-index:300;
}

/******************************/
/*        BARs             */
/******************************/

.nanas_white_bar{

	width:100%;
	font-size:1px;
	position:relative;
	top:0px;
	height:3px;
	background-color:#FFFFFF;
	font-size:1px;
	z-index:110;
}

.nanas_white_bar_footer{
	height:13px;
	background-color:#FFFFFF;
	background-image:url(/assets/images/background/nanascakes_lines_footer.gif);
	background-repeat:repeat-x;
	font-size:1px;
}

.nanas_color_bar_2{
	height:36px;
	width:30%;
	background-color:#be1d60;
	font-size:1px;
	position:absolute;
	top:454px;
	z-index:90;
	
}
.nanas_color_bar_3{
	height:10px;
	width:30%;
	background-color:#486811;
	font-size:1px;
	position:absolute;
	top:490px;
	z-index:90;
	
}
.nanas_color_bar_4{
	height:20px;
	width:30%;
	background-color:#EAD675;
	font-size:1px;
	position:absolute;
	top:500px;
	z-index:90;
}
.nanas_color_bar_5{
	height:40px;
	width:30%;
	background-color:#486811;
	font-size:1px;
	position:absolute;
	top:520px;
	z-index:90;
	
}

#nanas_color_bar_background{
	height:66px;
	width:450px;
	background-color:#90D022;
	background-image:url(/assets/images/background/nanascakes_background.gif);
	font-size:1px;
	position:absolute;
	top:495px;
	z-index:90;
	
}

#nanas_color_bar_background_beige{
	height:310px;
	width:100%;
	background-color:#EAD675;
	font-size:1px;
	position:absolute;
	top:140px;
	z-index:10;
	
}

#nanas_color_bar_background_white{
	height:13px;
	width:100%;
	font-size:1px;
	position:absolute;
	top:450px;
	z-index:10;
	background-image:url(/assets/images/background/nanascakes_lines_footer.gif);
	background-repeat:repeat-x;

	
}

* html .nanas_logo{
position:absolute;
}
/******************************/
/*        FORMULARIO          */
/******************************/

.nanas_formulario p{
width:550px;
}
/******************************/
/*        CALENDAR          */
/******************************/

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 144px;
}

input.calendar a,
select.calendar a{
 color:#666;
}


button.calendar {
	background: url(calendar-icon.gif);
	border: 0;
	cursor: pointer;
	height: 20px;
	margin-right: 6px;
	width: 20px;
	padding-top:5px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #F9BBBC;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #666;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(calendar-td.gif);
		color: #CCC;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(calendar-valid.gif);
		color: #666;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}
	.tituloFoto{
	padding:8px 4px 8px 0;
	font-size:84%;
	}
	.entry br{
	margin-bottom:10px;
	}
	
	#nanas_formulario h2{
	width: 351px;
	}
	.extra_small{
	padding:5px;
	float:left;
	}