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

/*************************************************************/
/*                  Global layout and formatting styles      */
/*   Development:   360graus.pt                              */
/*   Css Author:    Pedro Silva                              */
/*   Date:          Agosto , 2009                            */
/*   Site:          STCP - Porto Tram              */
/*-----------------------------------------------------------*/
/************************************************************************


/*************************/
/* 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: #F3F4F4 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;}

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

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

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

/* 2.1- Logo */
.logotipo { float: left;clear: both; width: 99px;  margin-top: 20px; }
.tram-logo { float:left; margin: 5px 0px 0px 0px; padding:0; width: 280px; text-align:right; }
.flash-banner { float:left; width: 560px; height: 93px; margin: 20px 0px 0px 0px; padding: 0px 10px 0px 30px;}
/* 2.1- End Logo*/

/* 2.2- Top Navigation */
.top-nav {background: url(image/topnav-right.gif) no-repeat 100% 0;	padding: 0 6px 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 6px;float: left;display: inline;}
.top-nav ul li {list-style: none;height: 26px;float: left;display: inline;}
.top-nav ul li a {display: block;margin: 7px 0 0 0;	padding: 0 10px 0 10px;	font-size: 11px;font-family:Arial, Helvetica, sans-serif; font-weight: bold; border-left: 1px solid #DADADA;}
.top-nav ul li a:link, .top-nav ul li a:visited {color:#A26915; 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 */
.menu-container { width: 980px; height: 38px; background-image:url(image/menubar.jpg); background-repeat:no-repeat;  float:left; margin: 16px 0px 0px 0px; display:inline;}

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

/* 3.1 - Homepage Layout */
.home-banner{ width: 980px; float:left; padding:0; margin:0; background:#D7D7D7; height: 206px;}
.home-banner img { margin: 3px 0px 0px 0px;}

.tram-pub { width: 980px; float:left; margin: 0px 0px 20px 0px; padding: 0; height: 61px; background: url(image/home-sub-banner.png) no-repeat;}
.tram-pub-left { float:left; width: 780px; padding: 0px 0px 0px 0px; margin:0px;  }
.tram-pub-right { float:left; width: 200px; padding: 0px 0px 0px 0px; margin:0px;  }


.home-content-header { float:left; width: 980px; background:url(image/home-header-back.gif) no-repeat; height: 15px;  margin:0; padding:0; overflow:hidden;}
.home-content { float:left; width: 980px; background:url(image/home-content-back.gif) ;  margin: 0; padding:0; overflow:hidden; }
.home-content-title-left { float:left; width: 674px; margin: 0px 0px 6px 0px; padding:0;}
.home-content-title-left h3 { float:left; padding: 0px 0px 0px 20px;}
.home-content-title-right { float:left; width: 306px; margin: 0px 0px 6px 0px; padding:0;}
.home-content h2 { padding:0px 0px 4px 12px; color:#E4A014; font-size: 18px; font-weight:normal; margin:0;}
.home-content h2 a:link, .home-content h2 a:visited { text-decoration:none; color:#E4A014; font-size: 18px; font-weight:normal;}
.home-content h2 a:hover { text-decoration:underline;}
.home-content-col1 {float:left; padding: 0px 0px 0px 12px; width: 204px;}
.home-content-col2 {float:left; width: 204px; padding: 0px 0px 0px 18px;}
.home-content-col3 {float:left; width: 204px; padding: 0px 0px 0px 18px;}
.home-content-col4 { float:left; padding: 0px 10px 0px 26px; width: 282px;}
.home-content-col4 h3  { padding: 8px 0px 8px 12px; color: #FFFFFF; font-size: 12px; background:#13A4CE; clear:both; overflow:hidden; margin: 0px 0px 1px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.home-content-col4 p { padding: 6px 0px 6px 0px; font-size: 12px; line-height: 15px; color:#363636;}
.home-content-bottom { float:left; width: 980px; background:url(image/home-bottom-back.gif) no-repeat; height: 14px; overflow:hidden; margin:0px 0px 20px 0px; padding:0; overflow:hidden;}

.home-box-brown { width: 202px; border: 1px solid #EFEFEF; height: 260px;}
.home-box-brown h3  { padding: 8px 0px 8px 12px; color: #FFFFFF; font-size: 12px; background:#CD8312; clear:both; overflow:hidden; margin: 0px 0px 1px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.home-box-brown p { text-align:center; padding: 5px 0px 4px 0px; font-size: 12px;}
.home-box-brown a:link, .home-box-brown a:visited { color:#DE8C12; text-decoration:none; font-size: 13px; font-weight:bold;  }
.home-box-brown a:hover { text-decoration:underline;}

.home-box-red { width: 202px; border: 1px solid #EFEFEF; height: 260px;}
.home-box-red h3  { padding: 8px 0px 8px 12px; color: #FFFFFF; font-size: 12px; background:#C50024; clear:both; overflow:hidden; margin: 0px 0px 1px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.home-box-red p { text-align:center; padding: 5px 0px 4px 0px; font-size: 12px;}
.home-box-red a:link, .home-box-red a:visited { color:#DE8C12; text-decoration:none; font-size: 13px; font-weight:bold;  }
.home-box-red a:hover { text-decoration:underline;}

.home-box-grey { width: 202px; border: 1px solid #EFEFEF; height: 260px;}
.home-box-grey h3  { padding: 8px 0px 8px 12px; color: #ffffff; font-size: 12px; background: #959595; clear:both; overflow:hidden; margin: 0px 0px 1px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.home-box-grey p { text-align:center; padding: 5px 0px 4px 0px; font-size: 12px;}
.home-box-grey a:link, .home-box-grey a:visited { color:#DE8C12; text-decoration:none; font-size: 13px; font-weight:bold;  }
.home-box-grey a:hover { text-decoration:underline;}


.home-content ul {list-style-type:none; margin: 0; padding: 5px 2px 4px 2px; color:#666666; }
.home-content li {list-style-type: none; display: block; line-height: 14px; background: transparent url(image/list-bullet.gif) no-repeat 0px 0px; padding: 0px 0px 5px 22px; font-size: 12px;  }
.home-content li a, .destaques-left li a:visited { color:#666666; text-decoration:none;}
.home-content li a:hover { color:#666666; text-decoration:underline;}


	
/* 3.2 - Global layout */
.wrapper { width: 980px; margin: 20px 0px 0px 0px; padding: 0; float:left; }

.content-container-header {float:left; width: 980px; background:url(image/content-header-back.gif) no-repeat; height: 15px;  margin:0; padding:0; overflow:hidden;}
.content-container {float:left; width: 980px; background:url(image/content-back.gif) ;  margin: 0; padding:0; overflow:hidden;}
.content-container-bottom {float:left; width: 980px; background:url(image/content-bottom-back.gif) no-repeat; height: 15px; overflow:hidden; margin:0px 0px 20px 0px; padding:0; overflow:hidden;}

/* colunas*/
.content-left-col { width:190px; float:left; padding: 0px 0px 0px 10px; }
.content-left-col p { clear:both;}
.content-middle-col {width: 570px; float:left; padding: 0px 15px 0px 15px;}
.text-box { padding:0; margin:0; width: 570px;}
.text-box a:link, .text-box a:visited { text-decoration:none; color:#CF8B25;}
.text-box a:hover { text-decoration:underline;}
.text-box p { font-size: 12px; padding: 8px 0px 6px 0px; font-family:Arial, Helvetica, sans-serif; line-height: 17px; color:#222222;}
.text-box ul {margin:10px 0px 10px 4px;padding:0; }
.text-box ul li { padding:0px 0px 5px 5px; color: #333333;font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: disc; list-style-position:inside; line-height: 17px; }
.text-box ul li a { color: #CF8B25; text-decoration:none;}
.text-box ul li a:visited { color:#CF8B25; text-decoration:none;}
.text-box ul li a:hover { color: #CF8B25; text-decoration:underline;}

.content-right-col {width: 170px; float:left; padding:0px 10px 0px 0px;}

/*Sidebar*/
.orange-box-header { width:190px; height: 28px; background:url(image/orange-box-header.jpg) no-repeat; float:left;}
.orange-box-header h3 { font-size:13px; font-weight:bold; color:#ffffff; padding: 7px 0px 0px 8px;}
.sidebar-box { width: 188px; margin:0; float:left; border-left: 1px solid #E6EAEC; border-right: 1px solid #E6EAEC;}
.sidebar-box-end { width: 190px; float:left; height: 5px; background:url(image/sidebar-box-end.jpg) no-repeat; margin: 0px 0px 10px 0px;}

.grey-box-header { width:170px; height: 28px; background:url(image/grey-box-header.jpg) no-repeat; float:left;}
.grey-box-header h3 { font-size:13px; font-weight:bold; color:#222222; padding: 7px 0px 0px 8px;}
.grey-box { width: 168px; margin:0; float:left; border-left: 1px solid #E6EAEC; border-right: 1px solid #E6EAEC;}
.grey-box-end { width: 170px; float:left; height: 5px; background:url(image/sidebar-right-end.jpg) no-repeat; margin: 0px 0px 20px 0px;}
.grey-box img { padding: 1px 0px 0px 0px;}
.grey-box ul { list-style-type:none; margin: 6px 0px 4px 0px;}
.grey-box ul li {  list-style-position: outside; padding: 5px 0px 5px 6px; font-size: 12px; line-height: 11px; }
.grey-box ul li a  { display:block; text-decoration:none; color:#CF8B25; background: transparent url(image/list-right-box-arrow.gif) no-repeat 0px 0px; padding: 0px 0px 0px 16px;}
.grey-box ul li a:visited { text-decoration:none; color:#CF8B25; }
.grey-box ul li a:hover { text-decoration: underline; color: #9D7624; background: transparent url(image/list-right-box-arrow.gif) no-repeat 0px 0px;}
.grey-box p { padding: 4px 5px 6px 5px; font-size: 11px; line-height: 15px;}
.grey-box a, .grey-box a:visited { text-decoration:none; color:#CF8B25;}
.grey-box a:hover { text-decoration:underline;}

.left-box-header { width:190px; height: 28px; background:url(image/left-box-header.jpg) no-repeat; float:left; margin: 10px 0px 0px 0px;}
.left-box-header h3 { font-size:13px; font-weight:bold; color:#222222; padding: 7px 0px 0px 8px;}
.left-box { width: 188px; margin:0; float:left; border-left: 1px solid #E6EAEC; border-right: 1px solid #E6EAEC;}
.left-box-end { width: 190px; float:left; height: 5px; background:url(image/sidebar-box-end.jpg) no-repeat; margin: 0px 0px 20px 0px;}
.left-box ul { list-style-type:none; margin: 6px 0px 4px 0px;}
.left-box ul li {  list-style-position: outside; padding: 5px 0px 5px 6px; font-size: 12px; line-height: 11px; }
.left-box ul li a  { display:block; text-decoration:none; color:#25A5C0; background: transparent url(image/list-right-box-arrow.jpg) no-repeat 0px 0px; padding: 0px 0px 0px 16px;}
.left-box ul li a:visited { text-decoration:none; }
.left-box ul li a:hover { text-decoration: underline; color:#1B87A7; background: transparent url(image/list-right-box-arrow.jpg) no-repeat 0px 0px;}
.left-box p { padding: 10px 5px 2px 5px; font-size: 11px; line-height: 15px;}
.left-box a, .grey-box a:visited { text-decoration:none; color:#009FD0;}
.left-box a:hover { text-decoration:underline;}



/* Menu Lateral */

.leftmenu ul  { padding: 0; margin: 0px 0px 0px 0px; width: 188px;  }
.leftmenu ul li {list-style: none;	margin: 0; line-height: 12px; background: transparent url(image/left-menu-arrow.jpg) no-repeat 5px 9px; _background: transparent url(image/left-menu-arrow.jpg) no-repeat 5px 8px; width: 188px; font-weight:bold; }
.leftmenu ul li a {	display: block;	text-decoration: none;	padding: 8px 5px 8px 19px;	font-size: 12px; color: #585858;  overflow:hidden;  border-top: 1px solid #E6EAEC; }
.leftmenu ul li a:visited { text-decoration:none; color: #585858; }
.leftmenu ul li a:hover { color: #000000; padding: 8px 5px 8px 19px; text-decoration:none; background: #F3C061 url(image/left-menu-arrow-up.jpg) no-repeat 5px 8px;  }
.leftmenu a.selected { color: #232323; padding: 8px 5px 8px 19px;  text-decoration:none; background: #F3C061  url(image/left-menu-arrow-up.jpg) no-repeat 5px 8px; font-weight:bold;  }
.leftmenu a:visited.selected { color: #232323; padding: 8px 5px 8px 19px;  text-decoration:none; background: #F3C061 url(image/left-menu-arrow-up.jpg) no-repeat 5px 8px; font-weight:bold;  }
.leftmenu li li { padding: 0px 0px 0px 0px; line-height: 13px; background: transparent url(image/leftmenu-subarrow.gif) no-repeat 18px 12px; font-weight:normal; display: inline-block; }
.leftmenu li li a:hover { background:#F3C061 url(image/leftmenu-subarrow-up.gif) no-repeat 18px 11px; _background:#F3C061 url(image/leftmenu-subarrow-up.gif) no-repeat 18px 12px;}
.leftmenu  a.subselect { color:#000000; text-decoration:none; font-weight: bold; font-size:12px;  }
.leftmenu  a:visited.subselect { color:#000000; text-decoration:none; font-weight: bold; font-size:12px; }
.leftmenu  a:hover.subselect { color:#000000; text-decoration:none; font-weight: bold; font-size:12px;  }

/* 3.3 Tabbed Content */
#tabs_container {	width: 570px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; float:left; padding: 20px 0px 20px 0px;}
#tabs_container ul.tabs {	list-style: none;	border-bottom: 1px solid #ccc;	height: 25px;	margin: 0;}
#tabs_container ul.tabs li {float: left;}
#tabs_container ul.tabs li a {	padding: 6px 18px 6px 18px;	display: block;	border-left: 1px solid #ccc;border-top: 1px solid #ccc;	border-right: 1px solid #ccc;	margin: 0px 5px 0px 3px;	text-decoration: none;	background-color: #A97A34;	color: #ffffff; text-decoration:none; }
#tabs_container ul.tabs li a:hover { color:#F7860F; text-decoration:underline; background-color: #EBEBEB;	}
#tabs_container ul.tabs li.active a {	background-color: #fff; color:#F7860F; text-decoration:none; font-weight:bold; padding-top: 7px;	}
#tabs_container ul.tabs li.active a:hover {	background-color: #fff; color:#F7860F;	}
div.tab_contents_container { padding: 8px 6px 8px 6px; margin: 0px 0px 0px 0px; }
div.tab_contents_container a:link, div.tab_contents_container a:visited { color: #25B0DE; text-decoration:none;}
div.tab_contents_container a:hover { text-decoration:underline;}
div.tab_contents {	display: none;}
div.tab_contents_active {display: block;}
div.clear {	clear: both;}

div.tab_contents_container h3 { color: #FF9900; text-transform:uppercase; font-size: 12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0; padding:5px 0px 0px 0px; clear:both;}

div.tab_contents_container ul { list-style-type: none; margin:0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
div.tab_contents_container ul li { list-style-type: none; display: block; line-height: 12px; background: transparent url(image/list-bullet.jpg) no-repeat 0px 0px; padding: 0px 0px 5px 6px; font-size: 12px;}

div.tab_contents_container p { padding: 4px 0px 4px 0px; line-height: 15px; font-size: 12px; color:#000000; font-family:Arial, Helvetica, sans-serif;}

/* tabs product description */
.tab-product { width: 558px; border-bottom: 2px solid #EAEAEA; padding: 15px 0px 0px 0px; float:left;}
.tab-product h4 { color:#F7860F; font-size: 13px; padding: 0px 0px 0px 0px;}
.tab-product h4 a:link, .tab-product h4 a:visited { text-decoration:none; color: #F7860F;}
.tab-product h4 a:hover { text-decoration:underline;}
.tab-product img { float:left; padding: 0px 12px 15px 0px; }

.ajuda-nome {width: 180px; height: 13px;	margin-top:1px; 	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 18px;	color: #333333;	background-color: #FFFFFF;	padding: 2px; border: 1px solid #CCCCCC;}
.ajuda-question {margin-top:4px; 	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 18px;	color: #333333;	background-color: #FFFFFF;	padding: 2px; border: 1px solid #CCCCCC; width: 400px;}
.ajuda-enviar { margin: 6px 0px 6px 0px; }


.pic-line { width: 558px; padding: 5px 0px 10px 0px;}
.pic-line img { margin:0px 0px 4px 0px;}


/* 3.4 Shop */
.shop-col-left {  width: 720px; float:left; padding:0px 20px 0px 20px;}
.shop-col-left h1 { font-size: 18px; font-family:Arial, Helvetica, sans-serif; color: #D98717; font-weight:bold; padding:0; margin:0;}
.shop-head {padding: 2px 0px 8px 0px; margin: 0px 0px 10px 0px; width: 720px; float:left;border-bottom: 1px solid #EEEEEE;}
.shop-col-right { width: 200px; float:left; padding:0px 20px 0px 0px;}

.shop-box-header { width:200px; height: 28px; float:left; background: #D98717;}
.shop-box-header img { float:left; margin: 0px 3px 0px 6px;}
.shop-box-header h3 { font-size:13px; font-weight:bold; color:#ffffff; padding: 7px 0px 0px 8px;}
.shop-box-header a, .shop-box-header a:visited { color:#ffffff; text-decoration:none;}
.shop-box-header a:hover { text-decoration:underline;}

.shop-box-content { width: 198px; margin:0; float:left; border-left: 1px solid #E6EAEC; border-right: 1px solid #E6EAEC; border-bottom: 1px solid #E6EAEC; margin: 0px 0px 20px 0px;}
.shop-box-content p { padding: 8px 10px 4px 10px; line-height: 14px; color: #222222; font-size: 12px;}
.shop-box-content ul { list-style-type:none; margin: 6px 0px 4px 0px;}
.shop-box-content ul li {  list-style-position: outside; padding: 5px 0px 5px 6px; font-size: 12px; line-height: 11px; }
.shop-box-content ul li a  { display:block; text-decoration:none; color:#5F5F5F; background: transparent url(image/help-arrow.gif) no-repeat 0px 0px; padding: 0px 0px 0px 16px;}
.shop-box-content ul li a:visited { text-decoration:none; color:#5F5F5F; }
.shop-box-content ul li a:hover { text-decoration: underline; color: #A27624; background: transparent url(image/help-arrow.gif) no-repeat 0px 0px;}
.shop-box-content a, .shop-box-content a:visited { text-decoration:none; color: #E1872D;}
.shop-box-content a:hover { text-decoration:underline;}


.product-line { float:left; width:720px; margin: 10px 0px 10px 0px;}
.product-line img { border: 2px solid #F5F3EB; display:block;}
.product-line img:hover { border: 2px solid #D9D2B0;}
.product-col-left { float:left; margin:0px; padding: 0px 24px 0px 0px; width:224px; }
.product-col-middle {float:left; margin:0px; padding: 0px 24px 0px 0px; width:224px; }
.product-col-right {float:left; margin:0px; padding: 0px 0px 0px 0px; width:224px;}
.product-line-description { width: 224px; background: #F5F3EB; color:#434950; font-size:12px; margin:0; overflow:hidden; padding:0; }
.product-line-description a, .product-line-description a:visited { text-decoration:none; color:#434950; font-size:12px; font-weight:bold;}
.product-line-description a:hover { text-decoration:underline; color:#375564;}
.product-line-description p { padding: 2px 10px 6px 10px;}
.price-small { color: #C59634; font-weight:bold;}
.price-large { color:#FF8304; font-weight:bold; font-size: 18px;}
.details {color:#484848; font-weight:bold; font-size: 15px; padding-right: 15px; }
.qtd { height: 16px; width: 30px; border: 1px solid #D3D3D3; margin: 6px 0px 12px 8px;}
.p-sel {margin: 8px 0px 2px 18px; border: 1px solid #D3D3D3;}

.product-pic { width: 350px; float:left; padding: 10px 20px 0px 0px;}
.product-pic img { padding:1px; border: 1px solid #F5F3EB;}
.product-info { float:left; width:350px; padding: 10px 0px 0px 0px;}
.product-info h2 { font-size: 16px; font-family:Arial, Helvetica, sans-serif; color: #484848; font-weight:bold; padding:0px 0px 6px 0px; margin:0; }
.product-info p { padding: 5px 0px 5px 0px; line-height: 16px; color:#333333; font-size: 12px; border-top: 1px solid #EEEEEE;}
.product-info a, .product-info a:visited { color:#D98717; text-decoration:none;}
.product-info a:hover { text-decoration:underline; color: #CD7A27;}

.shopcart-wrap { width:940px; float:left; margin: 10px 0px 20px 0px; padding: 0px 20px 0px 20px;}
.shopcart-navigation { float:left; width: 940px; margin: 0px 0px 20px 0px;}
.shopcart-navigation ul { list-style:none; }
.shopcart-navigation ul li { float:left;  height: 55px; display:block; width: 207px;  padding: 0px 28px 0px 0px;}
.shopcart-navigation ul li h2 {padding: 18px 0px 0px 48px ; font-size: 12px; }
.shopcart-navigation ul li a, .shopcart-navigation ul li a:visited {display: block; width: 207px; height: 55px; color:#000000; text-decoration:none;}
.cesto  { background:url(image/cart-1.jpg) no-repeat; font-size: 12px; font-weight:bold; color:#000000;}
.cesto-selected { background:url(image/cart-1-hover.jpg) no-repeat; font-weight: bold; font-size: 12px;}
.cesto-selected h2 { color:#FFFFFF;}
.inf-cliente { background:url(image/cart-2.jpg) no-repeat; font-size: 12px; font-weight:bold; color:#000000;}
.inf-cliente-selected { background:url(image/cart-2-hover.jpg) no-repeat; color:#FFFFFF; font-weight: bold; font-size: 12px;}
.inf-cliente-selected h2 { color:#FFFFFF;}
.verifica { background:url(image/cart-3.jpg) no-repeat; font-size: 12px; font-weight:bold; color:#000000;}
.verifica-selected { background:url(image/cart-3-hover.jpg) no-repeat; color:#FFFFFF; font-weight: bold; font-size: 12px;}
.verifica-selected h2 { color:#FFFFFF;}
.confirma { background:url(image/cart-4.jpg) no-repeat; font-size: 12px; font-weight:bold; color:#000000;}
.confirma-selected { background:url(image/cart-4-hover.jpg) no-repeat; color:#FFFFFF; font-weight: bold; font-size: 12px;}
.confirma-selected h2 { color:#FFFFFF;}

/* Tabela Cesto Compras */
table.cestocompras { width:940px; border-collapse:collapse; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; float:left;}
table.cestocompras a, table.cestocompras a:visited { text-decoration:none; color:#000000;}
table.cestocompras a:hover { text-decoration:underline;}
tr.carttitle  {background: #DADADA; font-weight:bold; height: 30px;}
tr.articleline { border-bottom: 1px solid #DFDFDF; }
tr.breakline { background:#E5E5E5;}
tr.lastline { background: #EEEEEE; height: 30px; }
.pic-th { width: 84px; text-align:center;}
.artigonome-th {width: 300px; text-align:left; font-size: 12px;padding: 0px;}
.qtd-th {width: 60px; text-align:center; font-size: 12px;padding: 0px;}
.preco-th {width: 100px; text-align:center; font-size: 12px;padding: 0px;}
.total-th {width: 100px; text-align:center; font-size: 12px;padding: 0px;}
.op-th {width: 120px; text-align:right;padding: 0px; }

.pic-cart { width: 84px; text-align:left; padding: 5px 0px 5px 0px; border-bottom: 1px solid #DFDFDF;}
.artigonome-cart {width: 300px; text-align:left; font-size: 11px;padding: 0px 0px 0px 0px; font-size: 12px; font-weight:bold; border-bottom: 1px solid #DFDFDF;}
.qtd-cart {width: 60px; text-align:center; font-size: 11px;padding: 0px 0px 0px 0px;border-bottom: 1px solid #DFDFDF;}
.input-cqtd { width: 30px; margin: 0px 0px 0px 0px; height: 19px; border: 1px solid #CACACA; }
.preco-cart {width: 100px; text-align:center; font-size: 11px;padding: 0px 0px 0px 0px; font-size: 12px; font-weight:bold;border-bottom: 1px solid #DFDFDF;}
.total-cart {width: 100px; text-align:center; font-size: 11px;padding: 0px 0px 0px 0px; font-size: 12px; font-weight:bold;border-bottom: 1px solid #DFDFDF;}
.op-cart {width: 120px; text-align:right;padding: 0px 5px 0px 0px;border-bottom: 1px solid #DFDFDF; }
.total-final { font-size: 17px; font-weight:bold; border-bottom: 1px solid #DFDFDF; text-align:center;}

.shopcart-voltar { float:left; width: 470px;}
.shopcart-voltar p { padding: 10px 0px 10px 0px; text-align:left;}
.shopcart-prosseguir { float:left; width: 470px; text-align:right;}
.shopcart-prosseguir p { padding: 10px 0px 10px 0px;}


.cart-verificacao { width: 940px; float:left; margin: 10px 0px 10px 0px;}
.cart-verificacao p { padding: 8px 12px 8px 12px; font-size: 12px;  clear:both; }
.cart-verificacao h2 { padding: 8px 0px 8px 12px; color: #000000; font-size: 12px; background: #DDDDDD; clear:both; overflow:hidden; }
table.verificacao { width:940px; border-collapse:collapse; font-family: Arial, Helvetica, sans-serif; margin: 30px 0px 10px 0px; float:left; font-size:12px;}
table.verificacao td { padding: 5px 5px 5px 5px; border-bottom: 1px solid #DFDFDF; }
table.verificacao p {padding: 1px 5px 5px 5px;}
.v-col1 { font-size: 12px; font-weight:bold; width: 240px; }
.v-col2 { font-size: 12px; font-weight:bold; width: 80px; }
.v-col3 { font-size: 12px; font-weight:bold; width: 240px;}
.v-col4 { font-size: 12px; font-weight:bold; width: 170px;}
.v-col5 { font-size: 12px; font-weight:bold; width: 70px;}
.v-sum { font-size: 15px; font-weight:bold;}


.formulario-dados { width: 940px; float:left; margin: 10px 0px 10px 0px;}
.formulario-dados-coluna {float:left; margin:0px 0px 0px 0px; width: 450px; padding: 2px 15px 0px 0px;}
.formulario-dados p { padding: 4px 12px 4px 12px; font-size: 12px; font-weight:bold; clear:both; }
.formulario-dados h2 { padding: 8px 0px 8px 12px; color: #000000; font-size: 12px; background: #DDDDDD; clear:both; overflow:hidden; }
.input-ref { margin: 5px 0px 0px 0px; width: 350px; border: 1px solid #CCCCCC; padding: 1px;}
.input-form-large {margin: 4px 0px 0px 0px; width: 350px; border: 1px solid #CCCCCC; padding: 1px; background: #F2F2F2;}
.input-form-small {margin: 4px 0px 0px 0px; width: 200px; border: 1px solid #CCCCCC; padding: 1px; background: #F2F2F2;}
.input-form-text {margin: 4px 0px 0px 0px; width: 350px; border: 1px solid #CCCCCC;}
.input-select {margin: 4px 0px 0px 0px; width: 140px; border: 1px solid #CCCCCC; }

.cart-confirmacao { width: 938px; float:left; margin: 0px 0px 10px 0px; border: 1px solid #E4E4E4;}
.cart-confirmacao h2 { padding: 8px 0px 8px 12px; color: #000000; font-size: 12px; background: #DDDDDD; clear:both; overflow:hidden; }
.cart-confirmacao p { padding: 8px 12px 8px 12px; font-size: 12px;  clear:both; }


/* Estilos adicionais shop */

.calculadora-wrap { float:left; margin: 10px 0px 10px 0px; background:#EFEFEF; width: 550px;}
.calculadora-wrap h2 { padding: 0px 0px 10px 0px; font-size: 15px; font-family:Arial, Helvetica, sans-serif; clear:both;}
.calculadora-wrap p { padding: 0px 0px 12px 0px; clear:both; font-size: 11px; font-weight:bold;}
.calculadora-left { float:left; padding: 10px 0px 10px 10px; width: 330px;}
.calculadora-right {float:left; padding: 50px 10px 10px 10px; width: 180px;}

.calc-sel { width: 180px; margin: 6px 0px 0px 0px; border: 1px solid #B7B7B7;}

/* Sitemap */
.sitemap-wrap { float:left; padding: 0px 20px 0px 20px; width: 940px;}
.sitemap-col { width: 145px; float:left; padding: 0px 0px 20px 10px;}
.sitemap-col h4 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#757575; font-weight:bold; padding: 0px 0px 5px 0px;}
.sitemap-col h4 a, .sitemap-col h4 a:visited {color: #757575; text-decoration:none; }
.sitemap-col h4 a:hover {color: #222222; text-decoration:underline;}
.sitemap-col ul li { padding:0px 0px 4px 4px; color: #363636;font-size:11px; font-family: Arial, Helvetica, sans-serif; list-style-type: none; list-style-position: outside; }
.sitemap-col ul li a { color: #8D8D8D; text-decoration:none; }
.sitemap-col ul li a:visited { color: #8D8D8D; text-decoration:none;}
.sitemap-col ul li a:hover { color: #222222; text-decoration:underline;}

/* Padded text boxes */
.wrap-text { padding: 0px 20px 0px 20px;}
.wrap-text a:link, .wrap-text a:visited { text-decoration:none; color:#CF8B25;}
.wrap-text a:hover { text-decoration:underline;}
.wrap-text p { font-size: 12px; padding: 8px 0px 6px 0px; font-family:Arial, Helvetica, sans-serif; line-height: 17px; color:#222222;}
.wrap-text ul {margin:10px 0px 10px 4px;padding:0; }
.wrap-text ul li { padding:0px 0px 5px 5px; color: #333333;font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: disc; list-style-position:inside; line-height: 17px; }
.wrap-text ul li a { color: #CF8B25; text-decoration:none;}
.wrap-text ul li a:visited { color:#CF8B25; text-decoration:none;}
.wrap-text ul li a:hover { color: #CF8B25; text-decoration:underline;}
.wrap-text h3 { font-size: 16px; color:#000000; padding: 5px 0px 5px 0px;}



/*************************/
/* 4-  Headers */
/*************************/
.orange-header { padding: 0px 0px 8px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#CC9900;}
.red-header { padding: 0px 0px 10px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #F02602;}
.green-header { padding: 0px 0px 10px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #95BF15;}


/* Heading topo */
.yellow-header { padding: 0px 0px 6px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#ECBD00;}
.light-blue { padding: 0px 0px 6px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #39C0E8;}
.dark-blue { padding: 0px 0px 6px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #2B8AAE;}
.light-green { padding: 0px 0px 6px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #99E328;}
.dark-green { padding: 0px 0px 6px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #2e8b57;}
.dark-red { padding: 0px 0px 6px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #D52E04;}
.light-pink { padding: 0px 0px 6px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#F301B0;}
.light-orange { padding: 0px 0px 6px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #CC9900;}
.gallery { padding: 0px 0px 10px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #CC9900; border-bottom: 1px solid #E9E9E9; margin: 0px 20px 20px 20px;}
.line-header { padding: 0px 0px 10px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #B18425; border-bottom: 1px solid #E9E9E9; margin: 0px 20px 20px 20px;}
.grey-header { color:#5F5958;padding: 0px 0px 10px 0px; font-size: 20px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.night-blue { padding: 0px 0px 10px 0px; font-size: 18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #0F2C4F;}



/* SubHeading  */
.small-yellow-header { padding: 8px 0px 8px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#ECBD00;}
.small-light-blue { padding: 8px 0px 8px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #39C0E8;}
.small-dark-blue { padding: 8px 0px 8px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #2B8AAE;}
.small-light-green { padding: 8px 0px 8px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #99E328;}
.small-dark-green { padding: 8px 0px 8px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #2e8b57;}
.small-dark-red { padding: 8px 0px 8px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #D52E04;}
.small-light-pink { padding: 8px 0px 8px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#F301B0;}
.small-light-orange { padding: 8px 0px 8px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color: #FF9900;}
.small-grey-header { color:#5F5958;padding: 0px 0px 10px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.small-night-blue { padding: 8px 0px 8px 0px; font-size: 16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#0F2C4F;}



h2 {padding: 10px 0px 8px 0px; font-size: 15px; font-family:Arial, Helvetica, sans-serif; color: #222222; font-weight:bold;}
h3 {padding: 10px 0px 10px 0px; font-size: 14px;  font-family:Arial, Helvetica, sans-serif; color: #222222;font-weight:bold;}
h4 {padding: 10px 0px 10px 0px; font-size: 13px;  font-family:Arial, Helvetica, sans-serif; color: #222222;font-weight:bold;}
h5 {padding: 10px 0px 10px 0px; font-size: 12px;  font-family:Arial, Helvetica, sans-serif; color: #222222;font-weight:bold;}
h6 {padding: 10px 0px 10px 0px; font-size: 11px;  font-family:Arial, Helvetica, sans-serif; color: #222222;font-weight:bold;}

/* Images */
.left-float { float:left; margin: 0px 8px 1px 0px;}


/*************************/
/* 5-  Custom Pages */
/*************************/
.error-page { padding: 0px 20px 0px 20px; float:left; width: 940px;}
.error-page ul {margin:5px 0px 10px 4px;padding:0; }
.error-page ul li { padding:0px 0px 5px 5px; color: #333333;font-size:14px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: disc; list-style-position:inside; line-height: 16px; }
.error-page ul li a { color: #9E7623; text-decoration:none;}
.error-page ul li a:visited { color:#9E7623; text-decoration:none;}
.error-page ul li a:hover { color: #9E7623; text-decoration:underline;}
.error-page h3 { font-size: 16px; color:#000000; padding: 15px 0px 5px 0px;}


/*************************/
/* 6-  Footer */
/*************************/
.footer { width:980px; margin: 10px 0px 10px 0px; float:left; border-top: 1px solid #E0E0E0;  display:inline;}
.footer-col { width: 152px; float:left; padding: 15px 0px 10px 10px;}
.footer h4 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#757575; font-weight:bold; padding: 0px 0px 5px 0px;}
.footer ul li { padding:0px 0px 4px 4px; color: #363636;font-size:11px; font-family: Arial, Helvetica, sans-serif; list-style-type: none; list-style-position: outside; }
.footer ul li a { color: #8D8D8D; text-decoration:none; }
.footer ul li a:visited { color: #8D8D8D; text-decoration:none;}
.footer ul li a:hover { color: #222222; text-decoration:underline;}
.footer-social { width: 980px; float:left;  font-size: 11px; color:#222222; border-top: 1px solid #EAEAEA;}
.footer-social a, .footer-social a:visited { color:#D29848; text-decoration:none;}
.footer-social a:hover { text-decoration:underline;}
.footer-social-left { float:left; margin: 5px 0px 5px 0px; width: 430px;}
.footer-social-left p { padding: 0; font-size: 11px; line-height: 15px; color:#8D8D8D; margin:0;}
.footer-social-right { float:left; margin: 5px 0px 0px 0px; width: 550px; color:#6E6E6E; }
.footer-social-right img { float:left; margin: 0px 5px 0px 0px;}
.twitter { width: 165px; float:left; margin: 0px 22px 0px 0px; }
.twitter p { padding: 0px 0px 4px 0px; font-size:10px; }
.ytube { width: 165px; float:left; margin: 0px 22px 0px 0px; }
.ytube p { padding: 0px 0px 4px 0px; font-size:10px; }
.rss { width: 165px; float:left; }
.rss p { padding: 0px 0px 4px 0px; font-size:10px; }
.footer h6 { color:#00B7E3; font-size: 11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin: 0; padding:0;}

.blue-light { color:#00ADEF;}
.blue-dark { color: #005879;}


/*************************/
/* 7-  Galeria Imagens */
/*************************/
.pikachoose{width:940px;margin:0 auto 0px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:940px;height:150px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 8px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:940px;height:412px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:926px;height:18px;padding: 4px 0px 0px 8px;text-align:left;position:absolute;bottom:9px;left:3px;background: url(image/black.png) top left; color:#FFFFFF; font-size: 12px;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('fastf.png') top right no-repeat;}

/*************************/
/* 8-  Formularios */
/*************************/
.form-generico { float:left; width: 570px; margin: 10px 0px 10px 0px; background:#F7F7F7;}
.form-generico-left { float:left; width: 250px; padding: 0px 20px 0px 0px; }
.form-generico-right { float:left; width: 290px; margin: 0px 0px 0px 0px; }
.form-generico p { padding: 5px 10px 5px 10px; line-height: 16px; font-size: 13px; color:#222222;}
.select-filter { width: 220px; height: 22px; padding-bottom: 0px; font-size: 12px; border: 1px solid #D6CED6; margin: 6px 0px 2px 0px; color: #646464;}
.text-inp { width: 220px; height: 20px; padding-bottom: 0px; font-size: 12px; border: 1px solid #D6CED6; margin: 6px 0px 2px 0px; color: #646464;}
.input-form-text {margin: 6px 0px 2px 0px; width: 220px; border: 1px solid #CCCCCC; height: 80px;}