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

body{
	width: 964px;
	margin: 0 auto;
	
	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	
	color: #666666;
	
	position: relative;
}

a{ 
	text-decoration: none;
	color: #C12A26;
}

img{ border: 0; }

b{ color: #C12A26; }

/**********************************
	HEADER MENU STYLES
**********************************/
.header{
	height: 81px;
	position: relative;
	margin-bottom: 10px;
}

.header .line{
	position: absolute;
	border-bottom: 2px solid #C12A26;
	padding-top: 23px;
	width: 100%;
	z-index: 1;
}

.header .fagron-logo{
	position: relative;
	z-index: 2;
	margin-left: 30px;
}

.header .languages{
	width: 78px;
	margin-top: 18px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 2;
}

.header .languages .select{
	padding-left: 10px;
}

/**********************************
	FOOTER MENU STYLES
**********************************/
.footer{
	border-top: 1px solid #C12A26;
	margin-top: 20px;
	padding-top: 10px;
	font-size: 10px;
}

.footer .copyright{
	color: #C12A26;
}

.footer .contact-info{
	margin-left: 20px;
}

.footer .binamic{
	color: #666666;	
}

.footer .binamic:hover{
	color: #999999;
}

/**********************************
	COLUMN STYLES
**********************************/
.right-column{
	width: 209px;
	position: relative;
}

.left-column{
	margin-right: 30px;
	position: relative;
}

/**********************************
	MAIN MENU STYLES
**********************************/
.menu-parent{
	position: relative;
	height: 25px;
	z-index: 20;
}

.main-menu{
	position: absolute;
	top: 0;
	left: 0;
	
	list-style: none;
	padding: 0;
	margin: 0;
	
	width: 100%;
	
	overflow: hidden;
}

/**********************************
	SUBMAIN MENU STYLES
**********************************/
.sub-menu{
	position: relative;
	z-index: 20;
}

.sub-menu ul{
	background-color: #F5F5F5;
	display: none;
	list-style: none;
	padding: 0px 7px 5px 7px;
	margin: 0;
	margin-top:-4px;
}
.sub-menu:hover ul{ display: block; }

.sub-menu ul li{
	border-bottom: 1px solid #FFFFFF;
}

.sub-menu ul .last-item{
	border-bottom: 0;
}

.sub-menu ul li a{
	display: block;
	
	height: 24px;
	line-height: 24px;
	padding-left: 10px;	
	color: #999999;
}

.sub-menu ul li a:hover{
	color: #C12A26;
}

/**********************************
	NEWS HEADLINES STYLES
**********************************/
.news-headlines{
	position: relative;
	margin-top: 10px;
}

.news-headlines .news-header,
.news-headlines .news-footer{ 
	display: block;
}

.news-headlines .news-middle{
	background-image: url("../images/news/pixel-across.jpg");
	background-repeat: repeat-y;
	
	min-height: 150px;
	height: auto !important;
	height: 150px;
	
	padding: 0 10px 15px 10px;
}

.news-headlines .news-middle .news-item{
	padding-top: 15px;
}

.news-headlines .news-middle .title{
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #ACAB22;
}

.news-headlines .news-middle .description *{
	color: #333333;
	font-size: 12px;
}

.news-headlines .news-middle a{
	color: #ACAB22;
	text-decoration: underline;
}

/**********************************
	LOGIN CLIENT AREA STYLES
**********************************/
.area-clientes .background{
	position: absolute;
	top: 0;
}

/** LOGGED OUT STYLES **/
.logged-out{
	position: relative;
	font-size: 11px;
	height: 152px;
}

.logged-out form{
	position: relative;
	width: 196px;
	padding: 36px 0 0 13px;
}

.logged-out form .entry{
	border: 1px solid #C12A26;
	width: 125px;
	margin: 0 5px 12px 0;
	padding: 0;
}

.logged-out a{
	font-size: 10px;
	color: #666666;
}

.logged-out a:hover{
	text-decoration: underline;
}

/** LOGGED IN STYLES **/
.logged-in{
	position: relative;
	font-size: 11px;
}

.logged-in .welcome{
	position: relative;
	margin-left: 10px;
}

.logged-in .welcome span{
	color: #C12A26;
	font-weight: bold;
}

.logged-in .links{
	border-bottom: 1px dotted #999999;
	position: absolute;
	top: -50px;
	width: 100%;
}

.logged-in .links a{
	height: 20px;
	line-height: 20px;
	border-top: 1px dotted #999999;
	display: block;
	text-decoration: none;
	color: #999999;
}

.logged-in .links a:hover{
	color: #C12A26;
}

.logged-in .links .highlight{ height: 20px; }
.logged-in .links .highlight img{ visibility: hidden; }

.logged-in .links #my-account .highlight{ background-image: url("../images/area-clientes/icon-micuenta-off.jpg"); }
.logged-in .links #my-account:hover .highlight{ background-image: url("../images/area-clientes/icon-micuenta-over-on.jpg"); }

.logged-in .links #logout .highlight{ background-image: url("../images/area-clientes/icon-logout-off.jpg"); }
.logged-in .links #logout:hover .highlight{ background-image: url("../images/area-clientes/icon-logout-over-on.jpg"); }

.logged-in .links a span{
	line-height: 20px;
}

/**********************************
	BUSCADOR STYLES
**********************************/
.buscador{
	position: relative;
	width: 159px;
	height: 134px;
}

.buscador .background{
	position: absolute;
	top: 0;
	left: 0;
}

.buscador .entry .background{
	top: 44px;
	left: 5px;
}

.buscador .entry{
	border: 0;
	padding-left: 28px;
	padding-top: 46px;
	position: relative;
}

.buscador .entry input{
	border: 0;
	width: 113px;
	height: 13px;
	position: relative;
}

.buscador .options{
	position: relative;
	margin: 10px 5px 5px 5px; 
}

.buscador .options .floatFix{
	margin-bottom: 5px;
}

.buscador .options .radio{
	padding: 0;
	margin: 0 5px;
}

.buscador .options .text{
	width: 110px;
	font-size: 11px;
	color: #666666;
	background-color: transparent;
	border: 0;
	padding: 0;
	line-height: 14px;
	text-align: left;
}

/**********************************
	PRODUCTOS BUSCADOR STYLES
**********************************/
.productos-buscador{
	position: relative;
	height: 81px;
	padding: 15px 15px 0 15px;
}

.productos-buscador .background{
	position: absolute;
	top: 0;
	left: 0;
}

.productos-buscador .title{
	position: relative;
}

.productos-buscador .title h1{
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.productos-buscador .title .description{
	font-size: 11px;
	margin-left: 5px;
	line-height: 20px;
}

.productos-buscador .input-area{
	position: relative;
}

.productos-buscador .input-area .entry{
	width: 400px;
	height: 15px;
	border: 1px solid #C12A26;
}

.productos-buscador .input-area .submit{
	margin-left: 10px;
	border: 0;
	background-color: transparent;
}


/**********************************
	SHARED/COMMON PAGE STYLES
**********************************/
.main-area{
	position: relative;
}

.page-area{
	width: 538px;
	
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
.page-area .blue-area{
	background-color: #EBF2F5;
	padding: 10px;
	margin-bottom: 10px;
}

/**********************************
	FORM PANEL SHARED STYLES
**********************************/
.page-area .form-panel{
	background-color: #EBF2F5;
	padding: 15px;
	width: 485px;
}

.page-area .form-panel h2{
	font-size: 12px;
	color: #C12A26;
	border-bottom: 1px solid #FFFFFF;
	padding: 0 0 8px 0;
	margin: 0 0 20px 0;
	line-height: 15px;
}

.page-area .form-panel .floatFix{
	margin-bottom: 10px;
}

.page-area .form-panel label{
	width: 100px;
}

.page-area .form-panel .entry{
	width: 200px;
	border: 0;
	height: 15px;
	line-height: 15px;
	background-color: #FFFFFF;
}

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

/**********************************
	SHARED/COMMON RESULTS TABLE STYLES
**********************************/

.results-table{}

.results-table .floatFix{
	display: block;
	padding: 4px 12px;
}

.results-table .row-white{
	background-color: #FFFFFF;
}

.results-table .row-azul{
	background-color: #EBF2F5;
}

.results-table #submit-multiple{
	margin: 10px 0;
}

.file-table .name{
	line-height: 24px;
}

.file-table a{
	text-decoration: underline;
}

/**********************************
	PREHOME STYLES
**********************************/
.prehome .page-area{
	margin: 100px auto 100px auto;
	width: 783px;
}

.prehome .page-area .item{
	margin: 0 35px;
}

/**********************************
	RECOVER PASSWORD STYLES
**********************************/
.recover-password .blue-area{
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

.recover-password .form-area{
	width: 255px;
}

.recover-password .row{
	margin-bottom: 10px;
}

.recover-password label{
	width: 100px;
	line-height: 20px;
}

.recover-password .submit{
	margin-left: 10px;
}

/**********************************
	FARMACIA STYLES
**********************************/
.front-page .page-area .text-below .frame{
	/*background-image: url("../images/home/central-frame.jpg");*/
	padding: 9px 7px 5px 7px;
}

.front-page .page-area .text-below .frame img{
	width: 524px;
	height: 319px;	
}

.front-page .page-area .text-below .text{
	width: 524px;
	margin: 20px auto 0 auto;
}

.front-page .page-area .text-side .frame{
	background-image: url("../images/home/central-frame.jpg");
	padding: 9px 7px 5px 7px;
}

.front-page .page-area .text-side .frame img{
	width: 212px;
	height: 319px;	
}

.front-page .page-area .text-side .text{
	width: 300px;
	margin-left: 10px;
}

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

/** TODO: this style will probably need refactoring, because I'm about to share lots 
	of styles with similar properties (news, promotiones, events,etc) */
.novetats .file,
.promociones .file{
	text-align: right;
}

.novetats .file a{
	color: #666666;
}

.novetats .file a:hover{
	color: #C12A26;
}

/**********************************
	QUIENES SOMOS STYLES
**********************************/
.quienes-somos .page-area{
	width: 500px;
}

.quienes-somos .page-area p{
	margin-bottom: 18px;
}

.quienes-somos .page-area .picture{
	margin-bottom: 25px;
}

.quienes-somos .page-area .title{
	border-bottom: 1px dotted #C12A26;
	height: 11px;
	position: relative;
	left: -13px;
}

.quienes-somos .page-area .title img{
	position: relative;
	top: -2px;
}

.quienes-somos .page-area .title .hide-dots{
	background-color: #FFFFFF;
	padding-right: 5px;
	display: inline;
}

.quienes-somos .page-area .title h2{
	display: inline;
	font-size: 12px;
	color: #C12A26;
	padding: 0;
	margin: 0;
}

.quienes-somos .page-area .text{
	width: 280px;
}

/**********************************
	RESULTS TABLE TITLE STYLES
**********************************/
.results-table-title{
	font-size: 14px;
	color: #C12A26;
	padding: 0;
	margin: 0 0 20px 0;
}

.results-table-title span{
	color: #666666;
}

/**********************************
	ENLACES STYLES
**********************************/
.enlaces .page-area .fagron-links a{
	color: #C12A26;
}

.enlaces .page-area .fagron-links a:hover{
	color: #881512;
}

.enlaces .page-area a{
	color: #666666;
	display: block;
}

.enlaces .page-area a:hover{
	color: #333333;
}

.enlaces .page-area .odd-row{
	background-color: #EBF2F5;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
}

.enlaces .page-area .even-row{
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
}

/**********************************
	CONTACT STYLES
**********************************/
.contact .page-area .details{
	line-height: 15px;
	margin-bottom: 20px;
}

.contact .page-area .details h1{
	font-size: 12px;
	color: #C12A26;
	padding: 0;
	margin: 0 0 15px 0;
}

.contact .page-area .details div span{
	color: #C12A26;
	margin-bottom: 8px;
}

.contact .page-area .details a{
	color: #666666;
	text-decoration: underline;
}

.contact .page-area form .buttons input{
	border: 0;
	padding: 0;
	width: 60px;
	height: 18px;
}

/** CONTACT BUTTON IMAGES ARE LANGUAGE SPECIFIC, LOOK IN FAGRON.$lang.css **/

/**********************************
	MI CUENTA STYLES
**********************************/
.mi-cuenta .page-area .form-panel h2 span{
	color: #999999;
}

.mi-cuenta .page-area .form-panel label{
	width: 150px;
}

.mi-cuenta .page-area .form-panel .group{
	margin-bottom: 20px;
}

.mi-cuenta .page-area .form-panel .postcode-entry{
	width: 50px;
}

.mi-cuenta .page-area .form-panel .city-entry{
	width: 147px;
}

.mi-cuenta .page-area form .button input{
	margin: 15px 22px 0 0;
	background-color: transparent;
	border: 0;
	position: relative;
	cursor: pointer;
	cursor: hand;
}

.mi-cuenta .page-area .form-panel .username{
	padding-left: 2px;
	width: 198px;
	height: 17px;
	line-height: 17px;
}

/**********************************
	IMPRIMIR STYLES
**********************************/
.imprimir-pedido{
	width: 400px;
}

.imprimir-pedido .client{
	margin: 20px 0 40px 0;
}

.imprimir-pedido .pedido .quantity{
	width: 50px;
}

.imprimir-pedido .pedido .description{
	width: 300px;
}

.imprimir-pedido .total{
	margin: 20px 0;
}

.imprimir-pedido .contact-info{
	margin-top: 20px;
}

.imprimir-pedido .buttons{
	margin-top: 20px;
}

.imprimir-pedido a{
	color: #666666;
	border: 1px solid #777777;
	background-color: #EFEFEF;
	padding: 2px 5px;		
}

.imprimir-pedido a:hover{
	background-color: #ABABAB;
}