@import 'reset.css';

html { height: 100%; width : 100%;}
body {
    background-image: url('../images/main-background.gif');
    background-position: top left;
    background-repeat: repeat-x;
    height: 100%;
	width : 100%;
    font-family: sans-serif;
}
.clear {clear:both;}
.right{ float: right;}
.left {float: left;}
body a:hover{color : #F49A24; }


.main {
    width: 843px;
    height: 100%;
    margin: 0 auto;
}

/*#############################   MENU @############################################################## */
.menu ul {
    width: 100%;
    margin: 0 auto;
}

.menu ul li {
    float: left;
}

.menu ul li a{
    background-image:url("../images/main-menu.gif");
    background-repeat:no-repeat;
    display:block;
    height:58px;
    overflow:hidden;
    text-indent: -500px;
    text-decoration: none;
}
.menu ul li.inicio a{ width:112px; background-position: top left; }
.menu ul li.productos a{ background-position: -112px 0px; width:130px; }
.menu ul li.fiestas a{ width:258px; background-position: -242px 0px; }
.menu ul li.regalos a{ width:215px; background-position: -500px 0px; }
.menu ul li.contacto a{ width:128px; background-position: -715px 0px; }

.menu ul li.inicio a:hover, .menu ul li.inicio a.current { background-position: 0px -58px; }
.menu ul li.productos a:hover,.menu ul li.productos a.current { background-position: -112px -58px; }
.menu ul li.fiestas a:hover,.menu ul li.fiestas a.current{ background-position: -242px -58px; }
.menu ul li.regalos a:hover,.menu ul li.regalos a.current { background-position: -500px -58px; }
.menu ul li.contacto a:hover, .menu ul li.contacto a.current{background-position: -715px -58px; }

.overlay-bg {  
	position : absolute;
	top : 0;
	left : 0;
	background-color : #FFF;
	width : 100%;
	height : 100%;
	z-index : 999;
	display : none;
}
.overlay-content {
	position : absolute;
	top : 50%;
	left : 50%;
	background-color : #FFF;
	width : 515px;
	height : 390px;
	z-index : 1000;
	margin : -195px -257px;
	display : none;
	background:url("../images/overlay-products-content.gif") no-repeat scroll 0 0 #FFFFFF;
	
}

.product-overlay-item{
	background:url("../images/nivo-loader.gif") no-repeat scroll 50% 50% transparent;
	float:left;
	height:360px;
	padding:25px 15px;
	width:485px;
	z-index : 999;
	display : block;
	position : relative;
}

.product-overlay-item .close{
	background:url("../images/close-overlay.jpg") no-repeat right top transparent;
	color:#5E674A;
	cursor:pointer;
	height:11px;
	padding-right:15px;
	position:absolute;
	right:10px;
	top:10px;
	z-index:1001;
}

.product-overlay-item .data-column{
	float:left;
	height:290px;
	width:100%;
	display : none;
}

.product-overlay-item .data-column span{
	color:#555555;
	float:left;
	text-align:center;
	width:100%;
}

.product-overlay-item .data-column img{
	height:270px;
	margin:0 62px;
	width:360px;
}
 
.product-overlay-item .data-column b{
	color:#79A31B;
	float:left;
	font-size:18px;
	overflow:hidden;
	padding:5px 0;
	text-align:center;
	width:100%;
}

.header .velas_logo, .header .queregalarte_logo{
    background-repeat:no-repeat;
    display:block;
    height:124px;
    width: 168px;
    margin-top:3px;
    overflow: hidden;
    text-indent: -500px;
}
.header .velas_logo {
    background-image:url("../images/velas-logo.gif");
    float:left;
}
.header .queregalarte_logo {
    background-image:url("../images/queRegalarte-logo.gif");
    float:right;
}
.header .home_header {
    background-image:url("../images/home-header.gif");
    background-repeat:no-repeat;
    float:left;
    height: 124px;
    width: 500px;
    margin-top:3px;
    overflow: hidden;
    text-indent: -500px;
}


.productos-menu-superiror{
	float:left;
	margin:5px 35px;
}


.productos-menu-superiror li{
	float : left;
	text-align : center;
}
.productos-menu-superiror li a{
	display:block;
	float:left;
	height:96px;
	margin:5px 0;
	padding:5px 0;
	text-align:center;
	width:108px;
	color : #555;
	text-decoration : none;
	overflow : hidden;
	background-image:url("../images/prod-cabezal.gif") ;
	background-repeat: no-repeat;
}
.productos-menu-superiror li a.velas		{ background-position : 0px 0px ;} 
.productos-menu-superiror li a.fanales		{ background-position : -108px 0px ;} 
.productos-menu-superiror li a.souvenirs	{ background-position : -216px 0px ;} 
.productos-menu-superiror li a.otros		{ background-position : -325px 0px ;} 

.productos-menu-superiror li a.velas:hover 			{ background-position : 0px -106px ; color : #555;} 
.productos-menu-superiror li a.fanales:hover		{ background-position : -108px -106px ; color : #555;} 
.productos-menu-superiror li a.souvenirs:hover	{ background-position : -216px -106px ; color : #555;} 
.productos-menu-superiror li a.otros:hover			{ background-position : -325px -106px ; color : #555;} 

/* This lines is for fix a little bug in IE6 */
.productos-menu-superiror li a.otros-current 			{ background-position : -325px -106px ; color : #555;} 
.productos-menu-superiror li a.souvenirs-current 		{ background-position : -216px -106px ; color : #555;} 
.productos-menu-superiror li a.fanales-current 		{ background-position : -108px -106px ; color : #555;} 
.productos-menu-superiror li a.velas-current 			{ background-position : 0px -106px ; color : #555;} 


.productos-menu-superiror li a img{
	float:left;
	height:70px;
	margin:5px 17px;
	width:70px;
	border : 1px solid #A0BC6F;
}

.productos-menu-superiror li.fl a{
	padding:5px 0;
}

/*Productos*/
.content .products-title{
	float : left;
	width : 100%;
	padding: 20px 0 0 10px;
	color : #8E8C8C;
	font-family : "Georgia", Times, serif;
	font-style : italic;
	line-height:25px;
}
.content .products_column_right{
    float: right;
    width: 526px;
    padding: 10px 0px;
}

.content .products_column_right .items-top{
	background : transparent url("../images/products-items-top.gif") no-repeat top left;
	width : 100%;
	height : 30px;
	float : left;
}

.content .products_column_right .items-bottom{
	background : transparent url("../images/products-items-bottom.gif") no-repeat top left;
	width : 100%;
	height : 30px;
	float : left;
}

.content .products_column_right .items-middle{
	background : transparent url("../images/products-items-middle.gif") repeat-y top left;
	float : left;
	padding:0 20px;
	width:480px;
}

.content .products_column_left{
    color:#8E8C8C;
	float:left;
	line-height:25px;
	padding:10px 0 ;
	position:relative;
	text-align:center;
	width:256px;
}

.content .products_column_left .categories-top{
	background : transparent url("../images/categories-top.gif") no-repeat top left;
	width : 100%;
	height : 30px;
	float : left;
}

.content .products_column_left .categories-bottom{
	background : transparent url("../images/categories-bottom.gif") no-repeat top left;
	width : 100%;
	height : 30px;
	float : left;
}
.content .products_column_left .categories-middle{
	background : transparent url("../images/categories-middle.gif") repeat-y top left;
	width : 100%;
	float : left;
	width:100%;
}
.content .products_column_left .categories-middle ul li{
	text-align:left;
}

.content .products_column_left .categories-middle ul li a{ 
	color:#A6C957;
	display:block;
	float:left;
	margin:0 20px;
	padding:0 20px;
	text-decoration:none;
	width:186px;
	background-image : url("../images/category-bullet.gif");
	background-repeat : no-repeat;
	background-position : bottom left;
	
}
.content .products_column_left .categories-middle ul li a:hover, .content .products_column_left .categories-middle ul li a.current{ 
	color:#F49A24;
	background-position : top left;
}

.no-items{
	line-height : 25px;
	text-align : center;
	color : #8E8C8C;
	font-family : "Georgia", Times, serif;
	font-style : italic;
}

.content .products_column_right .product-item{ float : left; width:485px;}

.content .products_column_right .product-item ul li{
	float : left;
}

.content .products_column_right .product-item ul li a.box2{
	display:block;
	float:left;
	height:82px;
	padding:10px 0 0px 0;
	text-align:center;
	font-size : 10px;
	width:97px;
	color : #555;
	text-decoration : none;
	overflow : hidden;
	background-image:url("../images/box-2.gif") ;
	background-repeat: no-repeat;
}

.content .products_column_right .product-item ul li a.box2:hover {
	background-position : bottom left;
}

.content .products_column_right .product-item ul li a.box2 img{
	float : left;
	margin:0 8px 3px;
}

/* end Productos */


.content .home_column_left{
    line-height: 35px;
    text-align: center;
    color : #8E8C8C;
    font-family: "Georgia", "Times", serif;
    font-style: italic;
    margin: 20px 0;
    float: left;
    padding: 20px 0;
    width: 330px;
}
.content .home_column_left .home-velas{
    float:left;
    margin-top:7px;
    width:330px;
}

.content .home_column_right{
    margin: 20px 0;
    float: right;
    width: 415px;
    height: 310px;
    background-image:url("../images/portada-bg.gif");
    background-repeat:no-repeat;
    background-position: top left;
    padding: 8px;
}

.content .home_column_left .home-velas ul, .content .home_column_left .home-velas ul li { float : left; }

a.box1{
    background-image:url("../images/box-1.gif");
    background-position:left top;
    background-repeat:no-repeat;
    color:#555555;
    display:block;
    font-family:sans-serif;
    font-size:10px;
    font-style:normal;
    height:108px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:baseline;
    width:109px;
	float : left;
}
a.box1:hover, a.box1.current {
    background-position: bottom left; color:#555555;
}
a.box1 img{
    float:left;
    margin:15px 20px -10px;
    width:70px;
}

.footer {
    text-align: center;
    color : #828282;
    margin-top : 40px;
    width: 100%;
    float: left;
    font-size: 11px;
    line-height: 20px;
    height: 150px;
}
.footer a{ text-decoration: none;color : #828282; }
.footer .links {
    font-size:12px;
    margin-bottom:20px;
}
.footer .links a { margin: 0 10px; }

/********* contacto ****************/
.contacto{float:left; }
.contacto p{ float: left; margin : 10px 0;}
.contacto form{
	width : 600px;
	float : left;
	margin : 20px 0;
}
.contacto label{
	float:left;
	width:290px;
	text-align : right;
}
.contacto span{
	float : left;
	color : #555;
	font-size : 11px;
	width:290px;
	text-align : right;
}

.contacto input , .contacto textarea{
	background:url("../admin/images/required.png") no-repeat scroll left top #FFFFFF;
	border:1px solid #9B9A9B;
	float:right;
	padding:5px;
	width:280px;
	font-family : sans-serif;
	font-size : 11px;
}
.contacto a{
	background:url("../images/enviar.jpg") no-repeat scroll left top transparent;
	display:block;
	float:right;
	height:35px;
	overflow:hidden;
	text-indent:500%;
	width:143px;
}

.contacto div.error, .contacto div.notification{
	float:left;
	margin:5px 0;
	padding:1%;
	text-align:center;
	width:98%;
}

.contacto div.notification {
	background:none repeat scroll 0 0 #D5FFCE;
	border:1px solid #9ADF8F;
	color:#556652;
}
.contacto div.error {
	background:none repeat scroll 0 0 #FFCECE;
	border:1px solid #DF8F8F;
	color:#665252;
}