@charset "utf-8";
/* CSS Document */


/* --------- CSS reset ----------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;}



/* --------- Main container ----------- */

.contentWrapper { width:983px; margin:0 auto; border:solid #666666 1px;}

body {margin:0; padding:0;}


/* --------- Header ----------- */

.headerMain { width:100%; height:134px; background:top right url(images/header.jpg) no-repeat;}

.headerPink { width:43px; height: 134px; background:top left #E30059 no-repeat; }


/* --------- Main Container ----------- */

.main { width:100%; height:auto;}

.mainLeft { width:358px; height: auto; float:left; }

.mainRight { width:597px; height: auto; float:left; }

.mainLeftImgInicio { width:248px; height:400px; margin-left:53px; margin-top:50px; margin-bottom: 50px; background:url(images/foto_inicio.jpg);}

.mainLeftImgConceito { width:248px; height:400px; margin-left:53px; margin-top:50px; margin-bottom: 50px; background: url(images/foto_conceito.jpg)}

.mainLeftImgServicos { width:300px; height:400px; margin-left:53px; margin-top:50px; margin-bottom: 50px; background: url(images/foto_servicos.jpg) no-repeat;}

.mainLeftImgClientes { width:248px; height:400px; margin-left:53px; margin-top:50px; margin-bottom: 50px; background: url(images/foto_clientes.jpg)}

.mainLeftImgContactos { width:248px; height:400px; margin-left:53px; margin-top:50px; margin-bottom: 50px; background: url(images/foto_contactos.jpg)}

.rightImageHome { width:510px; height:155px; margin-left:28px; margin-top:0; background-image:url(images/frase_home.jpg);}


/* --------- Navigation ----------- */

.menu{ width: auto; height: auto; margin-top:47px; margin-left:28px; font-family:Georgia; font-size:12px; font-weight:bold;}

.menu ul{ padding: 0; margin: 0 0 25px 0; float: left;}

.menu ul li{ display: inline;}

.menu ul li a{ float: left; text-decoration: none; color: #E30059; padding-right: 20px;}

.menu ul li a:hover, .menu ul li a.active  { color: #666666;}

.menuLeft {margin-left:53px; margin-top:50px;}


/* ----------- Menu secundário ------------ */

/*Remove all spacings from the list items*/
ul.nav,
.nav ul{margin: 0; padding: 0; cursor: default; list-style-type: none; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }

ul.nav{ width: 140px; height:auto; float: right; margin-left: 160px; opacity:0.95; }

ul.nav>li{ margin: 0; padding: 6px 10px; }

/*Make the sub list items invisible*/
ul.nav li>ul{ display: none; position: absolute; width: 180px; left: 130px; margin-top: -18px; margin-left: 9px; padding: 3px 10px;}

/*When hovered, make them appear*/
ul.nav li:hover>ul{ display : block; line-height: 25px;}

/*Make the hyperlinks as a block element, sort of a hover effect*/
.nav ul li a{ display: block; padding: 2px 10px;}

/*** Menu styles (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{ background-color: #CCCCCC; color: #FF0066; position:relative;}

.nav a{ text-decoration: none;}


/* --------- Main Text ----------- */

.mainText { width:510px; height:auto; margin-top:0; margin-left:28px; margin-bottom: 53px; font-family:Georgia; font-size: 12px; color: #505050; line-height: 21px; text-align:justify;}

.mainTextHome { width:510px; height:auto; margin-top:25px; margin-left:28px; margin-bottom: 53px; font-family:Georgia; font-weight:bold; font-size: 12px; color: #505050; line-height: 21px; text-align:justify; }


/* --------- Links contactos ----------- */

.Link {font-family:Georgia; font-size: 12px;}

.Link a {text-decoration:none; color: #505050;}

.Link a:hover {color:#E30059;}


/* --------- Logos clients ----------- */

.ClientTable { margin-bottom: 53px;}

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

.footerMain { width:100%; height: 71px; background:top left; clear:both;}

.footerGrey { width:100%; height: 45px; background:top left #666666; }

.footerWhite { width:100%; height: 7px; background:top left #FFFFFF; }

.footerPink{ width:100%; height: 19px; background: bottom left #E30059; }

.footerText { width:400px; height:auto; padding-top:10px; margin-left:53px; font-family:Arial; font-size:10px; color:#FFFFFF;}

.footerTextCredit { font-family:Arial; font-size:10px; color: #B4B4B4;}

.footerTextCredit a{text-decoration: none; color:#B4B4B4;}

.footerTextCredit a:hover{color:#E30059;}