/************************************************\
» 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; top: 0 !important}
img,
div,
input {  }
a img { border: none }
p,
h1,
h2,
h3,
h4,
h5,
hr,
ul,
form,
fieldset,
table { clear: both; margin-bottom: 15px; }
ul { list-style: none;}
legend { display: none; }
fieldset { border: none }

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

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

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


h1,
h2,
h3,
h4,
h5,
.header,
.sidebar .subnav,
.ccm-tags-ptf li,
.ccm-page-list.ptf-each-project li,
.emm-client-logo { font-family:'Exo 2', "Trebuchet MS", Arial, Helvetica, sans-serif}

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

body,
.header a,
.footer a,
.sidebar .subnav li a { color: #333; }
.footerRight,
.xtra_nav a,
.breadcrumbs_emm a { color: #666; }
.breadcrumbs_emm,
.ccm-page-list.ptf-each-project a.tags,
.emm-client-logo { color: #999; }
a,
h1,
h2,
h3,
h4,
h5,
.header .sign-in a:hover,
.header a:hover,
.header a.nav-path-selected,
.footer a.nav-path-selected,
.sidebar .subnav li a:hover,
.sidebar .subnav li a.nav-selected,
.sidebar .subnav li.portfolio-ccm-tag-selected a { color: #9B4A82; }
.error { color: #F00; }
.confirm { color: #690; }
.header .sign-in,
.header .sign-in a { color: #CCC; }
#submit,
.alert.error,
.alert.confirm,
.ccm-page-list-ofertas li a { color: #FFF; }
#login .ccm-error { color: #FFF !important; }

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

h1 { font-size: 28px }
h2 { font-size: 24px }
h3,
.emm-client-logo { font-size: 22px }
#login form.form-horizontal.forgot h3 { font-size: 18px }
h4,
.ccm-page-list.ptf-each-project .title { font-size: 16px }
h5 { font-size: 14px }
.footer,
.xtra_nav,
.content .left_column .breadcrumbs_emm,
.ccm-tags-ptf li,
.header .sign-in  { font-size: 12px }

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

h1,
h2,
h3,
h4,
h5,
#null{ font-weight: normal }
h1,
h2,
h3,
h4,
h5 { line-height: normal }
.header a,
.sidebar .subnav li a,
.ccm-tags-ptf li,
.ccm-page-list.ptf-each-project .title,
.emm-client-title,
.emm-client-logo,
.emm-client-link { font-weight: bold }
a,
.header a:hover,
.sidebar .subnav li a:hover,
.ccm-tags-ptf li a:hover { text-decoration: none }
a:hover { text-decoration: underline; }
.header .main_nav,
.footerRight ul,
.sidebar .subnav li a { text-transform: uppercase }
.header .sign-in a { text-transform: lowercase }
.left_column h2 { }
#null{ letter-spacing: 1px;}
a[target="_blank"]:before,
a[target="new"]:before { } /* links on new windows */

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

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

.header,
.footer { position: relative; }
.header,
.content,
.xtra_nav,
.endBloc,
.ccm-error { margin: 0 auto; text-align: left }
.ccm-error { text-align: center }
.content .left_column,
.content .center_column { float: left; margin-right: 20px; }
.content .sidebar { float: right; }

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

.content,
.header,
.footer,
.xtra_nav,
.endBloc,
.ccm-error { width: 940px; }

.content .left_column { width: 620px }
	.content .left_column.home { width: 300px }
.content .sidebar,
.content .center_column,
.content .right_sidebar { width: 300px }
.endBloc .bloc { width: 220px }


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

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

/* Global */

body {}

/* Objects */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="submit"],
textarea,
select { border: solid 1px #CCC; padding: 4px; }
input[type="submit"] { cursor: pointer }
.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 */

.header { height: 117px; }
	.header h1,
	.header .flags,
	.header .main_nav { position: absolute }
	.header h1 { left: 0px; top: 22px; }
		.header h1 a { background: url(/themes/EMM/./images/logotipo.png) no-repeat; display: block; height: 71px; overflow: hidden; text-indent: -1000px; width: 219px; }
	.header .main_nav { right: 0; top: 50px; }
		.header .main_nav li { float: left; margin-left: 30px; padding-bottom: 8px; }
		.header .main_nav li.nav-path-selected { border-bottom: solid 3px #9B4A82 }
	.header .flags { right: 0; top: 10; }
	.header .sign-in { position: absolute; top: 3px; right: 135px; text-align: right; }

/* slider */

.topSlider { background: #9B4A82 url(/themes/EMM/./images/slider_BG.png) center; height: 270px; position:relative;}
.topSlider #slider,
.topSlider #slider .box_skitter { margin: 0 auto; }
.topSlider .contact-header { height: 270px; margin: 0 auto; width: 940px; }
.topSlider.notHome { height: 88px }

/* xtra-nav */

.xtra_nav { margin-bottom: 15px; padding-top: 15px; }
	.xtra_nav .left { float: left; width: 49%; }
	.xtra_nav .right { float: right; text-align: right; width: 49%; }

.xtra_nav  .addthis_sharing_toolbox { float: right }
.xtra_nav .sign-in { margin-right: 6px; }
.xtra_nav .breadcrumbs_emm { }

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

/* content */

.content .left_column { line-height: 20px; }
	.content .left_column li { list-style: inside disc; margin-bottom: 5px; }
		.content .left_column ul ul { margin: 0 0 0 15px; }

/* right sidebar */

.sidebar .subnav { float: left; padding-bottom: 10px; width: 100%; }
	.sidebar .subnav li { background-color: #DEDEDE; border-left: 6px solid #CCC; margin-bottom: 1px; }
		.sidebar .subnav li a { display:block; padding: 10px 15px; }
		.sidebar .subnav li.nav-path-selected,
		.sidebar .subnav li.portfolio-ccm-tag-selected { border-left: 6px solid #9B4A82}
		.sidebar .subnav li ul { padding-bottom: 10px; }
			.sidebar .subnav li	li a { background: url(/themes/EMM/./images/icon_subnav-sublnk-arrow.gif) 20px 10px no-repeat; padding: 5px 15px 5px 30px; }
		.sidebar .subnav li	li,
		.sidebar .subnav li li.nav-path-selected { border: none }
			.sidebar .subnav li li.nav-path-selected a { background: url(/themes/EMM/./images/icon_subnav-sublnk-selectd-arrow.gif) 20px 10px no-repeat; }

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

/* footer */

.endBloc { clear: both; padding-top: 20px; }
	.endBloc li { float: left; margin-right: 20px; }
		.endBloc li.last { margin-right: 0; }
		.endBloc li:hover { margin-top: -3px }

.footerWrap { background: #BCBCBC url(/themes/EMM/./images/footer_BG.png) repeat-x; clear:both; float: left; margin-top: 20px; padding: 30px 0; width: 100%; }

.footer { height: 200px; margin: 0 auto; text-align: left; }
.footerLeft,
.footerRight { position: absolute }
.footerLeft { left: 0; top: 0 }
	.footerLeft h4 { background: url(/themes/EMM/./images/footer_logo.png) no-repeat; height: 43px; overflow: hidden; text-indent: -1000px; width: 132px;  }
.footerRight { right: 0; top: 20px; }
	.footerRight p { text-align: right; line-height: 22px }
	.footerRight ul { float: right; margin-bottom: 55px; }
	.footerRight li { float: left; margin-right: 20px; }
	.footerRight a.emmLogo { background: url(/themes/EMM/./images/footer_emmLogotipo.png) no-repeat; display: inline-block; height: 15px; overflow: hidden; text-indent: 10000px; width: 15px }

/* search form **********************************/

#searchdiv { margin: 0px; padding 0px; }
#searchform { margin: 0px; padding: 0px; overflow: hidden; }
#s { background: #FFFFFF; width: 200px; color: #333333; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 7px 0px 0px 0px; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; }
#f { background: #FFFFFF; width: 200px; color: #333333; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 7px 0px 0px 0px; border-top: 1px solid #C0C0C0; border-right: 1px solid #666666; border-left: 1px solid #C0C0C0; border-bottom: 1px solid #666666; }
#sbutt { background: #878787; width: 200px; color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; padding: 1px; margin: 0px 0px 0px 5px; border: 1px solid #333333; }
#author,
#email,
#url { background: #FFFFFF; width: 300px; color: #333333; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 0px 0px 0px 0px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; }
#comment { background: #FFFFFF; width: 440px; color: #222222; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 0px 0px 0px 0px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; }
#submit { background-color: #AD5896; padding: 5px 8px;  }

/* Comments *************************************/

#commentblock { width: 470px; color: #000000; float: left; padding: 0px 20px 10px 0px; margin: 10px 0px 0px 0px; }
	#commentblock ol{ list-style-type: square; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.commentdate  { font-size: 12px; padding-left: 0px; }
#commentlist li p{ margin-bottom: 8px; line-height: 20px; padding: 0px; }
.commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; }
.commentinfo{ clear: both; }
.commenttext { background: #F2F2F2; width: 440px; color: #333333; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 10px 10px 0px 10px; margin: 10px 0px 30px 0px; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; }
.commenttext-admin { background: #FFFFFF; width: 440px; color: #333333; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 10px 10px 0px 10px; margin: 10px 0px 30px 0px; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; }
#commentsformheader { padding-left: 0px; }
#commentsform{ text-align: center; margin: 0px; padding: 0px; }
	#commentsform form { text-align: left; margin: 0px; }
	#commentsform p { margin: 0px; }
		#commentsform form textarea { width: 99%; }
p.comments_link  img { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/* EMM Specific Styling Design ******************/

/* notificações */
.ccm-error { background-color: #C30; margin: 10px auto; padding: 8px 0;}
.ccm-error li a { }

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

/*** Portfolio ***************/
/* tags */
.ccm-tags-ptf { margin-bottom: 25px; }
.ccm-tags-ptf li { float: left; margin-right: 20px; padding-bottom: 4px; text-transform: uppercase  }
.ccm-tags-ptf li.nav-selected,
.ccm-tags-ptf li.portfolio-ccm-tag-selected,
.ccm-tags-ptf li:hover { border-bottom: solid 1px #9B4A82 }

/* Lista de Projectos adicionais para cada projecto */
.ccm-page-list.ptf-each-project h3 { border-bottom: solid 1px #CCC; padding: 15px 0; }
.ccm-page-list.ptf-each-project ul { border-left: solid 1px #CCC; float: left; list-style: none; padding-left: 9px; }
.ccm-page-list.ptf-each-project li { border-right: solid 1px #CCC; float: left; list-style: none; padding: 0 11px; width: 180px; }

/* Bloco: portfolio_proj */
.emm-projPtf-wrapper { background: #DDD url(/themes/EMM/./images/BG_ProjPtf.png) center center no-repeat; float: left; padding-top: 16px; width: 100%; }
/* .emm-projPtf-bar { border-bottom: solid 1px #999; clear: both; float: left; width: 100%; } */
/* .emm-projPtf-bar .spacer { padding: 15px 15px 0 15px; }*/
.emm-projPtf-info .spacer { margin: 16px;  }
.emm-projPtf-info { background-color: #EEE; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; display: inline; float: left; height: 90px; margin: 0 0 16px 16px; width: 286px; }
.emm-projPtf-info.descript { height: auto; overflow: hidden; margin-right: 0; width: 588px; }
.emm-projPtf-info.descript .spacer {}
.emm-projPtf-info h3 { color: #333; font-size: 16px; font-wight: bold; margin-bottom: 0; text-shadow: none }
.emm-projPtf-info .nothing { font-style: italic }

/*** Clientes ****************/
/* Bloco: client_list */
.emm-client {  float: left; height: 150px; margin-bottom: 15px; margin-right: 15px; width: 296px; }
.emm-client-expand { background-color: #FFF; border: solid 1px #DDD; height: 150px; overflow: hidden; position: absolute; width: 296px; z-index: 100 }
.emm-client-expand:hover { height: auto; margin: 3px 0 0; z-index: 10000 }
.emm-client .spacer { padding: 25px }
.emm-client-info { background-color: #EEE; max-height: 250px; overflow: auto; }
.emm-client-logo { width: 100%; height: 100px; line-height: 1.4em; text-align: center; }
.emm-client-logo img { height: auto; max-width: 100%; max-height: 150px; width: auto; }
.emm-client-logo img,
.emm-client-logo p { position: relative; top: 50%;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.emm-client-logo p { margin-bottom: 0; }

/*** Empresa ****************/
/* Recrutamento » Candidaturas */
.ccm-page-list-ofertas { float: left; background-color: #F1F1F1; width: 100%; margin-bottom: 15px; }
.ccm-page-list-ofertas .spacer { padding: 15px 15px 0 15px; }
.ccm-page-list-ofertas h3,
.ccm-page-list-ofertas h4 { text-align: center }
.ccm-page-list-ofertas ul { list-style: none }
.ccm-page-list-ofertas li.ccm-page-list-title { list-style: none; border-top: solid 1px #CCC; clear: both; padding: 5px 0; }
.ccm-page-list-ofertas li a { background: #9B4A82; display: block; float: right; padding: 2px 5px; }

/*** Login ******************/
#login form {  clear: none; }
#login form fieldset { margin: 0 }
#login form.form-horizontal.login {  width: 59%; float: left }
#login form.form-horizontal.login .row { background-color: #F1F1F1; padding: 15px }
#login form.form-horizontal.login .span5 { font-weight: bold; }
#login form.form-horizontal.login .span4 { width: 100%}
#login form.form-horizontal.login .ccm-input-text { width: 300px;}
#login form.form-horizontal.login .span10 { clear: both; }
#login form.form-horizontal.forgot { padding: 0 0 20px 0; float: right; width: 39%; }
#login .control-group { clear: both; margin-bottom: 15px; }
#login label[for=uName],
#login label[for=uPassword],
#login label[for=uEmail] { display: block; float: left; width: 150px; }
#login label[for=uEmail] { width: 100px; }

/*** Google *****************/
.skiptranslate.goog-te-gadget { display: none !important; }
#flags { float: right; }
.label-google-emm { display: none }
.skiptranslate { display: none !important; }

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

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

#null  { -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; }
#null { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
#null { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }

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

#footerRight { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.endBloc li { filter:alpha(opacity=70); -moz-opacity:0.7; -kht