@charset "utf-8";


/* CSS RESET */
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 */
#main h1 { font-size: 70px; color: #ffffff; text-weight: bold; margin: 0; padding: 0; line-height: 1; letter-spacing: 5px; }
#main h2 { font-size: 40px; color: #ffffff; text-weight: bold; margin: 0; padding: 0; line-height: 1; letter-spacing: 5px; }

/* MENU */ 
#menu { padding-top: 8px; }
#menu_inicio { float: left; margin-left: 200px; }
#menu_empresa { float: left; margin-left: 10px; }
#menu_portfolio { float: left; margin-left: 10px; }
#menu_orcamentos { float: left; margin-left: 10px; }
#menu_contactos { float: left; margin-left: 10px; }

#main_content { margin: 0; clear: both; overflow: hidden; }
#main_content_all { width:100%; padding: 20px 0 0 0; text-align:justify; }
#main_content_all_left { width:49%; float: left; text-align:justify; }
#main_content_all_right { width:49%; float: right; text-align:justify; }
#main_content_all span.label {  }
#main_content_all span.description { color: #ffffff; }
#main_content_all span.description a { text-decoration:none; color: #ffffff; }
#main_content_all span.description a:hover { text-decoration:none; color: #000000; }
#main_content_all a { color: #000000; text-decoration:none; }
#main_content_all a.reverse { color: #ffffff; text-decoration:none; }
#main_content_all a.reverse:hover { color: #000000; }
#main_content_all a:hover { color: #ffffff; }
#main_content_left { float: left; text-align: right; width: 44%; padding: 50px 0 0 0; margin: auto 0; }
#main_content_right { float: right; text-align: justify; width: 49%; padding: 75px 60px 0 0; height: 100%; vertical-align: middle; margin: auto 0; line-height: 1.2;}
#main_content_right a { color: #ffffff; text-decoration: none; }
#main_content_right a:hover { color: #000000; }
#main_content_right_cat { float: right; text-align: justify; width: 49%; padding: 35px 60px 0 0; height: 100%; vertical-align: middle; margin: auto 0; line-height: 1.2;}
#main_content_cat_player { background: #434345; border: 1px solid #000000; color: #ffffff; height: 15px; width: 78px;  vertical-align: middle; margin: -1px 0 0 369px; padding-left: 1px;}
#main_content_right p { margin:0; }

/* FORMULARIOS */ 
p.formularios{ width: 90%; margin: 0; padding: 5px 0 1px 120px; }
label { float: left; margin-left: -120px; }
label.porcima { float: left; margin-left: 0px;}
input[type="text"]{ width: 270px; border: 1px dotted #000000; padding: 1px; }
textarea{ width: 270px; height: 100px; border: 1px dotted #000000; padding: 1px; }
#formerror { color: #ffffff; font-size: 10px; }
/*.threepxfix class below: Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents. to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */
* html .threepxfix { margin-left: 3px; } 

/* FOOTER */
#footer_top { padding: 15px 0 0 0; font-weight: normal; letter-spacing: -1px; overflow: hidden; }
#footer_top_content { line-height: 150% }
#footer_top a { color: #ffffff; }
#footer_top a:hover { color: #fbad11; }

#footer_bottom a { color: #C2C1C1; text-decoration: none; }
#footer_bottom_left { float: left; width: 25%; text-align: left; margin-left: 10px; }
#footer_bottom_right { float: right; width: 25%; text-align: right; margin-right: 22px; }
