@CHARSET "UTF-8";
@IMPORT url("shared/css/fagron.css");
@IMPORT url("binamic/amslib/css/box-model.css");

/**********************************
	SUBMAIN MENU STYLES
**********************************/
#product-menu{			width: 98px;	}
#product-menu ul{		width: 150px;	}
#infomagistral-menu{	width: 161px;	}
#infomagistral-menu ul{	width: 240px;	}

/**********************************
	SHARED/COMMON RESULTS TABLE STYLES
**********************************/
.product-table .code{	width: 70px;	}
.product-table .desc{	width: 360px;	}
.product-table .numb{	
	width: 40px;
	height: 18px;
	position: relative;
}
.product-table .cart{	width: 24px;	}
.product-table .info{	width: 20px;	}

.product-table .cart{
	height: 15px;
	line-height: 21px;
}

.product-table .cart input{
	border: 0;
	padding: 0;
	width: 14px;
}

.product-table .numb .entry{	
	width: 25px;
	height: 15px;
	padding: 0;
	border: 1px solid #999999;
}

.product-table .numb .consultar{
	position: absolute;
	width: 70px;
	right: 0;
}

.historico-pedidos-table .datetime{
	width: 100px;
}

.historico-pedidos-table .quantity{
	width: 50px;
}

.historico-pedidos-table .description{
	width: 325px;
}

.news-table .title{
	width: 200px;
}

/**********************************
	PROMOCIONES STYLES
**********************************/
.promociones h2{
	font-size: 12px;
	color: #C12A26;
	
	margin: 0;
	padding: 18px 0;
}

/**********************************
	MAGISTRALES STYLES
**********************************/
.magistrales h3{
	font-weight: normal;
	font-size: 10px;
	color: #C12A26;
}

.magistrales .gift-table{
	width: 100%;
	margin: 20px 0;
}

.magistrales .gift-table img{
	border: 1px solid #000000;
}

.magistrales .gift-table th{
	color: #C12A26;
	font-weight: bold;
	padding-bottom: 10px;
}

.magistrales .gift-table .image{
	text-align: left;
}

.magistrales .gift-table td{
	height: 70px;
	padding: 5px;
}

.magistrales .gift-table .oddRow{
	background-color: #F7F7F7;
}

.magistrales .gift-table .evenRow{
	
}

.magistrales .gift-table .name{
	text-align: left;
	padding-left: 50px;
}

.magistrales .page-area form{
	width: 502px;
	background-color: #EBF2F5;
	padding: 10px 20px;
}

.magistrales .page-area form .floatFix{
	margin-top: 10px;
}

.magistrales .page-area form h2{
	margin: 0 0 18px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFFFFF;
}

.magistrales .page-area h2{
	font-size: 12px;
	color: #C12A26;
}

.magistrales .page-area form label{
	width: 200px;
}

.magistrales .page-area form textarea{
	width: 300px;
	height: 100px;
	font-family: Trebuchet Ms, Arial;
	font-size: 12px;
	border: 0;
}

/**********************************
	PRODUCT INFO STYLES
**********************************/
.product-info .informacion{
	margin: 50px auto; 
	width: 300px;	
}

.product-info .purchase{
	width: 150px;
	margin: 20px auto;
	text-align: center;	
}

.product-info .purchase h2{
	margin-bottom: 0;
}

.product-info .purchase .entry{
	width: 50px;
}

.product-info .purchase .submit{
	margin: 5px 0;
}

/**********************************
	NUEVOS PRODUCTOS STYLES
**********************************/
.nuevos-productos .year-link a{
	color: #C12A26;
}

.nuevos-productos .year-link :hover{
	color: #999999;
}

.nuevos-productos .page-area h2,
.nuevos-productos .page-area h3{
	font-size: 12px;
	color: #C12A26;
}

.nuevos-productos .page-area .new-product{
	margin-bottom: 30px;
}

/**********************************
	FAQS STYLES
**********************************/
.faqs h2{
	font-size: 12px;
	color: #C12A26;
	padding: 0;
	margin: 0 0 12px 0;
}

.faqs p{
	padding: 0;
	margin: 0 0 18px 0;
}

.faqs .table1{
	width: 100%;
}

.faqs .table2{
	width: 50%;
	margin: 0 auto;
}

/**********************************
	EVENTOS STYLES
**********************************/
.eventos .page-area h2{
	color: #C12A26;
	font-size: 12px;
	margin: 0;
	padding: 18px 0;
}

.eventos .page-area *{
	font-size: 12px;
	padding: 0;
	margin: 0;
}

.news-list .item h2{
	background-color: #EBF2F5;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 12px;
	margin-top: 25px;
	margin-bottom: 10px;
}

.news-list .item .description{
	padding: 10px 0 0 12px;
}

/**********************************
	SHOPPING CART STYLES
**********************************/
.logged-in{
	height: inherit;
}

.logged-in .shopping-cart{
	position: relative;
	width: 197px;
	margin: 0 auto;
	color: #000000;
}

.logged-in .shopping-cart .row{
	margin-bottom: 7px;
	border-bottom: 1px dotted #BFBFBF;
	height: 12px;
	line-height: 17px;
}

.logged-in .shopping-cart .row *{
	background-color: #F4E7E7;
	padding: 0 5px;
}

.logged-in .shopping-cart .row a{
	padding: 0;
}

.logged-in .shopping-cart .buttons{
	text-align: center;
	margin-top: 12px;
}

.logged-in .shopping-cart .buttons a{
	display: block;
	width: 114px;
	height: 18px;
	margin: 5px auto;
}

.logged-in .shopping-cart .buttons a img{ 
	visibility: hidden;
	height: 18px;
}

/** background button images are defined as part of a language specific stylesheet **/ 

.logged-in .window{ 
	background-image: url("../images/area-clientes/pixel-across.jpg");
	background-repeat: repeat-y;
	position: relative;
}

.logged-in .window .top{
	height: 32px; 
	margin-bottom: 15px;
}

.logged-in .window .bottom{
	position: relative; 
	bottom: -1px; 
	left: 0;
	height: 14px;
}

/**********************************
	PEDIDO COMMON STYLES
**********************************/
.pedido-common .page-area{
	width: 500px;
}

.pedido-common .page-area .pedido-row{
	margin-bottom: 10px;
}

.pedido-common .page-area .pedido-row .quantity{
	margin-right: 10px;
	width: 40px;
}

.pedido-common .page-area .pedido-row .description{
	width: 350px;
}

.pedido-common .page-area .pedido-row .hbox-right{
	position: relative;
}

.pedido-common .page-area .pedido-row .delete{
	position: absolute;
	top: 4px;
	right: -15px;
}

.pedido-common .page-area h2{
	border-top: 1px solid #C12A26;
	border-bottom: 1px solid #C12A26;
	line-height: 32px;
	text-align: right;
	color: #C12A26;
	font-size: 14px;
}

/**********************************
	CONFIRMATION STYLES
**********************************/
.confirmation-pedido .page-area h2 span{
	font-size: 80%;
}

.confirmation-pedido .page-area h3{
	color: #C12A26;
	font-size: 12px;
	text-align: center;
}

.confirmation-pedido .page-area p{
	margin: 0;
	padding: 12px 0 25px 0;
}

.confirmation-pedido .page-area .form-panel{
	padding: 10px;
}

.confirmation-pedido .page-area .form-panel textarea{
	width: 385px;
	height: 130px;
}

.confirmation-pedido .page-area .buttons{
	padding-top: 12px;
}

.confirmation-pedido .page-area .buttons .hbox-right{
	margin-left: 8px;
}

/**********************************
	MODIFICAR STYLES
**********************************/
.modificar-pedido .page-area .pedido-row .quantity{
	width: 25px;
	margin-right: 20px;
}

.modificar-pedido .page-area .pedido-row .quantity input{
	width: 32px;
	border: 1px solid #666666;
	padding: 0;
}

.modificar-pedido .page-area .buttons{
	margin-top: 10px;	
}