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

/* CSS Document */

/*************************************************************/
/*                  Global layout and formatting styles      */
/*   Development:   360graus.pt                              */
/*   Css Author:    Pedro Silva                              */
/*   Date:          April , 2009                             */
/*   Site:          www.ropro.pt                       */
/*-----------------------------------------------------------*/
/************************************************************************

/*************************/
/* 1-  BODY/CONTAINERS */
/*************************/

/* 1.1 - Global body definitions and 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;
}
* {margin:0; padding:0} 
body {line-height: 1; font-size: 100.01%; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; background: #F5F5F5 url(image/body-background.jpg) repeat-x 0 0;}
html, body { min-height: 100%; height: 100%; }
html { min-height: 100%; margin-bottom: 1px; }
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;border-spacing: 0;}


/* 1.2 - Global Container */
#container {width: 900px;  margin: 0 auto; }
/* 1.2 - End Global container */


/*************************/
/* 2-  Header/Main Menu */
/*************************/

/* 2.0 Header Container */
#header { width:900px; height: 166px; position:relative; }
/* 2.0 - End Header Container */

/* 2.1- Logo */
.logotipo { float: left;clear: both; width: 206px;  }
/* 2.1- End Logo*/

/* 2.2- Top Navigation */
.top-nav {background: url(image/topnav-right.gif) no-repeat 100% 0;	padding: 0 10px 0 0;margin: 6px 0 0 0;	float: right;	display: inline;}
.top-nav ul {background: url(image/topnav-left.gif) no-repeat 0 0;	margin: 0;padding: 0 0 0 10px;float: left;display: inline;}
.top-nav ul li {list-style: none;height: 21px;float: left;display: inline;}
.top-nav ul li a {display: block;margin: 4px 0 0 0;	padding: 0 6px 0 6px;	font-size: 11px;font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; border-left: 1px solid #DADADA;}
.top-nav ul li a:link, .top-nav ul li a:visited {color: #F3F3F3;text-decoration: none;}
.top-nav ul li:first-child a {border-left: none;}
.top-nav ul li a:hover {text-decoration: underline;}
/* 2.2- End Top Navigation */

/* 2.3 - Main Menu */
div#menuprincipal {
height:36px;
width:900px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:130px;
}
div#menuprincipal ul#menunav{
height:36px;
width:900px;
background: transparent url(image/menu-principal.jpg) top left no-repeat;
margin:0;
padding:0;
}
div#menuprincipal ul#menunav li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menunav li,ul#menunav a{
height:36px;
display:block;
}
div#menuprincipal ul#menunav li a{
text-indent:-9999px;
text-decoration:none;
}

#home{
left:16px;
width:56px;
}
.home_on { background:transparent url(image/menu-principal.jpg) -16px -36px no-repeat; }

#servicos{
left:148px;
width:74px;
}
.servicos_on { background:transparent url(image/menu-principal.jpg) -148px -36px no-repeat; }

#novidades{
left:303px;
width:88px;
}
.novidades_on { background:transparent url(image/menu-principal.jpg) -303px -36px no-repeat; }


#promocoes{
left:471px;
width:92px;
}
.promocoes_on { background:transparent url(image/menu-principal.jpg) -471px -36px no-repeat; }

#sobre{
left:637px;
width:90px;
}
.sobre_on { background:transparent url(image/menu-principal.jpg) -637px -36px no-repeat; }

#contactos{
left:798px;
width:84px;
}
.contactos_on { background:transparent url(image/menu-principal.jpg) -798px -36px no-repeat; }


/* Hover State  */
#home a:hover{background:transparent url(image/menu-principal.jpg) -16px -36px no-repeat;}
#servicos a:hover{background:transparent url(image/menu-principal.jpg) -148px -36px no-repeat;}
#novidades a:hover {background:transparent url(image/menu-principal.jpg) -303px -36px no-repeat;}
#promocoes a:hover {background:transparent url(image/menu-principal.jpg) -471px -36px no-repeat;}
#sobre a:hover {background:transparent url(image/menu-principal.jpg) -637px -36px no-repeat;}
#contactos a:hover {background:transparent url(image/menu-principal.jpg) -798px -36px no-repeat;}
/* 2.3 - End main menu  */

/* 2.3.1 - Main Menu EN */
div#menuprincipal_en {
height:36px;
width:900px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:130px;
}
div#menuprincipal_en ul#menunav_en{
height:36px;
width:900px;
background: transparent url(image/menu-principal_en.jpg) top left no-repeat;
margin:0;
padding:0;
}
div#menuprincipal_en ul#menunav_en li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menunav_en li,ul#menunav_en a{
height:36px;
display:block;
}
div#menuprincipal_en ul#menunav_en li a{
text-indent:-9999px;
text-decoration:none;
}

#home_en{
left:16px;
width:56px;
}
.home_en_on { background:transparent url(image/menu-principal_en.jpg) -16px -36px no-repeat; }

#servicos_en{
left:148px;
width:74px;
}
.servicos_en_on { background:transparent url(image/menu-principal_en.jpg) -148px -36px no-repeat; }

#novidades_en{
left:302px;
width:92px;
}
.novidades_en_on { background:transparent url(image/menu-principal_en.jpg) -302px -36px no-repeat; }


#promocoes_en{
left:471px;
width:84px;
}
.promocoes_en_on { background:transparent url(image/menu-principal_en.jpg) -471px -36px no-repeat; }

#sobre_en{
left:637px;
width:84px;
}
.sobre_en_on { background:transparent url(image/menu-principal_en.jpg) -637px -36px no-repeat; }

#contactos_en{
left:795px;
width:84px;
}
.contactos_en_on { background:transparent url(image/menu-principal_en.jpg) -795px -36px no-repeat; }


/* Hover State  */
#home_en a:hover{background:transparent url(image/menu-principal_en.jpg) -16px -36px no-repeat;}
#servicos_en a:hover{background:transparent url(image/menu-principal_en.jpg) -148px -36px no-repeat;}
#novidades_en a:hover {background:transparent url(image/menu-principal_en.jpg) -302px -36px no-repeat;}
#promocoes_en a:hover {background:transparent url(image/menu-principal_en.jpg) -471px -36px no-repeat;}
#sobre_en a:hover {background:transparent url(image/menu-principal_en.jpg) -637px -36px no-repeat;}
#contactos_en a:hover {background:transparent url(image/menu-principal_en.jpg) -795px -36px no-repeat;}
/* 2.3 - End main menu  */



/*************************/
/* 3-  Content layout */
/*************************/

/* 3.1 - global layout */
.wrapper {float: left; width: 900px; margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px; }

/* 2 Columns */
.content-container-leftcol{ float: left; width: 210px; padding: 0px 0px 0px 0px; margin: 0px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; }

.content-container-rightcol{ float: right; width: 670px; padding: 0px 0px 0px 0px; margin: 0px;  overflow: hidden; font-family: Arial, Helvetica, sans-serif; }

/* Content Text Boxes */
.content-box-header{ width: 670px; background-image:url(image/content-box-header.jpg); background-repeat:no-repeat; height: 11px; overflow:hidden; float:left;}
.content-box-end { width: 670px; background-image:url(image/content-box-end.jpg); background-repeat:no-repeat; height: 11px; overflow:hidden; float: inherit; margin-bottom: 5px;  }

.content-txtbox { float:left; margin: 0px;padding: 0px 10px 0px 10px; color: #333333;font-size:13px; font-family: Arial, Helvetica, sans-serif; width: 648px; background-color:#FFFFFF; border-left: 1px solid #EDEDED;  border-right: 1px solid #EDEDED;}
.content-txtbox p { margin: 0.9em 0px 1.1em 0px; padding: 0px 0px 0px 0px; line-height: 1.3em; color:#333333;}
.content-txtbox a { text-decoration:none; color:#98BB1E;}
.content-txtbox a:visited { text-decoration:none; color:#98BB1E;}
.content-txtbox a:hover { text-decoration:underline; color: #98BB1E;}
.content-txtbox ul {margin:12px 0px 10px 4px;padding:0; }
.content-txtbox ul li { padding:0px 0px 5px 20px; color: #333333;font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: disc; list-style-position:inside; }
.content-txtbox ul li a { color: #98BB1E; text-decoration:none;}
.content-txtbox ul li a:visited { color:#98BB1E; text-decoration:none;}
.content-txtbox ul li a:hover { color: #6F8914; text-decoration:underline;}

/* Produtos */
.imagem-categoria { width: 322px; height: 425px; float:left;}
.imagem-categoria img { border: 1px solid #E9E9E9; }
.texto-categoria { width: 305px; float:left; margin: 0px 0px 0px 20px;}
.texto-categoria p {margin: 0.8em 0px 0.9em 0px; padding: 0px 0px 0px 0px; line-height: 1.4em; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size: 13px;}
.texto-categoria a { text-decoration:none; color:#98BB1E;}
.texto-categoria a:visited { text-decoration:none; color:#98BB1E;}
.texto-categoria a:hover { text-decoration:underline; color: #98BB1E;}

/* Product Lines */
.product-line { width: 648px; height: 255px; margin: 10px 0px 10px 0px; }
.product-line a, .product-line a:visited { color:#222222; text-decoration:none;}
.product-line a:hover { color:#222222; text-decoration:underline;}
.product-line img {padding: 1px; border: 1px solid #DADADA;}
.product-line p { line-height: 1.3em; padding: 2px 0px 0px 0px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#333333;}
.product-left { float:left; width: 204px; margin: 0px 0px 0px 0px;}
.product-middle { float:left; width: 204px; margin: 0px 16px 0px 16px;}
.product-right { float:left; width: 204px; margin: 0px 0px 0px 0px;}



/*************************/
/* 4-  Headers and Spans */
/*************************/

/* 4.1 - Spans */
.lightgreen { color:#8BAC1A; font-weight:bold; font-size: 13px;}

/* 4.2 - Headers */
h1 {  font-size:18px; font-weight:normal; color: #484848; padding: 0px 0px 8px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 8px 0px; border-bottom: 1px solid #E9E9E9; }
h2 {  font-size:16px; font-weight:bold; color: #98BB1E; padding: 0px 0px 0px 0px; margin:0; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px;  }
h3 {  font-size:14px; font-weight:bold; color: #484848; padding: 0px 0px 4px 0px; font-family: Verdana, Monaco, sans-serif; margin:0px 0px 8px 0px; border-bottom: 1px solid #E9E9E9;}
h4 {  font-size: 15px; font-weight: bold ; color: #333333; padding: 0px 0px 5px 0px; margin: 0; font-family: Arial, Helvetica, sans-serif;}
h5 {  font-size: 13px; font-weight: bold ; color: #333333; padding: 0px 0px 5px 0px; margin: 0; font-family: Arial, Helvetica, sans-serif; }
h6 {  font-size: 13px; font-weight: normal; color: #787878; padding: 0px 0px 5px 0px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 6px 0px;}



/*************************/
/*5-  Sidebar */
/*************************/

.sidebar-top{ width: 210px; background:url(image/sidebar-top.jpg); background-repeat:no-repeat; height: 11px; overflow:hidden;}
.sidebar-box { width: 208px; background-color:#FFFFFF; overflow:hidden; padding: 0px;  border-left: 1px solid #EDEDED;  border-right: 1px solid #EDEDED;}
.sidebar-box p { padding: 6px 5px 4px 5px; color: #333333; font-size: 12px; }
.sidebar-box a { text-decoration:none; color: #222222;}
.sidebar-box a:visited { text-decoration:none; }
.sidebar-box a:hover { text-decoration:underline;}
.sidebar-title { height: 20px; margin: 0px 0px 4px 5px; background-color: #313131; width: 198px; }
    .sidebar-title.titulo-registo {
        background-color: green
    }
.sidebar-box .registo {


}
.sidebar-box .registo  a {
    color:green;
    font-size:14px;
}
.sidebar-box h2 {
    padding: 5px 0px 0px 5px;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}
.sidebar-end{ width: 210px; background:url(image/sidebar-end.jpg); background-repeat:no-repeat; height: 11px; margin-bottom: 10px; }

.navesq ul { padding: 0; margin: 0; width: 198px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;    }
.navesq li {list-style: none;	margin: 0px 0px 0px 5px; width: 198px; overflow:hidden; vertical-align: bottom; zoom: 1; }
.navesq li a { display: block;text-decoration: none;	padding: 5px 0px 4px 5px;	font-size: 13px; color: #333333; overflow: hidden; margin: 0;   }
.navesq li a:visited { text-decoration:none; color: #333333;}
.navesq li a:hover { color: #819D1C; text-decoration:none; background-color:#F2F2F2; }
.navesq a.selected { color: #819D1C; text-decoration:none; background-color:#F2F2F2;  }

/*************************/
/* 6-  Slider */
/*************************/
.banner-container { width: 648px; height: 405px; margin: 14px 0px 0px 0px; }
.banner-container ul { padding:0; margin: 0;}
.banner-container ul li { padding:0; margin:0; list-style-type:none;}

#s3slider { 
   width: 648px; /* important to be same as image width */ 
   height: 405px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 648px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 13px;
   padding: 10px 13px;
   width: 292px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */

}

.top {top: 0;left: 0;}
.bottom {bottom: 0; left: 0; }

.clear {  clear: both;}



/*************************/
/* 8-  Formularios */
/*************************/

/* 8.1 - Sidebar Form */
label {	font-size:12px; width:160px; height: 17px;	font-weight:bold; color: #333333; }
.user {width: 180px; height: 14px;	margin-top:1px; font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 18px;	color: #333333;	background-color: #F4F4F4;	padding: 2px; border: 1px solid #CCCCCC;}
.pass {width: 180px; height: 14px;	margin-top:1px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 14px;	color: #333333;	background-color: #F4F4F4;	padding: 2px; border: 1px solid #CCCCCC; }
.login-button { margin: 2px 0px 0px 132px; height: 20px; }

/* 8.2 - Main Form */
.fleftcol {width: 220px;height: auto;padding-right:18px;float:left; margin-top: 10px; }
.frightcol {width: 340px;height: auto;	float:left; margin-top: 10px;}

.text_field {width: 220px;	height: 19px;	margin-top:3px;	margin-bottom:5px;	font-family: Helvetica, Arial, sans-serif;	font-size: 12px;	line-height: 20px;	color: #333333;	background-color: #FFFFFF;	padding: 2px; border: 1px solid #CCCCCC;}

.text_area {width: 360px;	height: 113px;	margin-top:3px;	margin-bottom:10px;	font-family: Helvetica, Arial, sans-serif;	font-size: 12px;	line-height: 20px;	color: #333333;	background-color: #FFFFFF;	padding: 2px;	border: 1px solid #CCCCCC; overflow:hidden;}
.send_button { float:left; }



/*************************/
/* 9-  Footer */
/*************************/
.footer { float:left; width:900px; background-image:url(image/footer-background.jpg); background-repeat:no-repeat; margin-top: 2px; margin-bottom: 10px; height: 90px; }

.footer-left { width: 690px; float:left; margin: 0px 0px 0px 0px;}
.footer-left-section { float:left; padding: 8px 30px 0px 25px;  }
.footer-left-section ul li { padding:0px 0px 4px 0px; font-size:11px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: none; list-style-position: outside; }
.footer-left-section ul li.first { padding: 4px 0px 10px 0px; font-weight:bold; color: #666666; font-size:14px;}
.footer-left-section ul li a { color: #222222; text-decoration:none; font-weight:bold; }
.footer-left-section ul li a:visited { color: #222222; text-decoration:none; font-weight:bold;}
.footer-left-section ul li a:hover { color: #9AB114; text-decoration:underline; font-weight:bold;}

.footer-right { width: 210px; float:left;}
.footer-right p { text-align:left; padding: 15px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.footer-right a, .footer-right a:visited { color: #7C9917; text-decoration:none; }
.footer-right a:hover { color:#7C9917; text-decoration:underline; }


/*************************/
/*10-  Image Styles */
/*************************/
.leftfloat { float:left; margin: 0px 15px 2px 0px; padding: 2px; border: 1px solid #BBBBBB;}

/*versao1*/
.rightfloat { float:right; margin: 0px 15px 2px 0px; padding: 2px; border: 1px solid #BBBBBB;}
.imageborder { margin: 0px 15px 2px 0px; padding: 2px; border: 1px solid #BBBBBB;}