/* CSS Document */

/* ------------------------------------------------------------------------ */
/* 01. Colors
/* body: #4D4D4D
/* red: #781D1A
/* menu: #5B5B5B
/* facebook blue: #4B5897
/* form bt inserir: #00A0E3
/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* 02. Skeleton Grid 960px / 16 Columns */
/* ------------------------------------------------------------------------ */

.container {
	position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

.container .column,
.container .columns {
	float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}

.row { margin-bottom: 20px }
.floatRight { float: right; }

/* Nested Column Classes */
.column.alpha,
.columns.alpha,
.column.first,
.columns.first { margin-left: 0 }

.column.omega,
.columns.omega,
.column.last,
.columns.last { margin-right: 0 }

/* Base Grid */
.container { 
	position: relative; 
	width: 960px; 
	margin: 0 auto; 
	padding: 0; 
}

.container .column,
.container .columns {
	float: left; 
	display: inline; 
	margin-left: 10px; 
	margin-right: 10px; 
}

.row { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha, .column.first, .columns.first	{ margin-left: 0; }
.column.omega, .columns.omega, .column.last, .columns.last      { margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 10px;  }	/* Phone */
.container .two.columns                     { width: 80px;  }	/* PhoneNumber */
.container .three.columns                   { width: 140px; }	/* Catalogo Menu */
.container .four.columns                    { width: 250px; }	/* FbWidget */				
.container .five.columns                    { width: 280px; }	/* FormFooter */		
.container .six.columns                     { width: 350px; } 	  
.container .seven.columns                   { width: 400px; }	/* LogoTitle, FacebookLink, Nav */	
.container .eight.columns                   { width: 460px; }	
.container .nine.columns                    { width: 520px; }	/* Logo */	
.container .ten.columns                     { width: 580px; }	/* ContentFooter */		
.container .eleven.columns                  { width: 660px; }	/* Inicio, ADM*/
.container .twelve.columns                  { width: 700px; }	/* MainMenu */			
.container .thirteen.columns                { width: 780px; }	/* Catalogo */
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }	
.container .banner.columns	                { width: 960px; }	/* Banner */	

.container .one-third.columns               { width: 300px; }	
.container .lastProjects.columns            { width: 200px; }	
.container .footer.columns           		{ width: 200px; }	
.container .two-thirds.column               { width: 620px; }
.container .one-fifth.columns				{ width:172px; }
.container .one-sixth.columns				{ width:140px; }
.container .one-seventh.columns				{ width:117px; }

/* Offsets */
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {    clear: both }

.row,
.clearfix {    zoom: 1 }

.clear {
    clear: both;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Columns
/*-----------------------------------------------------------------------------------*/
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

.last {margin-right:0 !important;}

/* ------------------------------------------------------------------------ */
/* 03. General Styles
/* ------------------------------------------------------------------------ */

@font-face {
  font-family: "AvantGarde Bk BT";
  src: url(http://alexandrinatapecarias.com/_fonts/AVGARDN.TTF) format("truetype");
}

body {
	margin: 0;
	padding: 0; 
    background: #ffffff;
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
    font-size: 0.75em;
	font-weight: normal;
    line-height: 1.6;
    color: #4D4D4D;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

h3 {
	font-size: 1.5em;
    font-style: bold;
    margin: 0 0 5px 0;
    padding: 0;
}
h5 {
	color: #781D1A;
	font-size: 1.4em;
	margin: 0px;
	padding-bottom: 10px;
}
h6 {
	font-size: 1.1em;
    font-weight: bold;
	padding: 0;
	margin: 0;
}
h7 {
	font-size: 0.8em;
    font-style: bold;	
	color: #999999;
    line-height: 1;
	padding: 0;
	margin: 0;
}

::selection {
    background: #AF9778;
    color: #ffffff;
}

::-moz-selection {
    background: #AF9778;
    color: #ffffff;
}

img.scale-with-grid {
    max-width: 100%;
    height: auto;
}

/* ------------------------------------------------------------------------ */
/* 08. Topbar */
/* ------------------------------------------------------------------------ */

#topbar { background:url(http://alexandrinatapecarias.com/_images/layout/top_bar.png); height: 100px;  }
#logo { margin-top: 10px;}
#logoTitle { margin-top: 40px;}

/* ------------------------------------------------------------------------ */
/* 10. Navbar */
/* ------------------------------------------------------------------------ */

#navbar { background:url(http://alexandrinatapecarias.com/_images/layout/navigation_bar.png); height: 30px; }
#navbarWrap { padding-top: 5px; }
#phoneNumber { color:#781D1A; font-weight: bold; }
#facebookLink a { 
	color: #4B5897;
	text-decoration: none;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 
nav li {
    display: inline;
}

nav a:link {
	text-decoration: none;
	padding: 5px;
	color: #5B5B5B;
}
nav a:visited {
	text-decoration: none;
	padding: 5px;
	color: #5B5B5B;
}
nav a:hover {
	text-decoration: none;
	padding: 5px;
	color: #5B5B5B;
}
nav a:active {
	text-decoration: none;
	padding: 5px;
	color: #5B5B5B;
}

/* ------------------------------------------------------------------------ */
/* 13. Content */
/* ------------------------------------------------------------------------ */

#page-wrap { 
	padding: 30px 0 30px 0;
}

#content.sidebar-left { float: right }

/* Striped Border under Title and above Footer */
.hr-border { 
    height: 8px;
    width: 100%;
    background: url(http://alexandrinatapecarias.com/_images/layout/stripesBar.png);
    margin-top: 0px;
}

#bannerInicio { height: 550px; }
#bannerBar { 
	height: 350px;
}
#bannerLocalizacao { height: 550px; }

#mainMenu {  }
#mainMenu img { border-radius: 25px; }
.menuOptionA { font-family: "AvantGarde Bk BT"; font-size: 1em; text-align: center; }
.menuOptionA a:link {
	text-decoration: none;
	color: #5B5B5B; 
}
.menuOptionA a:visited {
	text-decoration: none;
	color: #5B5B5B; 
}
.menuOptionA a:hover {
	text-decoration: none;
	color: #5B5B5B; 
}
.menuOptionA a:active {
	text-decoration: none;
	color: #5B5B5B; 	
}
.menuOptionB { font-family: "AvantGarde Bk BT"; font-size: 1.5em; text-align: center; }
 
#fbWidget { height: 350px; float: right; padding:0; margin:0; }

#empresaContent p {
	text-align: justify;
}

/* ------------------------------------------------------------------------ */
/* Catálogo */
/* ------------------------------------------------------------------------ */

#pathMap { height: 20px; }
#viewOption { 
	margin: 0 0 0 40px;
	padding: 0;
	height: 25px;
}
/*#viewLabel { 
	float: left;
	padding-right: 20px;
}*/
.viewIcon {
	position: relative;
	top: 10px;
}
.viewIcon2 {
	position: relative;
	top: 10px;
	left: 20px;
}
#catalogoMenu { height: auto; }
.area { font-size: 0.9em; }
.area p { margin: 15px 0 0 0; padding: 0;}
.categoria { text-decoration: none; display: block; color: #6699FF; font-size: 0.95em; }
.categoria a:link { text-decoration: none; color: #6699FF; font-size: 0.95em; }
.categoria a:visited { text-decoration: none; color: #6699FF; font-size: 0.95em; }
.categoria a:hover { text-decoration: none; color: #6699FF; font-size: 0.95em; }
.categoria a:active { text-decoration: none; color: #6699FF; font-size: 0.95em; }

#tipoProduto {
	font-size: 1.1em;
  	padding: 0;
	margin: 10px 0 10px 0;
}
#produtoPlace {
	width: 175px;
	height: 160px;
	border: 1px solid #CCC;
	float: left;
	margin: 0 18px 18px 0;
}
#produtoPlace img{
	padding: 5px;
}
#nomeProduto{
	font-size: 0.8em;
  	padding: 0 5px 5px 5px;
	margin: 0;
}

#produtoPlace2 { border: 1px solid #CCC; height: 140px; margin-bottom: 10px; }
#produtoPlace2 img { float: left; padding: 5px; }
#nomeProduto2{
	font-size: 0.8em;
  	padding: 10px 5px 5px 5px;
	margin: 0;
}
#descricaoProduto {
	font-size: 0.8em;
	color: #999999;
	width: 680px;
}
#viewCount {
	float: right;
	padding-right: 5px;
	text-align: right;
}


#catalogoMain {
	margin-top: 30px;
}
#zoom {
	width: 80px;
	float: right;
	position: relative;
	top: 12px;
}
#zoomLabel {
	font-size: 1.1em;	
	float: left;
	padding-right: 7px;
	position: relative;
	top: 10px;
}

#back {
	margin: 20px 0 0 270px;
	padding: 0 0 0 20px;
	width: 100px;
}
#backLabel {
	font-size: 1.1em;	
	float: left;
	padding-right: 20px;
	position: relative;
	bottom: -8px;
}
#back img {
	border: 1px solid #CCC;
	margin: 5px;
	padding: 5px;
	border-radius: 5px;	
}

#produtoSidebar {
	border: 1px solid #CCC;
	margin: 10px;
	padding: 20px;
	border-radius: 5px;	
}
#produtoTexto {
	text-align: justify;
	padding-top: 10px;
}
#eyeCount {
	color: #752222;
}
#eyeCount img {
	position: relative;
	bottom: -7px;
}
#shareBar {
	border: 1px solid #CCC;
	margin: 10px;
	padding: 20px;
	border-radius: 5px;
	height: 20px;		
}
#shareLabel {
	float: left;
	margin-right: 50px;
	font-size: 1.1em;
    font-weight: bold;	
}
#shareBar img {
	position: relative;
	top: -10px;
	padding-left: 10px;
}

/* ------------------------------------------------------------------------ */
/* Localização e Contactos */
/* ------------------------------------------------------------------------ */

.alert { font-size: 0.75em; color: #F00; }
.labelContact { font-size: 1.1em; font-weight: bold; padding: 0 0 20px 5px; }
.thumbContact { float: left; padding-right: 10px; }
.labelContact a:link {
	font-size: 0.8em; 
	text-decoration: none;
	color: #5B5B5B; 
	position: relative;
    top: -5px;
}
.labelContact a:visited {
	font-size: 0.8em; 
	text-decoration: none;
	color: #5B5B5B; 
	position: relative;
    top: -5px;
}
.labelContact a:hover {
	font-size: 0.8em; 
	text-decoration: none;
	color: #5B5B5B;
	position: relative;
    top: -5px;	 
}
.labelContact a:active {
	font-size: 0.8em; 
	text-decoration: none;
	color: #5B5B5B; 
	position: relative;
    top: -5px;
}
#break { height: 20px; }

/* Google Maps -------------------------------------------------------------------- */  		
#map-canvas {
	width: 250px;
	height: 125px;
	margin: 0px;
	padding: 0px
}
#map-canvasFull {
	height: 100%;
	margin: 0px;
	padding: 0px
}	  		

.labelMap a:link {
	font-size: 0.85em; 
	text-decoration: none;
	color: #5B5B5B; 
}
.labelMap a:visited {
	font-size: 0.85em; 
	text-decoration: none;
	color: #5B5B5B; 
}
.labelMap a:active {
	font-size: 0.85em; 
	text-decoration: none;
	color: #5B5B5B; 
}
.labelMap a:hover {
	font-size: 0.85em; 
	text-decoration: none;
	color: #5B5B5B; 
}


/* ------------------------------------------------------------------------ */
/* Footer */
/* ------------------------------------------------------------------------ */

#footer { 
	border-top: 5px solid #781D1A;
	height: 120px; 
	padding-top: 20px;
}

#contentFooter { 
	height: 120px;
	padding-top: 20px;
}

#formFooter {
	height: 120px;
	padding-top: 10px;
}
.btForm {
	padding-top: 10px;
	padding-left: 15px;	
}

#iconsFooter { 
	height: 70px;
	width: 100px;
	float: left;
	position: relative;
    top: -5px;
}

#navFooter { height: 70px; }
#navFooter ul {
    list-style-type: none;
    margin: 0;
    padding: 0px;
} 
#navFooter li {
    display: inline;
}
#navFooter a:link {
	text-decoration: none;
	color: #5B5B5B; 
}
#navFooter a:visited {
	text-decoration: none;
	color: #5B5B5B; 
}
#navFooter a:hover {
	text-decoration: none;
	color: #5B5B5B; 
}
#navFooter a:active {
	text-decoration: none;
	color: #5B5B5B; 	
}

#copyrightFooter { 
	height: 40px;
	font-weight: bold; 
}

/* ------------------------------------------------------------------------ */
/* Backoffice*/
/* ------------------------------------------------------------------------ */

#adm { width: 660px; margin: auto; margin-top: 100px; border: 1px solid #ccc; }
#admHeader { 
	height: 100px; 
	background:url(http://alexandrinatapecarias.com/_images/layout/top_bar.png);
}
#admLogo { width: 150px; padding-top: 10px; }
#admLogoTitle { width: 350px; float: right; padding-top: 10px; margin: 30px 30px 0 0; }
#backoffice { color: #FFF; float: right; display: inline; margin: 45px 30px 0 0; }
#login { width: 250px; margin: 20px 0 40px 40px; }
.buttonLogin { color: #4D4D4D; float: right; text-decoration: none; padding-top: 10px; }

/* ------------------------------------------------------------------------ */
/* Topbar Backoffice */
/* ------------------------------------------------------------------------ */

#contentAdmin {}
#contentAdmin p { padding-left: 10px; }
#contentAdmin a:link { text-decoration: none; }

#navAdmin { height: 105px; }
#logoAdmin { }
#menuAdmin { margin-top: 40px; }
#menuAdmin a:link { text-decoration: none; color: #4D4D4D; padding: 20px; }
#menuAdmin a:visited { text-decoration: none; color: #4D4D4D; padding: 20px; }
#menuAdmin a:hover { text-decoration: none; color: #4D4D4D; padding: 20px; }
#menuAdmin a:active { text-decoration: none; color: #4D4D4D; padding: 20px; }
#topbarAdmin { background: url(http://alexandrinatapecarias.com/administrador/_images/imagebar.png); height: 120px;  }
#barAdmin { height: 120px; }
#copyrightFooterAdmin { text-align: center; border-top: 1px solid #999; padding-top: 20px; margin-bottom: 10px; }

.titleAdmin { font-size: 1.1em; font-weight: bold; color: #781D1A; height: 40px; }
#subtitleBarAdmin { background: url(http://alexandrinatapecarias.com/administrador/_images/title_bar.jpg) left top; height: 22px; margin-bottom: 10px; }
.subtitleAdmin { padding-left: 20px; font-weight: bold; font-size: 11px; }

#buttonEditar a:link { color: #00A0E3; float:right;}
#buttonEditar a:visited { color: #00A0E3; float:right;}
#buttonEditar a:hover { color: #00A0E3; float:right;}
#buttonEditar a:active { color: #00A0E3; float:right;}

.buttonEliminar { color:#F00; float:right;}

#destaquesInserir { height: auto; padding-top:10px; padding-bottom:25px; }
.formDestaques { padding-left: 10px; }
.formDestaques input[type="text"]{ margin-bottom: 10px; } 
#destaquesLista { padding-bottom: 30px; }
#destaquesItem { padding-top: 30px; }
#fDestaque {}
#tDestaque { background-color:#EFEFEF; padding-left: 5px; }
#dDestaque { background-color:#EFEFEF; padding-left: 5px; }
#lDestaque { background-color:#EFEFEF; padding-left: 5px; }

#newsletterInserir { height: auto; padding-top:10px; padding-bottom:25px; }	
.formNewsletter { padding-left: 10px; }
.buttonInserir { color: #00A0E3; font-size: 1.2em; }
#newsletterLista { padding-bottom: 30px; }
#newsletterItem { padding-top: 30px; }
#emailItem { background-color:#EFEFEF; padding-left: 5px; }

#menuProdutos { float: right; height: 30px; }
#menuProdutos a:link { text-decoration: none; color: #4D4D4D; padding-left: 20px; padding-right: 20px; }
#menuProdutos a:visited { text-decoration: none; color: #4D4D4D; padding-left: 20px; padding-right: 20px; }
#menuProdutos a:hover { text-decoration: none; color: #4D4D4D; padding-left: 20px; padding-right: 20px; }
#menuProdutos a:active { text-decoration: none; color: #4D4D4D; padding-left: 20px; padding-right: 20px; }

#categoriasInserir { height: auto; padding-top:10px; padding-bottom:25px; }
.formCategorias { padding-left: 10px; }
#categoriasLista { padding-bottom: 30px; }
#categoriasItem { padding-top: 30px; }
#nCategoria { background-color:#EFEFEF; padding-left: 5px; }
#temasCategoria { background-color:#EFEFEF; padding-left: 5px; }

#temasInserir { height: auto; padding-top:10px; padding-bottom:25px; }
.formTemas { padding-left: 10px; }
.formTemas input[type="text"]{ margin-bottom: 10px; } 
select { margin-top: 7px; margin-bottom: 10px; height: 30px; font-size: 0.95em; padding-right: 10px; } 
#temasLista { padding-bottom: 30px; }
#temasItem { padding-top: 30px; }
#nTema { background-color:#EFEFEF; padding-left: 5px; }
#produtosTema { background-color:#EFEFEF; padding-left: 5px; }

#produtosInserir { height: auto; padding-top:10px; padding-bottom:25px; }
.formProdutos { padding-left: 10px; }
.formProdutos input[type="text"]{ margin-bottom: 10px; } 
.formProdutos input[type="file"]{ margin-bottom: 10px; } 
select { margin-top: 7px; margin-bottom: 10px; height: 30px; font-size: 0.95em; padding-right: 10px; } 
#produtosLista { padding-bottom: 30px; }
#produtosItem { padding-top: 30px; }
#nProduto { background-color:#EFEFEF; padding-left: 5px; }
#rProduto { background-color:#EFEFEF; padding-left: 5px; }