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

/*************************************************************/
/*                  Global layout and formatting styles      */
/*   Development:   360graus.pt                              */
/*   Css Author:    Pedro Silva                              */
/*   Date:          Janeiro , 2010                            */
/*   Site:          ComercialFoto              */
/*-----------------------------------------------------------*/
/************************************************************************


/*************************/
/* 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
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
* {margin:0; padding:0} 
body {line-height: 1; font-size: 62.5%; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; background: #EEEEEE;}
html, body { min-height: 100%; height: 100%; }
html { min-height: 100%; margin-bottom: 1px; }
ol, ul {list-style: none;}

a:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

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

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

/* 2.0 - Header Container */
.header-container { width: 900px; height:132px; position:relative; background-image:url(image/header-background.jpg); background-repeat:no-repeat; margin-top: 20px; z-index:2;  }

/* 2.1 - logo/social navigation */
.logo { float:left; padding: 20px 0px 0px 20px; width:340px;}
.top-navigation { float:left; width: 520px; padding: 8px 20px 0px 0px; text-align:right;}
.toplinks { float:left; width: 520px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-align:right;}
.toplinks ul {  margin:0; padding:3px 0px 0px 0px;}
.toplinks ul li {list-style: none; display: inline;  font-size: 11px; font-weight:bold;  }
.toplinks ul li a { color: #8C8C8C; text-decoration:none; border-left: 1px solid #DADADA; padding: 0px 4px 0px 8px;}
.toplinks ul li:first-child a {border-left: none;}
.toplinks ul li a:visited { color: #8C8C8C; text-decoration:none;}
.toplinks ul li a:hover { text-decoration:underline; color:#333333;}

.redes-sociais {  padding: 0px 0px 0px 0px; float:left; width: 200px;  }
.redes-sociais ul {  margin:0; padding:0px 0px 0px 0px;}
.redes-sociais ul li {list-style: none; display: inline; padding: 0px 0px 0px 1px; font-size: 26px;  }

.tipsy { padding: 5px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; font-size:11px; }
.tipsy-inner { padding: 4px 6px; background-color: black; color: white; max-width: 200px; text-align: center;  }
.tipsy-south { background-image: url(image/tipsy-south.gif); background-position: bottom center; }
#facebook { vertical-align:top;}
#twitter{ vertical-align:top;}
#rss { vertical-align:top;}
#blog { vertical-align:top;}
#newsletter { vertical-align:top;}
#buzz { vertical-align:top;}

.numeroverde { float:left; width: 260px; text-align:right; padding: 3px 60px 0px 0px;}




/* 2.2 - Main Menu */
.menu-container { width: 860px; height: 40px; background-image:url(image/menu-background.jpg); background-repeat:no-repeat;  float:left; margin: 15px 0px 0px 20px; display:inline;}

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

/* 3.1 - homepage layout */
.banner-wrap{ width: 860px; float:left; height: 310px; background:url(image/banner-back.jpg) no-repeat; margin:0px 0px 0px 0px; padding:0;}
#carousel ul {	list-style: none;width:860px;	margin: 0;	padding: 0;	position:relative; }
#carousel li {	display:inline;	float:left;}

.home-marcas { float:left; width: 860px; padding: 20px 0px 0px 0px;}
.home-marcas-header { float:left; width: 180px; height: 28px; background:url(image/home-banner-header.jpg) no-repeat;}
.home-marcas-header h3 { color:#FFFFFF; padding: 7px 0px 0px 10px; font-size: 13px;}
.home-marcas-box { float:left; width: 860px; height: 94px; background:url(image/home-box-background.jpg) no-repeat;}
.home-marcas-box p { padding: 5px 0px 0px 10px; font-size: 12px; line-height: 17px;}
.home-marcas-box a, .home-marcas-box { text-decoration:none; color:#F87D03; font-weight:bold;}
.home-marcas-box a:hover { text-decoration:underline;}

#nav-brands  {background: url(image/home-menu-marcas.jpg) top left no-repeat; width: 852px; height: 50px; position: relative; margin: 16px 0px 0px 5px; }
#nav-brands span {display: none;}
#nav-brands li, #nav-brands a {height:50px;display:block;}
#nav-brands li {margin: 0; padding: 0; list-style: none;   position: absolute; top: 0;}
#nav-leica { width: 42px; left: 2px;}
#nav-sigma {width: 89px; left: 55px;}
#nav-lowepro {width: 106px; left:151px;}
#nav-hahnel {width: 67px; left:267px;}
#nav-hasselblad {width: 170px; left:341px;}
#nav-sandisk {width: 99px; left:521px;}
#nav-elecom {width: 96px; left:628px;}
#nav-broncolor {width: 115px; left: 736px;}
#nav-leica a:hover {background:url(image/home-menu-marcas.jpg) -2px -50px no-repeat; }
#nav-sigma a:hover {background:url(image/home-menu-marcas.jpg) -55px -50px no-repeat; }
#nav-lowepro a:hover {background:url(image/home-menu-marcas.jpg) -151px -50px no-repeat; }
#nav-hahnel a:hover {background:url(image/home-menu-marcas.jpg) -267px -50px no-repeat; }
#nav-hasselblad a:hover {background:url(image/home-menu-marcas.jpg) -341px -50px no-repeat; }
#nav-sandisk a:hover {background:url(image/home-menu-marcas.jpg) -521px -50px no-repeat; }
#nav-elecom a:hover {background:url(image/home-menu-marcas.jpg) -628px -50px no-repeat; }
#nav-broncolor a:hover {background:url(image/home-menu-marcas.jpg) -736px -50px no-repeat; }

/* 3.1.1 - registo home */
.registo-home-header { float:left; width: 180px; height: 28px; background:url(image/home-banner-header.jpg) no-repeat; margin:20px 0px 0px 0px;}
.registo-home-header h3 { color:#FFFFFF; padding: 7px 0px 0px 10px; font-size: 13px;}

.registo-home { width: 860px; float:left; margin: 0px 0px 0px 0px; background: url(image/register-box-back.jpg) no-repeat; height: 270px;}
.registo-home h4 { clear:both; padding: 10px 0px 6px 9px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #222222;  margin:0;}
.registo-home p { text-align:center; padding: 10px 0px 0px 0px;}

.registo-boxes { float:left; width: 860px; margin: 0px 0px 0px 0px; background:url(image/registo-back.jpg) no-repeat; height: 164px;}
.registo-boxes ul {margin:2px 10px 0px 30px;padding:0; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
.registo-boxes ul li { padding:0px 0px 5px 4px; color: #3B3B3B; list-style-type: disc; list-style-position:outside; line-height: 14px;}
.registo-box-left { float:left; width: 200px; padding: 50px 78px 0px 2px;}
.registo-box-middle {float:left; width: 200px; padding: 50px 78px 0px 0px;}
.registo-box-right {float:left; width: 295px; padding: 50px 0px 0px 0px;}
.registo-box-right p { text-align:center; padding: 7px 0px 0px 0px; font-size:12px;}
.registo-box-right a, .registo-box-right a:visited { color:#FF9900; text-decoration:underline;}
.registo-box-right a:hover { text-decoration:none;}

/* 3.2 - global layout */
.wrapper { width: 900px; margin: 0; padding: 0; background-image: url(image/wrapper-background.jpg); float:left;  }
.wrapper-end {width: 900px; margin: 0; padding: 0; background-image: url(image/wrapper-end.jpg); background-repeat:no-repeat; height: 20px; float:left;  }
.content { width:860px; padding: 10px 20px 10px 20px; float:left; z-index:1; }

/*2 columns*/
.left-col { width:200px; float:left; padding: 0px 20px 0px 0px;}
.left-col p { padding: 0px 0px 20px 0px; font-size: 12px; text-align:left; clear:both;}

.right-col { width: 640px; float:left;}
.right-col p { font-size: 13px; color:#222222; padding: 0px 0px 10px 0px; line-height: 16px; clear:both;}
.right-col a, .right-col a:visited { text-decoration:none; color:#FF6600;}
.right-col a:hover { text-decoration:underline; color:#FF9900;}

/* Listas */
.right-col ul {margin:5px 0px 10px 7px;padding:0; }
.right-col ul li { padding:0px 0px 5px 14px; color: #333333;font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: none; list-style-position:outside; background: transparent url(image/list-bullet.gif) no-repeat 0px 5px; line-height: 16px;  }
.right-col ul li a { color: #EA7500; text-decoration:none;}
.right-col ul li a:visited { color:#EA7500; text-decoration:none;}
.right-col ul li a:hover { color: #FF6600; text-decoration:underline;}


/*Linha Produtos */
.product-line { float:left; width: 640px; padding: 4px 0px 10px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #E1E1E1;}
.product-left-pic { float: left; width: 150px; padding: 0px 20px 0px 0px;}
.product-left-pic p { padding: 0px 0px 2px 0px; text-align:center; font-size:11px; font-weight:bold;}
.product-left-pic a, .product-left-pic a:visited { text-decoration:none; color:#FB6D04;}
.product-left-pic a:hover { text-decoration:none; color:#CC3300;}
.extra-pics { display:none;}
.product-right-inf { float: left; width: 470px; padding: 0; margin:0; }
.product-right-inf p { color:#444444; font-size:12px; padding: 0px 0px 8px 0px; line-height: 15px;}
.product-right-inf h2 { font-family:Arial, Helvetica, sans-serif; clear:both; font-size:15px; padding: 0px 0px 6px 16px; color:#FF9900; background:url(image/grey-bullet.gif) top left; background-repeat:no-repeat;}

/* Marcas */
.marcas-linha { float:left; width: 640px; padding: 0px 0px 10px 0px; }
.marcas-left { width: 300px; padding: 0px 40px 0px 0px; float:left;}
.marcas-right { width: 300px; padding: 0px 0px 0px 0px; float:left; }

/* Slideshow */
.slideshow { float:left; width: 640px; height: 450px; margin:0; padding:0; z-index:1; background: url(image/slideshow-back.gif) no-repeat;}

/* Imagens */
.leftfloat { float:left; margin: 0px 10px 0px 0px;}

/* Blog */
.blog-container { float: left; width: 640px; padding:0; margin:0;}
.blog-container p { font-size: 13px; font-family:Arial, Helvetica, sans-serif; padding: 0px 0px 8px 0px; line-height: 15px;}
.blog-container img { float:left; margin: 0px 10px 0px 0px;}
.blog-container hr { border:dotted #A8A8A8; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:0px 0px 10px 0px;padding:0; }

/* Novidades */
.novidades-linha { float:left; width: 640px; padding:0px 0px 20px 0px; margin:10px 0px 10px 0px; border-bottom: 1px solid #E1E1E1;}
.novidades-pic  { float:left; margin: 0px 16px 8px 0px;}
.novidades-linha h3 { color:#EE8A02;  clear:none; padding: 0px 0px 2px 0px;}
.novidades-linha h3 a, .novidades-linha h3 a:visited { text-decoration:none; color:#EE8A02;}
.novidades-linha h3 a:hover { text-decoration:underline;}
.novidades-linha p { clear:none; padding: 0px 0px 0px 0px; line-height: 16px; color:#202020;}
.novidades-linha a, .novidades-linha a:visited {text-decoration:none; color:#EE8A02;}
.novidades-linha a:hover { text-decoration:underline;}

/* Apoio Cliente */
.linha-apoio { float:left; margin: 0px 0px 14px 0px; width: 640px; height: 176px; background:url(image/linha-apoio-back.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif;}
.linha-apoio-left { float:left; width: 320px;padding:0; margin:0; }
.linha-apoio-left img { float:left; margin: 0px 10px 9px 0px;}
.linha-apoio-left p { padding:0px 5px 6px 10px; font-size: 13px; color:#000000; line-height: 16px;}
.linha-apoio-left h3{ padding: 6px 0px 8px 10px; font-size: 14px; color:#FFFFFF; clear:both;}
.linha-apoio-right { float:left; width: 320px; padding:0; margin:0;}
.linha-apoio-right img { float:left; margin: 0px 10px 9px 0px;}
.linha-apoio-right p { padding:0px 5px 6px 10px; font-size: 13px; color:#000000; line-height: 16px; }
.linha-apoio-right h3 { padding: 6px 0px 8px 10px; font-size: 14px; color:#FFFFFF; clear:both;}

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

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #222222; padding: 0px 0px 5px 0px; border-bottom: 1px solid #E1E1E1; clear:both; margin: 0px 0px 10px 0px;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; padding: 0px 0px 5px 0px;  clear:both; margin: 0px 0px 10px 0px;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FF6600; padding: 0px 0px 5px 0px;  clear:both; margin: 0px 0px 10px 0px;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #646464; padding: 0px 0px 5px 0px;  clear:both; margin: 0px 0px 10px 0px;}
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #222222; padding: 0px 0px 5px 0px;  clear:both; margin: 0px 0px 10px 0px;}
h6 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FF6600; padding: 0px 0px 5px 0px;  clear:both; margin: 0px 0px 10px 0px;}



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

.sidebar-box-header { width:200px; height: 28px; background:url(image/sidebar-box-header.jpg) no-repeat; float:left;}
.sidebar-box-header h3 { font-size:13px; font-weight:bold; color:#FFFFFF; padding: 7px 0px 0px 8px; font-family:Arial, Helvetica, sans-serif;}
.sidebar-box { width: 200px; margin:0; float:left; background:url(image/sidebar-box-back.jpg) ; }
.sidebar-box ul {margin: 0px 0px 6px 0px;padding:0; }
.sidebar-box ul li { padding:10px 0px 0px 24px; color: #2B3941;font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: none; list-style-position:outside; background: transparent url(image/sidebar-menu-arrow.gif) no-repeat 9px 8px;  }
.sidebar-box ul li a { color: #333333; text-decoration:none; font-weight:bold;}
.sidebar-box ul li a:visited {  text-decoration:none;}
.sidebar-box ul li a:hover { color: #FF6300; text-decoration:underline;}
.sidebar-box a.selected {color: #FF6300; text-decoration:none; }
.sidebar-box-end { width: 200px; float:left; height: 10px; background:url(image/sidebar-box-end.jpg) no-repeat; margin: 0px 0px 20px 0px;}
.sidebar-box p { padding: 8px 0px 0px 10px;}


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

.footer-header { width: 900px; margin: 20px 0px 0px 0px; padding: 0; background: url(image/footer-header.jpg) no-repeat; float:left; height: 14px;  }

.footer-content {width: 900px; margin: 0; padding: 0; background:url(image/footer-back.jpg); float:left;}
.footer-col { width: 160px; float:left; padding: 2px 0px 0px 20px;}
.footer-content h4 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; font-weight:bold; padding: 0px 0px 5px 0px; margin:0;}
.footer-content ul { list-style-type:none; padding: 0px 0px 4px 0px;}
.footer-content ul li { padding:0px 0px 2px 4px; color: #363636;font-size:11px; font-family: Arial, Helvetica, sans-serif; list-style-type: none; list-style-position: outside; }
.footer-content ul li a { color: #6F6F6F; text-decoration:none; }
.footer-content ul li a:visited { color: #6F6F6F; text-decoration:none;}
.footer-content ul li a:hover { color: #222222; text-decoration:underline;}

.footer-end {width: 900px; margin: 0px 0px 2px 0px; padding: 0; background-image: url(image/footer-end.jpg); background-repeat:no-repeat; height: 14px; float:left;  }
.footer-inf { float:left; width: 900px; padding: 5px 0px 20px 0px; font-size: 11px; color: #707070;}
.footer-inf-left{ float:left; width: 400px; padding: 0px 20px 0px 2px;}
.footer-inf-right{ float:left; width: 460px; padding: 0px 4px 0px 0px; text-align:right;}
.footer-inf-right a, .footer-inf-right a:visited { text-decoration:none; color: #FB8D20;}
.footer-inf-right a:hover { text-decoration:underline;} 

/*************************/
/* 7 -  Formulario */
/*************************/
.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: #EBEBEB;	padding: 2px; border: 1px solid #CCCCCC;}

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


.send_button {width:80px;float:left;	margin-left:270px;}
label {	font-size:12px;	width: 180px;height: 16px;	font-weight:bold; color: #333333;}
.fleftcol {width: 230px;height: auto;padding-right:18px;float:left; margin-top: 10px; }
.frightcol {width: 340px;height: auto;	float:left; margin-top: 10px;}

.blog-line
{
     margin-bottom:20px;
     border-style:dotted ;
     border-width:1px;
     border-color:#C8C8C8  ;
     padding:10px;
    }