/*  
Theme Name: Canelhas
Theme URI:
Description: The default theme for Canelhas
Version: 1.0
Author: Pedro Rogerio
Author URI: http://www.pinceladasdaweb.com.br/blog/
*/

/*
+----------------------------------------------------------------+
	Definicoes Gerais															
+----------------------------------------------------------------+
*/
a {text-decoration:none;}
body {background:#dedede url(img/bg_body.jpg) repeat-x left top; color:#333; font:10px Arial, Helvetica, sans-serif; text-align:center}
#container {margin:0 auto; padding-top:114px; text-align:left; width:770px}
#content {background-color:#fff; border-right:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; border-left:1px solid #b4b4b4; height:428px}

/*
+----------------------------------------------------------------+
	Extras															
+----------------------------------------------------------------+
*/
.alignleft {float:left}
.alignright {float:right}
.clear {clear:both}

/*
+----------------------------------------------------------------+
	Header															
+----------------------------------------------------------------+
*/
#header {background:#ebebeb url(img/bg_header.jpg) no-repeat right top; border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4; height:106px; margin-bottom:1px}
#header h1 {height:86px; padding-top:11px; margin-left:43px; overflow:hidden; position:relative; width:105px}
#header h1 span {background:url(img/logo_canelhas.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#header h1 a {color:#000; cursor:pointer}

/*
+----------------------------------------------------------------+
	Menu															
+----------------------------------------------------------------+
*/

ul#nav {background:url(img/bg_menu.jpg) no-repeat left top; display:inline-block; float:left; margin-top:20px; margin-left:2px; padding-top:5px; padding-bottom:5px; padding-left:5px; width:134px}
ul#nav li {background:url(img/bg_botao.jpg) no-repeat left top; display:block; float:left; height:21px; line-height:21px; text-transform:uppercase; width:134px}
ul#nav li a {color:#fff}

/*
+----------------------------------------------------------------+
	Content - Home															
+----------------------------------------------------------------+
*/
#home #content_main {background:#efefef url(img/bg_corner.jpg) no-repeat left bottom; clear:left; display:inline; float:left; height:208px; margin:18px 0 12px 8px; width:550px}
#home #content_main .language_en {background:url(img/bandeira_en-us.jpg) no-repeat left top; float:right;  display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px;}
#home #content_main .language_pt {background:url(img/bandeira_brazil.jpg) no-repeat left top; float:right;  display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px;}
#home #content_main .language_en a {color:#54565e;}
#home #content_main .language_pt a {color:#54565e;}
/*
+----------------------------------------------------------------+
	Content - Products, About Products, Services, Contact, History															
+----------------------------------------------------------------+
*/
#products #content_main, #about_products #content_main, #services #content_main, #events #content_main, #contact #content_main, #history #content_main {background:#efefef url(img/bg_products.jpg) no-repeat left top; clear:left; display:inline; float:left; height:398px; margin:18px 0 12px 8px; width:754px}


/*
+----------------------------------------------------------------+
	Player															
+----------------------------------------------------------------+
*/
#player {background:#d1d1d1 url(img/bg_player.jpg) no-repeat left top; display:inline; float:left; height:195px; margin-top:5px; margin-left:18px; width:206px}
#player div {height:151px; margin:3px 0 1px 4px; width:199px}
ul#controls {height:13px; margin:0 auto; overflow:hidden; width:180px}
ul#controls li {float:left}
ul#controls li#current_timeline {background:url(img/timeline.jpg) no-repeat left top; height:6px; margin:3px 2px 0 2px; width:156px; position:relative}
ul#controls li#current_timeline img{ margin-top:1px; width:0; height:4px; top:0; left:0; position:absolute}
#play {display:inline; float:left; margin:0 3px 0 5px}
#pause {float:left; margin:2px 8px 0 0}
ul#time {float:left; margin-top:7px}
ul#time li {display:inline; float:left}
ul#time li#current {border-right:1px solid #333; padding-right:5px}
ul#time li#total {padding-left:5px}
ul#volume {display:inline; float:left; margin-top:6px; margin-left:8px}
ul#volume li {display:inline; float:left}
ul#volume li img {vertical-align:middle}
img#mute {margin-right:5px}
img#vol_down {margin-right:2px}
img#vol_up {margin-left:4px}
#about_video {margin-top:26px; margin-left:380px; width:160px}
#about_video h2 {display:block; font-weight:bold; margin-bottom:5px; text-transform:uppercase}
#about_video div {background-color:#fff; padding:16px 6px}
#about_video h3 {color:#016435; font-size:12px; font-weight:bold; margin-bottom:10px}
#about_video div p strong {font-weight:700}

/*
+----------------------------------------------------------------+
	Events List															
+----------------------------------------------------------------+
*/
#events_list {background:url(img/bg_events.jpg) no-repeat right bottom; clear:right; display:inline; float:right; height:406px; margin-top:19px; margin-right:3px; width:196px}
#events_list h2 {background-color:#f0f0f0; border-top:1px solid #bbbdbd; border-right:1px solid #bbbdbd; border-left:1px solid #bbbdbd; color:#066e3b; display:block; font-size:11px; font-weight:bold; height:23px; line-height:23px; margin:0 auto; padding-left:5px; width:183px}
#events_list div {background-color:#d1d1d1; border:1px solid #fff; height:68px; margin:4px auto 0 auto; padding:2px; width:175px}
#events_list div h3 {font-size:12px; font-weight:bold;}
#events_list div h3 a {color:#016435}
#events_list div p strong {font-weight:700}
#events_list div p strong a {color:#000}
#events_list div p a {color:#333}
#events_list .more {background:url(img/bt_more.jpg) no-repeat right top; color:#333; display:block; height:11px; line-height:11px; margin-top:4px; margin-right:8px; padding-right:14px; text-transform:uppercase; text-align:right}

/*
+----------------------------------------------------------------+
	Box Home															
+----------------------------------------------------------------+
*/
#home .box {background:url(img/bg_box.jpg) no-repeat left bottom; display:inline; float:left; height:187px; margin-right:5px; margin-left:2px; position:relative; width:181px}
#home .box h2 {background-color:#288155; color:#fff; display:block; font-size:11px; font-weight:bold; height:20px; line-height:20px; text-align:center; text-transform:uppercase; margin:0 auto; width:167px}
#home .box div {border:1px solid #006536; height:91px; margin:6px auto; overflow:hidden; width:171px}
#home .box div img {display:block; margin:0 auto}
#home .box p {padding:0 7px}
#home .box p a {color:#000}
#home .box .more {background:url(img/bt_more.jpg) no-repeat right top; bottom:7px; color:#333; display:block; height:11px; line-height:11px; padding-right:14px;  position:absolute; right:8px; text-transform:uppercase; text-align:right}

/*
+----------------------------------------------------------------+
	Catalogue															
+----------------------------------------------------------------+
*/
#catalogue {display:inline; float:left; margin-left:37px; padding-top:13px; position:relative; width:574px;}
#catalogue .language_en {background:url(img/bandeira_en-us.jpg) no-repeat left top; color:#54565e; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; position:absolute; right:4px; top:8px}
#catalogue .language_pt {background:url(img/bandeira_brazil.jpg) no-repeat left top; color:#54565e; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; position:absolute; right:4px; top:8px}
#catalogue h2 {border-bottom:1px solid #066e3b; color:#066e3b; font-size:18px; font-style:italic; font-weight:bold; padding-bottom:5px; text-transform:uppercase; width:548px}
#catalogue .scrool {height:320px; margin-top:20px; margin-left:30px; overflow:auto; position:relative; width:530px}
#catalogue .scrool .thumbs {background:url(img/thumbs_catalogue.jpg) no-repeat left top; display:inline; float:left; height:147px; margin-right:20px; margin-bottom:20px; padding-top:6px; position:relative; width:132px}
#catalogue .scrool .thumbs div {height:86px; margin:0 auto 3px auto; overflow:hidden; width:114px}
#catalogue .scrool .thumbs div img {display:block; margin:0 auto}
#catalogue .scrool .thumbs h3 {font-weight:bold; padding:0 9px}
#catalogue .scrool .thumbs h3 a {color:#016435}
#catalogue .scrool .thumbs p {font-style:italic; line-height:10px; padding:0 6px}
#catalogue .scrool .thumbs .more {background:url(img/bt_more.jpg) no-repeat right top; bottom:6px; color:#333; display:block; height:11px; line-height:11px; padding-right:16px; position:absolute; text-transform:uppercase; right:9px}

/*
+----------------------------------------------------------------+
	About Products															
+----------------------------------------------------------------+
*/
#about_products #catalogue h2 {margin-bottom:10px}
#about_products #catalogue h3 {color:#000; font-style:italic; font-size:11px; font-weight:bold}
#about_products #catalogue .scrool {color:#000; height:300px; margin-top:3px; margin-left:0; position:relative}
#about_products #catalogue .scrool .thumbs {background:none; height:auto; margin-right:17px; width:239px;}
#about_products #catalogue .scrool .thumbs div {border:1px solid #e8e7e7; height:170px; overflow:hidden; padding:9px 5px 12px 5px; width:227px}
#about_products #catalogue .scrool .thumbs p {font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase}

/*
+----------------------------------------------------------------+
	Customer Service															
+----------------------------------------------------------------+
*/
#customer_service {display:inline; float:left; margin-left:37px; padding-top:13px; position:relative; width:574px;}
#customer_service .language_pt {background:url(img/bandeira_brazil.jpg) no-repeat left top; color:#54565e; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; position:absolute; right:4px; top:8px}
#customer_service .language_en {background:url(img/bandeira_en-us.jpg) no-repeat left top; color:#54565e; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; position:absolute; right:4px; top:8px}
#customer_service h2 {border-bottom:1px solid #066e3b; color:#066e3b; font-size:18px; font-style:italic; font-weight:bold; margin-bottom:36px; padding-bottom:5px; text-transform:uppercase; width:371px}
#customer_service ul {color:#000; font-size:14px; margin-left:15px}
#customer_service ul li {list-style:circle outside url(img/bullets.jpg); margin-bottom:20px}

/*
+----------------------------------------------------------------+
	Events															
+----------------------------------------------------------------+
*/
#events #content_main {position:relative}
#events #content_main #events_list {position:absolute; right:0; top:-30px;}
#events #list_envents {display:inline; float:left; margin-top:16px; margin-left:25px; width:376px}
#events #list_envents h2 {border-bottom:1px solid #066e3b; color:#066e3b; font-size:18px; font-style:italic; font-weight:bold; padding-bottom:5px; text-transform:uppercase; width:376px}
#events #list_envents h3 {font-size:11px; font-weight:bold}
#events #list_envents p.date {font-style:italic; padding-bottom:13px}
#events #list_envents a {color:#2d8359; display:block; margin:10px 0; text-decoration:underline}
#events #list_envents .thumbs {background:url(img/bg_thumbs_events.jpg) no-repeat left top; height:180px; margin:0 auto; padding-top:42px; width:196px}
#events #list_envents .thumbs div {height:143px; margin:0 auto; overflow:hidden; width:184px}
#events #content_main .language_en {background:url(img/bandeira_en-us.jpg) no-repeat left top; float:right; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; margin-right:205px;}
#events #content_main .language_pt {background:url(img/bandeira_brazil.jpg) no-repeat left top; float:right; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; margin-right:205px;}
#events #content_main .language_en a {color:#54565e;}
#events #content_main .language_pt a {color:#54565e;}

/*
+----------------------------------------------------------------+
	Contact															
+----------------------------------------------------------------+
*/
#contact #content_main {position:relative}
#contact #options_contact {display:inline; float:left; margin-top:16px; margin-left:25px; position:relative; width:376px}
#contact .language_pt {background:url(img/bandeira_brazil.jpg) no-repeat left top; color:#54565e; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; position:absolute; right:4px; top:8px}
#contact .language_en {background:url(img/bandeira_en-us.jpg) no-repeat left top; color:#54565e; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; position:absolute; right:4px; top:8px}
#contact #options_contact h2 {border-bottom:1px solid #066e3b; color:#066e3b; font-size:18px; font-style:italic; font-weight:bold; padding-bottom:5px; text-transform:uppercase; width:376px}
#options_contact form {display:block; margin:0 auto; padding-top:32px; width:320px}
#options_contact form label {clear:left; color:#066e3b; float:left; font-style:italic; font-weight:bold; line-height:23px}
#options_contact form input {background-color:transparent; border:1px solid #d1d1d1; float:right; margin-bottom:5px; width:244px}
#options_contact form input#send {background:url(img/bt_send.jpg) no-repeat left top; border:none; color:#fff; height:18px; margin-top:21px; font-style:italic; width:92px; font-weight:bold; font-size:11px}
#options_contact form textarea {background-color:transparent; border:1px solid #d1d1d1; clear:both; display:block; overflow:auto; width:318px}
#company_sectors {background:url(img/bg_company_sectors.jpg) no-repeat right bottom; clear:right; display:inline; float:right; height:357px; margin-top:24px; margin-right:3px; padding:15px 7px 0 7px; width:182px}
#company_sectors h2 {color:#066e3b; font-size:14px; font-style:italic; font-weight:bold; margin-bottom:15px; text-transform:uppercase}
#company_sectors div {background-color:#d1d1d1; border:1px solid #fff; margin-bottom:7px; padding:15px 5px}
#company_sectors div h3 {color:#016435; font-size:12px; font-weight:700; margin-bottom:5px}
#company_sectors div p {font-weight:bold}
#company_sectors div a {color:#333; display:block; font-style:italic; margin-bottom:5px}

/*
+----------------------------------------------------------------+
	Our History															
+----------------------------------------------------------------+
*/
#our_history {display:inline; float:left; margin-left:37px; padding-top:13px; position:relative; width:574px;}
#our_history .language_en {background:url(img/bandeira_en-us.jpg) no-repeat left top; color:#54565e; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; position:absolute; right:4px; top:8px}
#our_history .language_pt {background:url(img/bandeira_brazil.jpg) no-repeat left top; color:#54565e; display:block; font-weight:bold; height:11px; line-height:11px; padding-left:20px; position:absolute; right:4px; top:8px}
#our_history h2 {border-bottom:1px solid #066e3b; color:#066e3b; font-size:18px; font-style:italic; font-weight:bold; margin-bottom:5px; padding-bottom:5px; text-transform:uppercase; width:550px}
#our_history p {display:block; float:left; line-height:15px; padding-top:5px; width:365px}
#timeline {background:url(img/bg_timeline.jpg) repeat-x left bottom; left:0; height:130px; position:absolute; top:258px; width:529px}
#timeline ul {float:left}
#timeline ul li {display:inline; float:left}
#timeline ul li a {display:block; height:57px; width:43px}
#timeline ul li a span {display:none}
#timeline ul li.timeline_1950 a {background:url(img/timeline_1950.jpg) no-repeat left bottom; margin-left:25px}
#timeline ul li.timeline_1950 a:hover {background:url(img/timeline_1950.jpg) no-repeat left top}
#timeline ul li.timeline_1950 a:hover span {color:#000; display:block; position:absolute; top:80px; width:480px}
#timeline ul li.timeline_1963 a {background:url(img/timeline_1970.jpg) no-repeat left bottom; margin-left:75px}
#timeline ul li.timeline_1963 a:hover {background:url(img/timeline_1970.jpg) no-repeat left top}
#timeline ul li.timeline_1963 a:hover span {color:#000; display:block; left:25px; position:absolute; top:80px; width:480px}
#timeline ul li.timeline_1970 a {background:url(img/timeline_1981.jpg) no-repeat left bottom; margin-left:100px}
#timeline ul li.timeline_1970 a:hover {background:url(img/timeline_1981.jpg) no-repeat left top}
#timeline ul li.timeline_1970 a:hover span {color:#000; display:block; left:25px; position:absolute; top:80px; width:480px}
#timeline ul li.timeline_1993 a {background:url(img/timeline_1982.jpg) no-repeat left bottom; margin-left:10px}
#timeline ul li.timeline_1993 a:hover {background:url(img/timeline_1982.jpg) no-repeat left top}
#timeline ul li.timeline_1993 a:hover span {color:#000; display:block; left:25px; position:absolute; top:80px; width:480px}
#timeline ul li.timeline_1995 a {background:url(img/timeline_1993.jpg) no-repeat left bottom; margin-left:50px}
#timeline ul li.timeline_1995 a:hover {background:url(img/timeline_1993.jpg) no-repeat left top}
#timeline ul li.timeline_1995 a:hover span {color:#000; display:block; left:25px; position:absolute; top:80px; width:480px}
#timeline ul li.timeline_2001 a {background:url(img/timeline_2001.jpg) no-repeat left bottom; margin-left:100px}
#timeline ul li.timeline_2001 a:hover {background:url(img/timeline_2001.jpg) no-repeat left top}
#timeline ul li.timeline_2001 a:hover span {color:#000; display:block; left:25px; position:absolute; top:80px; width:480px}


/*
+----------------------------------------------------------------+
	Footer															
+----------------------------------------------------------------+
*/
#footer {background:url(img/bg_footer.jpg) repeat-x left top; border-right:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; border-left:1px solid #b4b4b4; height:72px}
#footer ul {display:inline; float:left; margin:20px 0 0 33px}
#footer ul li {display:inline; float:left; margin-right:50px}
#address {float:right; font-size:9px; padding-right:4px; text-align:right; width: 275px;}
#address h4 {font-weight:bold; margin-top: 12px;}
#address address, #address em {font-style:normal}
#address em {display:block; clear:both}