@import url("style_editor.css");
@import url("style_forms.css");


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body {margin:0;padding:0;font: 62.5% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#8b8b8b;}

p { margin:0; padding:0; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size:12px; line-height:1.4em;}
p a:link, p a:visited { text-decoration: none;color:#a9131e;}
p a:hover { text-decoration:underline;color:#a9131e}

h1 { margin:0; padding:0; 	color:#a9131e; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	text-transform:uppercase; font-weight:normal;}
h2 { margin:0; padding:0; color:#000000; font-size:18px; line-height:1.1em;	text-transform:uppercase; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight:normal;}

h3 { margin:0; padding:0;font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#a9131e; font-size:14px; font-weight:normal;}
h4 { margin:0; padding:0;font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#a9131e; font-weight:normal;}

h5 {
	font-weight:normal;
}


/*
---------------------------------------------
02. BACKGROUND GREY SHADOW  AND WRAPPER
---------------------------------------------
*/

#greyshadow { width:100%; background:url(../images/bg.gif) repeat-x; }
#wrapper {width:958px;margin:0 auto; }


/*
---------------------------------------------
03. BACKGROUND IMAGE FIX
---------------------------------------------
*/

.bgimages {width:242px;height:510px;position:absolute;}

.bgimages div {width:242px;height:510px; position:relative; left:-242px;}


/*
---------------------------------------------
04. HEADER -- LOGO AND LINKS
---------------------------------------------
*/


#header {width:100%;height:166px;overflow:hidden;}

#header_left {float:left;}
#header_right {float:right;}

#logo {width:182px;height:64px;text-indent:-5000px;	position:relative;	overflow:hidden;display:block;
	margin:86px 0 0 67px;}
#logo span {background:url(../images/logo.png) no-repeat;position:absolute;	width:100%;	height:100%;	cursor:pointer;}

#header_right ul {float:left;padding:100px 21px 0 0;}

#header_right ul li{float:left;padding:0 0 0 13px;}
#header_right ul li img {float:left;}
#header_flag {margin:3px 0 0 0;}


/*
---------------------------------------------
05. TOP NAVIGATION
---------------------------------------------
*/


#nav {width:100%;height:49px;background:url(../images/menu_bg.gif) no-repeat right top;	overflow:hidden;}
#nav ul {float:left;padding:0 0 0 68px;position:relative;}
#nav ul li { float:left;background:url(../images/menu_sep.gif) no-repeat right top;padding:0 19px 0 0;}
#nav ul li.last {background:none;padding:0;}
#nav ul li a {color:#8b8b8b;font-size:1.9em;line-height:1.1em;	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;text-transform:uppercase; font-weight:normal;	display:block; }
#nav ul li a span { color:#a9131e; font-size:0.8em;}
#nav ul li a:hover, #nav ul li a.select {text-decoration:none;background:url(../images/menu_a.gif) no-repeat left bottom;padding:0 0 5px 0;}


/*
---------------------------------------------
06. CONTENT
---------------------------------------------
*/

#content {width:978px;  overflow:hidden; padding:0 0 115px 0;}


/*
---------------------------------------------
07. WELCOME
---------------------------------------------
*/

#welcome {margin:50px 0 0 371px; width:500px; height:220px;}
#welcome p { margin:0 0 0 38px;	padding:0 0 15px 0; font-size:16px;}

#welcome h1 { font-size:3.1em; line-height:0.9em; margin:0 0 25px 0;}
#welcome h2 { padding:0 0 10px 0; margin:0 0 0 38px;}

p.intro_home { padding:0 0 10px 0; margin:0 0 0 38px;color:#000000; font-size:18px; line-height:1.1em;	text-transform:uppercase; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}


/*

/*
---------------------------------------------
07. CONTENT_AREA
---------------------------------------------
*/

#content_area {margin:50px 0 0 371px; width:500px; z-index: 100; position: relative;}
#content_area p { margin:0 0 0 38px;	padding:0 0 15px 0;}

#content_area h1 { font-size:3.1em; margin:0 0 25px 0;}
#content_area h2 { padding:0 0 10px 0; margin:0 0 0 38px;}
#content_area p.nopad {padding:0;}
#content_area ul {padding:0 0 15px 50px;}
#content_area ul li {background:url(../images/ul_01.gif) no-repeat left 7px;	padding:0 0 0 12px;
 font-size:1.2em; line-height:1.5em;}
#content_area h4 {color:#a9131e; font-size:1.6em; padding:0 0 15px 0; margin-left:35px;}


#content_area ul.checkbox {padding:0 0 15px 50px;}
#content_area ul.checkbox li {background:url(../images/ul_02.gif) no-repeat left 9px;padding:0 0 0 12px;	font-size:1.4em;color:#575757;}
#content_area ul.checkbox-big {padding:0 0 15px 30px;}
#content_area  ul.checkbox-big li {	background:url(../images/ul_03.gif) no-repeat left 12px;	padding:0 0 0 17px;font-size:2.4em;color:#575757;}

#content_area ul.arrow {padding:0 0 15px 50px;}

#content_area  ul.arrow li { background:url(../images/ul_04.gif) no-repeat left 8px;	padding:0 0 0 12px;font-size:1.4em;color:#575757;}
#content_area  ul.arrow-big {padding:0 0 15px 30px;}
#content_area  ul.arrow-big li {background:url(../images/ul_05.gif) no-repeat left 12px;	padding:0 0 0 17px;font-size:2.4em;color:#575757;}


#content_area  blockquote {margin-left:25px;position:absolute;top:180px;width:300px;padding:0 0 15px 0;font-size:1.6em;color:#000000;font-family:Georgia, "Times New Roman", Times, serif;	background:url(../images/bl_01.gif) no-repeat;}
#content_area  blockquote div {background:url(../images/bl_02.gif) no-repeat right bottom; padding:5px 3px 10px 35px;}

.foto_equipa { float:right;position:relative;right:-20px;top:-55px;z-index: -1;}

blockquote span {font-size: 14px; color:#8b8b8b; float: right;margin-top:10px;}


/*

---------------------------------------------
08. LEFTPANEL
---------------------------------------------
*/

#leftpanel { float:left; width:368px;}

.contacts { margin-top:50px; margin-left:70px; position:absolute; top:500px;}
.contacts p {margin-bottom:18px;}
.contacts p strong { color:#a9131e;}
.contacts  h3 {margin-bottom:18px;}
.contacts  h3 span { color:#8b8b8b; font-size:14px;}

iframe{ margin-bottom: 25px;}

#newsletter {float:left; width:368px;}
#newsletter h2 {background:url(../images/dotted_grey.gif) repeat-x left bottom;	padding:0 0 5px 10px;color:#a9131e;	font-size:2.4em; margin:34px 0 0 58px;	text-transform:uppercase;	font-weight:normal;}
#newsletter form fieldset { margin-top:5px;}
#newsletter form fieldset input { font-size:12px;margin: 2px 0 2px 67px;  line-height:14px; border:1px solid #CCCCCC; width:230px; padding:3px;}
 #newsletter form fieldset input#submeter_bt { width:30px; font: italic bold 12px "Helvetica Neue",Arial,Helvetica,sans-serif; margin:0 0 0 10px;} 
/*
---------------------------------------------
09. NOTICIAS
---------------------------------------------
*/

#noticias {float:left; width:368px;}
#noticias h2 {background:url(../images/dotted_grey.gif) repeat-x left bottom;	padding:0 0 5px 10px;color:#a9131e;	font-size:2.4em; margin:34px 0 0 58px;	text-transform:uppercase;	font-weight:normal;}

#noticias ul {margin:0 0 0 58px;width:290px;}
#noticias ul li{background:url(../images/dotted_grey.gif) repeat-x left bottom; padding:8px 0 8px 10px;}
#noticias ul li h4 {color:#a9131e;	text-transform:uppercase;font-size:12px;line-height:1.2em;}
#noticias ul li h4 span {color:#4c4c4c;}
#noticias ul li h5 {color:#a9131e;font-size:16px;line-height:1.2em;}
#noticias ul li h5 a {color:#a9131e;}
#noticias ul li p {font-size:12px;line-height:1.3em;	padding:0 15px 5px 0;}


/*
---------------------------------------------
10. RIGHTPANEL
---------------------------------------------
*/

#rightpanel { float:right; width:590px;}

/*
---------------------------------------------
11. CASOS
---------------------------------------------
*/

#casos {float:right;width:490px; position:relative; top:30px; margin-right: 100px;}

#casos h2 {color:#a9131e; font-size:3.1em;	line-height:0.9em; margin:0 0 30px 0;font-weight:normal;}
#casos h2 span {color:#8b8b8b;}
#casos p { margin-left:25px; margin-bottom:10px;}

#slideshow {width:520px;height:152px;background:url(../images/index_galler_bg.gif) no-repeat;	overflow:hidden;}
#slideshow ul {float:left;padding:19px 0 0 9px;}
#slideshow ul li {float:left;padding:0 9px 0 0;}

#slideshow ul li.prev {	padding:0 6px 0 0;}
#slideshow ul li.last {	padding:0 6px 0 0;}
#slideshow ul li.next {padding:0;}
#slideshow ul li img {float:left;width:140px;height:105px;border:5px solid #fff;}
#slideshow ul li span img {	width:11px;	height:21px; border:0; margin:47px 0 0 0; display:block;}

#content_area h3 { font-size:16px; margin:14px 0 14px 38px;}


/*
---------------------------------------------
12. FOOTER STYLES
---------------------------------------------
*/


#bgfooter {width:100%; height:52px;background:url(../images/footerbgmain.gif) repeat-x center top;}
#footer {width:958px; margin:0 auto; height:52px;background:url(../images/footer_bg.gif) no-repeat center top;}

#footer_left {float:left;width:368px;}
#footer_left a {color:#8b8b8b;display:block;margin:18px 0 0 69px;}
#footer_left a span{position:relative;top:-8px;}

#footer_left a img {padding:0 5px 0 4px;}
#footer_left a:hover{text-decoration:none;}


#footer_right {	float:right;width:588px;}
#footer_right ul{padding:15px 0 3px 0;}
#footer_right ul li {display:inline;	color:#8b8b8b;text-transform:uppercase;	padding:0 3px 0 0;}

#footer_right ul li a{color:#8b8b8b;}
#footer_right p{color:#a9131e;font-size:0.9em;}

#footer_right p a {color:#a9131e;}


/*
---------------------------------------------
13. MISCELLANEOUS STYLES
---------------------------------------------
*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {	margin:0;	padding:0;}
ul {list-style:none;}

a {	color:#8b8b8b;	text-decoration:none;}
a:hover { text-decoration:underline;}
a img, fieldset {border:0;}
.clear{	clear:both;}

.replace {position:relative;	margin:0;	padding:0;	/* \*/	overflow:hidden;/* */}
.replace span {	display:block;	position:absolute;	top:0;	left:0;	z-index:1;}



/*
---------------------------------------------
14. INNERPAGE STYLES
---------------------------------------------
*/

#casos04 .bgimages div {background:url(../images/wr_bg2.png) no-repeat;}
#portfolio02 .bgimages div {background:url(../images/wr_bg3.png) no-repeat;}

#portfolio02 #content { background:url(../images/body_bg3.png) no-repeat;padding:0 0 50px 0;}
#casos04 #content {background:url(../images/body_bg2.png) no-repeat;padding:0 0 50px 0;}


/*
---------------------------------------------
14.1 INNERPAGE STYLES- PORTFOLIO PAGE
---------------------------------------------
*/


#sublinks {float:left;width:368px;}

#sublinks ul {width:340px;margin:300px 0 0 8px;}
#sublinks ul li {background:url(../images/dotted_grey.gif) repeat-x left bottom;padding:3px 0 4px 60px;	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#sublinks ul li a{color:#8b8b8b;font-size:2.2em;text-transform:uppercase;}
#sublinks ul li a:hover, #sublinks ul li a.selected {color:#a9131e;text-decoration:none;}


#portfolio-content {width:500px;}

#portfoliolinks {width:500px;overflow:hidden;margin:50px 0 0 0;}
#portfoliolinks h1 {color:#a9131e; font-size:3.1em; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin:0 0 25px 0; text-transform:uppercase; font-weight:normal;}

#portfoliolinks ul {width:517px;}
#portfoliolinks ul li {padding:0 0 5px 0;}

#portfoliolinks ul li a{font-size:1.2em;	color:#FFFFFF;	display:block;	background:#d1d1d1;	width:100%;	height:43px;	text-transform:uppercase;}
#portfoliolinks ul li a span {display:block;  padding:15px 0 13px 10px;}
#portfoliolinks ul li a:hover{text-decoration:none;background:#a9131e;}
#portfoliolinks ul li a:hover, #portfoliolinks ul li a.selected {background:#a9131e;}

li#visible  span  {background:#a9131e; font-weight: bold;}



/*
---------------------------------------------
14.2 INNERPAGE STYLES- CASOS PAGE
---------------------------------------------
*/


#sublinksmall {float:left; width:280px;margin-left:70px;}
#sublinksmall ul{margin:300px 0 0 8px; text-transform:uppercase;}
#sublinksmall ul li{	background:url(../images/dotted_grey.gif) repeat-x left bottom;padding:7px 0 8px 5px;}
#sublinksmall ul li a{color:#8b8b8b;font-size:1.6em;}
#sublinksmall ul li a:hover{color:#a9131e;text-decoration:none;}

#casos-content {width:520px;overflow:hidden;margin:50px 0 0 0;}

#casos-content h1 {color:#a9131e;font-size:3.1em; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;margin:0 0 30px 0;	text-transform:uppercase; font-weight:normal; }


h3.heading_cat {margin-left: 35px;}

h3.heading_cat a {color:#a9131e; font-size: 18px; line-height: 24px;}

.date {line-height: 18px;margin-left: 35px;padding-bottom: 15px;font-size: 12px;}
.date span {color:#a9131e; text-transform: uppercase;
	
}

.separador {	background: url(../images/dotted_grey.gif) repeat-x left center;padding:8px 0 8px 0;}

.texto_equipa { position:absolute; top:340px;}

#team { margin-left:35px; }
.team_member {float:left;}
.team_member img { width:150px; margin:0px;}
.team_member a:hover {color:#a9131e;text-decoration:none;}
#team h3 {text-align:center; width:150px; margin-left: 0px; margin-right: 0px;}

.imagemGaleria_slot {height: 175px; margin: 1px;}
.galimg {float: left; margin: 7px; overflow: hidden; width: 60px; height: 60px; position: relative;}

.galimg img {
	position: absolute;
	top: 0px;
	left: 0px;
}



div.galimg a:hover {
	background-color: #d72141;
}

/* CLASS PROPS*/

.img_centro {background: no-repeat center center;}
.clear {clear: both;}
.imgini {float: left; margin-right: 5px;}
.left {float:left;}
.right {float:right;}
.center {text-align: center; width: 100%;}
.h {display: none;}


td p {color:#FFF; margin-bottom:12px; padding-left:10px;}