/************************************************\
» Main Layout - Screen
--------------------------------------------------
// CSS V.2.12 (26/01/2011)
- Graphic effects added: transparency box
// CSS V.2.11 (21/12/2010)
- Some code reorganized
// CSS V.2.10 (06/12/2010)
- Added Graphic Effects tab
- Optimized Code
// CSS V.2.00 (16/08/2010)
- Added Eric Meyer's CSS reset v1.0
- Added basic structural layout templates
- Corrected mainmenu dropdown template
- Added rounded Corners to graphic objects
// CSS V.1.00 (01/02/2010)
- basic css template  created
--------------------------------------------------
           By Epoch Multimédia 2010
\************************************************/

/************************************************\
» RESET
\************************************************/

/* 
Eric Meyer's CSS reset v1.0 | 20080212 
http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/************************************************\
» GLOBAL PARAMETERS
\************************************************/

body,
html { 	height: 100%; }
body { background-color: #FFF; text-align: center; margin: 0 auto; }
img, 
div, 
input {  } 
a img { border: none }
p,
h1,
h2,
h3,
h4,
h5,
hr,
ul,
form,
fieldset,
table { /* clear: both; */ margin-bottom: 15px; }
hr { clear: both; }
ul { list-style: none;}
legend { display: none; }
fieldset { border: none }

/************************************************\
» TYPE
\************************************************/

/* Shared ****************************************/

body,
textarea,
input { font: 14px Trebuchet MS, Helvetica, sans-serif; }

#headerright,
#headersubleft,
#contentleft h2,
#contentleft h3,
#contentleft h4,
#protoFooter a h3,
#header_title h3,
#header_mainmenu a { font-family:'Dosis', Arial, Helvetica, sans-serif }

/* Colors ****************************************/

body,
#footer,
#footer a { color: #333; }
.newsdate { color: #999 }
.error { color: #F00; }
.confirm { color: #690; }
a,
#footer p,
#footer p a { color: #2BB0B4 }
nav li a:hover,
nav li.nav-path-selected a { color: #006178 }
nav li a,
.submenu a,
.alert.error,
.alert.confirm,
input[type="submit"],
#content.inicio h2,
.apart .brochura a,
#content.contactos #r_sidebar,
#content.contactos #r_sidebar a,
.apart #r_sidebar .smallInfo h5 { color: #FFF; }

/* Size ******************************************/

#content.inicio h2 { font-size: 50px }
#content.inicio h2 em { font-size: 38px }
h1 { font-size: 28px }
h2,
#header_title h3 { font-size: 24px }
h3 { font-size: 22px }
nav,
h4 { font-size: 16px }
#headerright { font-size: 15px }
h5 { font-size: 14px }
#footer,
input[type="submit"] { font-size: 12px }
small,
.note,
#headersubright,
#legalInfo,
#footer p { font-size: 11px; }
#header_topmenu { font-size: 10px; }

/* Variations ************************************/

h1,
h2,
h3,
h4,
h5,
#submenu .nav li.nav-path-selected li a { font-weight: normal }
#header_title h3,
#submenu .nav li.nav-path-selected a,
#content.inicio h2,
.apart #r_sidebar .smallInfo h5 { font-weight: bold }
a,
#submenu .nav li a:hover { text-decoration: none }
a:hover,
#headerright a:hover,
#headersubright a,
#submenu .nav li a:hover { text-decoration: underline; }
#headerright a,
#header_mainmenu a,
#footerRight ul,
#header_topmenu { text-transform: uppercase }
#header_mainmenu li li a { text-transform: capitalize }
#headerright a { letter-spacing: 1px;}
.apart .brochura a { text-align: center }
#ballon_content,
#content.contactos { text-align: left }
#header_title h3 { text-align: right }
a[target="_blank"]:before,
a[target="new"]:before { } /* links on new windows */

/************************************************\
» STRUCTURAL LAYOUT
\************************************************/

/* Main *****************************************/

#wrap,
#headerWrap,
#header,
#headersub, 
#protoFooter { margin: 0 auto; text-align: left }
.content { }
.sidebar { }
#footer { }

/* Fixed Width **********************************/

#wrap,
#header,
#headersub,
#footer,
#protoFooter,
.fullWidth,
#contentleft.full,
#contentleft.oneCol,
#infoExtra { width: 940px; }
#headerWrap { width: 100%; }

#contentleft.twoCol { width: 691px } 
	#contentleft.twoCol.sameWidth,
	#l_sidebar.sameWidth { width: 445px; }

#contentleft.threeCol { width: 370px } 
#r_sidebar,
#l_sidebar { width: 219px; }

/************************************************\
» GRAPHIC LAYOUT
\************************************************/

/* Shared ***************************************/

/* Global */

body.noMap  { margin-top: -180px }
.printOnly { display: none; }

/* Objects */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="submit"],
textarea,
select { border: solid 1px #CCC; padding: 4px; width: 90%; }
input[type="submit"] { background: #0094D9; cursor: pointer; padding: 6px 12px; width: auto; }
.btn_nulled { background: #CCC; display: block; float: left; padding: 6px 10px; }
a[target="_blank"]:before,
a[target="new"]:before { } /* links on new windows */
hr { height: 1px; border: none; border-top: solid 1px #CCC; }
table { width: 100%; }
td,
th { padding: 5px; }
thead th { text-align: center; background-color: #036; color: #FFF; }
tbody th { background: #E4E4E4; border-top: solid 1px #036 }
tr:nth-child(odd) { background: #F1F1F1 }

/* Nav ******************************************/

/* Header */

.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }

#header { background: url(http://viveraria.pt/themes/EMM/./images/header.png) no-repeat; height: 180px; left: 0; position: fixed; top: 0; z-index: 4; }
#header.editable { top: 50px; }
#header h1 a { display: block; height: 120px; left: 24px; overflow: hidden; position: fixed; text-indent: -10000px; top: 20px; width: 160px; }
#header h3 { display: none }

/* Nav */

nav { bottom: 58px; position: fixed; right: 0; width: 600px; z-index: 3 }
nav ul { position: relative; float: left; width: 100%; }
nav li  { position: absolute;}
nav li.nav-item-1 { left: 0; top: 35px } /* Início */
nav li.nav-item-135 { left: 140px; top: 14px;} /* Localização */
nav li.nav-item-136 { left: 265px; top: 0 } /* Apartamentos */
nav li.nav-item-137 {left: 400px; top: 6px } /* Galeria */
nav li.nav-item-138 {left: 500px; top: 28px; } /* Contactos */

/* Submenu */

.mother_submenu { overflow: hidden; position: absolute; right: 0; top: -34px; width: 600px; z-index: 10; }
.submenu { text-align: right }
.submenu li { display: inline-block; }
.submenu a { background-color: #006178; display: inline-block; height: 26px; margin-right: 8px; padding: 8px 12px 0 12px; }
.submenu a.nav-selected { background-color: #2BB0B4 }

/* Global Content *******************************/

/*content */

#wrap { padding-bottom: 100px;}

#content { margin: 180px auto 0 auto; padding: 10px 10px 0 10px; position: relative; }
	#content p { line-height: 20px; } 	
#contentleft { display: inline; float: left; margin: 0; overflow: hidden; padding: 0;  }
	#contentleft ol { list-style-type: decimal; margin: 0px 0px 0px 20px; padding: 10px 0px 15px 0px; }
		#contentleft ol li,
		#contentleft ul li{ margin: 0; padding: 15px 0; }
		#contentleft ol ol,
		#contentleft ul ul { margin: 0; padding: 0; }
	#contentleft ul{ list-style-type: square; margin: 0 0 15px 0; padding: 0; }
		#contentleft ul li{ list-style-type: square; list-style-position: inside; border-top: solid 1px #CCC; }
		#contentleft li li{ border: none; margin-left: 15px; padding: 15px 0 0 0 }

blockquote{ background: #F2F2F2; margin: 0px 25px 15px 25px; padding: 10px 20px; border-top: 1px solid #DDD; border-right: 1px solid #666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666; }
.postmeta { width: 500px; padding: 2px 0px 30px 0px; margin: 0px 0px 0px 0px; border-top: 1px dotted #C0C0C0; } 

.NewsList .ccm-page-list-rss-icon { display:none }

/* left sidebar  */

#l_sidebar { float: left; margin: 0px; padding: 0 20px 20px 0; display: inline; }
	#l_sidebar h3 { padding: 5px 0px 5px 0px; margin: 20px 0px 10px 0px; border-top: 1px dotted #C0C0C0; border-bottom: 1px dotted #C0C0C0; }
	#l_sidebar ul { list-style: none; margin: 0px; padding: 0px 0px 10px 0px; }
		#l_sidebar ul li { padding: 0px 0px 3px 0px; margin: 0px; }
		#l_sidebar li ul { margin: 3px 0 0 10px; }
			#l_sidebar ul li a, 
			#l_sidebar ul li a:visited { text-decoration: none; margin: 0px; padding: 0px; }
			#l_sidebar ul li a:hover { text-decoration: underline; }

/* right sidebar */

#r_sidebar { float: right; margin: 0px; padding: 0; line-height: 17px; display: inline; }
	#r_sidebar ul { list-style: none; margin: 0px; padding: 0px }
		#r_sidebar ul li { padding: 0px 0px 3px 0px; margin: 0px; }
		#r_sidebar li ul { margin: 3px 0 0 10px; }
			#r_sidebar ul li a, 
				#r_sidebar ul li a:visited { text-decoration: none;	margin: 0px; padding: 0px; }
				#r_sidebar ul li a:hover { text-decoration: underline; }
	#r_sidebar .ccm-image-block { background: #DDD; padding: 15px; margin-bottom: 20px; }
	#r_sidebar .edicoesAnteriores { background: #DDD; margin-bottom: 20px; }
		#r_sidebar .edicoesAnteriores a  { background: #DDD; color: #0094D9; /*font-weight: bold;*/ font-style: italic; display: block;  padding: 15px; text-align: center; }

/* Footer ***************************************/

/* footer */

#footer { background: url(http://viveraria.pt/themes/EMM/./images/footer.png) right no-repeat; bottom: 0; height: 104px; position: fixed; right: 0; z-index: 2; }
	#footer p { float: left; margin: 86px 0 0 498px; }
	a.emmLogo { background: url(http://viveraria.pt/themes/EMM/./images/footer_emmLogotipo.png) no-repeat; display: inline-block; height: 15px; overflow: hidden; text-indent: -10000px; width: 15px }

/* notificações */
.ccm-error { background: url(http://viveraria.pt/themes/EMM/./images/forms_mainBG.gif); margin: 20px 0 0 0; padding: 8px;}
.ccm-error li { font-weight: normal; }

/************************************************\
» PÁGINAS ÚNICAS
\************************************************/

/* Início ***************************************/
#content.inicio { height: 150px; margin: -75px 0 0 -275px ; position: fixed; text-align: center; top: 50%; left: 50%; width: 550px; z-index: 1 }

/* Localização **********************************/
/* Google Map */
#map-canvas { height: 100%; margin: 0; padding: 0; }
#ballon_content {  }
/* Colorbox */
.localthumb_mother { border: solid 5px #2BB0B4; height: 50%; max-height: 378px; left: 33px;  position:fixed; top: 220px; width: 155px; z-index: 3 }
.localthumb_area { height: 100%;  overflow-x: hidden; overflow-y: auto;   }
.localthumb { display: inline-block; height: 75px; overflow: hidden; width: 155px; }
.localthumb img { height: 80px; width: auto; }
	.localthumb img { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
	.localthumb img:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

/* Apartamentos *********************************/
.apart {padding: 180px 0 0 0;}
.apart #content { background-color: #2BB0B4; }
.apart .brochura { margin-bottom: 10px }
.apart .brochura a { background-color: #006178; display: block; padding: 10px 0 5px 0; }
.apart .VSpacer { height: 58px; }
.apart #r_sidebar tr:nth-child(odd) { background: none }
.apart #r_sidebar td.dimension { color: #006178; }
	.apart.apartment #r_sidebar .smallInfo td,
	.apart.apartment #r_sidebar .smallInfo th { padding: 2px; }
	.apart.plants #r_sidebar .smallInfo { height: 285px; }
	.apart.acabamentos #r_sidebar p { margin-bottom: 8px; line-height: 18px; }
	.apart.zonaComum #r_sidebar td.dimension { white-space: nowrap; }

/* Galeria **************************************/

/* Contactos ************************************/
#content.contactos { background-color: #2BB0B4; height: 164px; left: 50%; margin: -82px 0 0 -470px; position: fixed; top: 50%; width: 940px; }
#content.contactos #contentleft.twoCol { position: relative; width: 591px; }
#content.contactos #contentleft.twoCol p { margin: 0; }
#content.contactos #contentleft .emptyButton { display: block; height: 120px; overflow: hidden; position: absolute; text-indent: -1000px; top: 10px; }
	#content.contactos #contentleft .emptyButton.whitebalcony { left:10px; width: 165px }
	#content.contactos #contentleft .emptyButton.creditoagricola { left:195px; width: 100px }
	#content.contactos #contentleft .emptyButton.saraivasa { left:305px; width: 145px }
	#content.contactos #contentleft .emptyButton.cleanconstruction { left:470px; width: 110px }
#content.contactos #r_sidebar { width: 320px; }

/************************************************\
» GRAPHIC EFFECTS
\************************************************/

/* Rounded corners ******************************/

.submenu a  { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; }
#null { border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; }
.submenu a { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.submenu a { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }

/* Transparency *********************************/

#footerRight,
#legalInfo,
#header_topmenu a,
#header_topmenu .google_traducao_legenda span { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#header_topmenu a:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

/* Drop Shadows *********************************/

#null { 
box-shadow: 0px 2px 3px #999; -moz-box-shadow: 0px 2px 3px #999; 
-webkit-box-shadow: 0px 2px 3px #999;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=155, Color='#999999'); /*--> For IE 5.5 - 7 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=155, Color='#999999')"; /*--> For IE 8 */
}
#null:hover { 
box-shadow: 0px 1px 3px #333; 
-moz-box-shadow: 0px 1px 3px #333; 
-webkit-box-shadow: 0px 1px 3px #333; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=155, Color='#333333'); /*--> For IE 5.5 - 7 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=155, Color='#333333')"; /*--> For IE 8 */ 
}

/* Transparency box *****************************/

#header_topmenu,
#header_mainmenu ul.mainnav {
background: rgb(0, 0, 0); /*--> Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.7); /*--> RGBa with 0.6 opacity */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /*--> For IE 5.5 - 7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /*--> For IE 8*/
}

/* Text Shadows *********************************/

#content.inicio h2{ text-shadow: 0px 0px 15px #000; /* filter: dropshadow(color=#FFFFFF,offX=0,offY=1);  Though it works with IE, it conflits with other parameters... BEWARE! */ }

/************************************************\
» NOTIFICATIONS
\************************************************/

.alert { padding: 5px 8px; }
.alert.error { background-color: #F00}
.alert.confirm { background-color: #9C0}

/************************************************\
» VARIATIONS	
\************************************************/

.hide { display: none }
.invisible { visibility: hidden }
.R { float: right; }
.L { float: left; }

/* largura de colunas prédefinidas */
.colS { width: 30% } 
.colM { width: 49% } /* IE... */
.colL { width: 70% }
.colXL { width: 100% }

/************************************************\
» API's CSS
\************************************************/

/* Google Translate *****************************/
.basic {  height: 34px; left: 195px; overflow: hidden; position: fixed; top: 20px; width: 160px; }
.editable .basic { top: 70px; }

body {top:0px !important;}
.goog-te-banner-frame{visibility:hidden !important;}
#google_language_translator a {display: none !important; }
.goog-te-gadget {color:transparent !important; font-size:0px !important; margin-top:2px !important;}
	.goog-te-gadget .goog-te-combo {margin: 2px 0px !important;}
.goog-tooltip {display: none !important;}
	.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}
.goog-branding { display:none; }
#google_language_translator { display:none; clear:both; }
#flags { position: absolute; top: 20px; left: 198px; width:200px; }
	#flags a { display:inline-block; margin-right:2px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
		#flags a.selected { cursor:auto; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

/* .goog-te-banner-frame.skiptranslate {display: none !important;} */

/* Supersized ***********************************/
.gallery #thumb-tray { background-color: #000; height: 125px !important; overflow: hidden; display: block; top: 50%; margin-top: -55px; opacity: 0.8; }
.gallery .thumb { height: 160px !important; overflow: hidden; padding: 10px; }
.gallery .thumb img {  height: 160px !important; width: auto; }
.gallery .thumb .localthumb { height: 105px }

/* Add This ************************************/
.addthis_toolbox.addthis_default_style.addthis_floating_style { background: none; height: 20px; right:0; top:0;  z-index: 100 }
.addthis_toolbox.addthis_default_style.addthis_floating_style.map { right:80px; }