/*
Theme Name: SunSphere
Theme URI: http://www.sunsphere.pt/
Description: Tema para SUNSPHERE
Version: 1.1
Author: Carlos Melo @ Protic
Author URI: https://protic.pt/
Text Domain: suns
*/

@charset "utf-8";
/* Protic CSS */
body { height:100%; min-height:100%; font-size:14px; background:url('images/bg_body.jpg') repeat-x top left; }
body#subpages { height:100%; min-height:100%; font-size:14px; background:url('images/bg_body_subpages.jpg') repeat-x top left; }
.hide { display:none !important; }
p { text-align:justify; margin-bottom:10px; }
.floatright { float:right; }
img.autoresize { max-width:100% !important; }
ol { float:left; }
h5 { margin-bottom:10px;}
.red1 { color:#961416 !important; }
.red2 { color:#d50d17 !important; }
.red3 { color:#f24e11 !important; }

h2,h3,h4,h5,.quote { font-family:'PT Sans Narrow', Arial, sans-serif;}

a.read-more { color:#f14f11; text-align:right; text-decoration:none; font-weight:bold; }
a:hover.read-more { color:#ff9c04 !important; }

#top-nav { float:left; width:100%; height:61px; }

#logo { float:left; margin-top:15px; }
#logo h1 { float:left; margin:0px; padding:0px; }
#logo h1 a { float:left; }

body#subpages #logo { margin-top:0px; }
body#subpages #logo h1 a img { max-height:203px; }

#menu { float:left; /*width:200px;*/ font-family:'PT Sans Narrow', Arial, sans-serif; font-size:18px; }
#menu ul { float:left; width:100%; list-style:none; border-left:1px solid #212121; margin-bottom:0px; }
#menu ul li { float:left; margin:0; border-right:1px solid #212121; }
#menu ul li a { float:left; padding:21px 20px; color:#FFF; text-decoration:none; text-shadow: #000 1px 1px 0px; }
#menu ul li a span {  }
#menu ul li a:hover, #menu ul li a.active { background:url('images/menu_over.jpg') repeat-x; }
#menu ul li a:hover span, #menu ul li a.active span {  }
select.dropdown { display:none; float:left; padding:5px; z-index:99999; position:relative; margin-top:12px;}
select.dropdown { text-align:center; color:#FFF; font-family:'PT Sans Narrow', Arial, sans-serif; font-size:18px; background:#242424; font-weight:bold; border:1px solid #222; }

#lang { position:absolute; right:0px; top:12px; }

#featured { float:left; width:100%; height:387px; background:url('images/bg_destaque.jpg') no-repeat; }
body#subpages #featured { height:203px; }

#destaque { float:right; width:600px; /*height:450px;*/ position:absolute; right:0px; top:15px; }
#destaque2 { float:right; width:720px; height:203px; position:absolute; right:0px; top:0px; }
#destaque2.pag-quemsomos { background:url('images/img1-sub.jpg') no-repeat; }

#section { float:left; width:100%; height:51px; background:url('images/bg_section.jpg') repeat-x; }
#section div {float:left; width:100%; height:15px;  margin-top:18px; }
#section h2 { float:right; color:#333; margin-bottom:0; margin-top:5px; text-shadow: #FFF 1px 1px 0px; font-family:'PT Sans', Arial, sans-serif;}
#section div.small { width:350px; }
#section div.large { width:720px; }
#section div img { width:100%; height:15px; }

ul.withpic { float:left; width:100%; margin:0; padding:0; list-style:none; font-size:14px; }
ul.withpic li { float:left; width:100%; }
ul.withpic li .img { float:left; margin-right:10px; }
ul.withpic li .img a { float:left; padding:6px; background:#FFF; border:1px solid #ccc; }
ul.withpic li .img a:hover { background:#FFF; border:1px solid #FFF; }
ul.withpic li .img a img {float:left; }
ul.withpic .txt { float:left; width:515px; }
ul.withpic li a { color:#f14f11; text-decoration:none; }
ul.withpic li a.article-title { font-weight:bold; font-family:'PT Sans', Arial, sans-serif; font-size:18px; }
ul.withpic li .meta { float:left; width:100%; color:#a62d00; text-align:left; background:none; font-size:12px; }

.flexslider { background:#FFF; }
.flex-control-nav { bottom:10px; right:10px; }

.padding4 { padding-bottom:4px !important; padding-right:4px !important; }
.margin20 { padding:20px 0 !important; }
.clear { clear:both; }

hr { float:left; width:100%; height:1px; border:none; background:url('images/hr.png') no-repeat; margin:10px 0; }

#content { float:left; width:100%; margin-top:50px;}

#content h3.block-title { color:#961617; font-family:'PT Sans', Arial, Helvetica, sans-serif; font-size:20px;}

#welcome { float:left; width:100%; position:relative; }
#welcome a.btn-produtos { float:right; width:215px; height:77px; background:url('images/btn_produtos.png') no-repeat; position:absolute; right:0px; bottom:0px; }
#welcome a:hover.btn-produtos { background-position:0px -77px; }

#welcome a.btn-produtos.english { background-position:-215px 0px !important; }
#welcome a:hover.btn-produtos.english { background-position:-215px -77px !important; }

#welcome a.btn-produtos.espanol { background-position:-430px 0px !important; }
#welcome a:hover.btn-produtos.espanol { background-position:-430px -77px !important; }

#welcome h2 { color:#323232; text-transform:uppercase; margin-bottom:0px; }
#welcome h3 { color:#f04d14; text-transform:lowercase; font-weight:bold; margin-bottom:0px; }

.hr { float:left; width:100%; height:1px; margin:25px 0; background:url('images/hr.png') no-repeat; }

form#newsletter { float:left; width:100%; }
form#newsletter input[type="text"] { float:left; width:115px; margin-right:10px; }

#footer { float:left; width:100%; height:38px; background:url('images/bg_footer.jpg') repeat-x; color:#FFF; font-size:11px; padding-top:55px;}
#footer a { color:#999; }
#footer a:hover { text-decoration:none; }
#footer p.left-side { float:left; }
#footer p.right-side { float:right; text-align:right; }

.wpcf7-text, .wpcf7-textarea { width:97% !important; }
.wpcf7-submit { width:100% !important; }

ul.documentos { float:left; width:100%; list-style:none; }
ul.documentos li { float:left; width:99%; margin-bottom:5px; }
ul.documentos li a { float:left; padding:5px 10px 5px 25px; background:url('images/doc_pdf.png') no-repeat 2px 6px; }
ul.documentos li a:hover { text-decoration:underline; }

ul.portfolio { float:left; width:100%; list-style:none; }
ul.portfolio li { float:left; margin-right:10px; margin-bottom:10px; width:184px; }
ul.portfolio li.nomargin { margin-right:0px !important; }
ul.portfolio li a { float:left; padding:5px; border:1px solid #ccc; }
ul.portfolio li a img { float:left; border:1px solid #ccc; max-width:100%; }
ul.portfolio li a:hover { background:#e1e1e1; border:1px solid #666; }
ul.portfolio li a:hover img { border:1px solid #666; }

.imagens-produto ul.slides li a { float:left; padding:10px; border:1px solid #ccc; }
.imagens-produto ul.slides li a img { float:left; border:1px solid #ccc; }
.imagens-produto ul.slides li a:hover { background:#e1e1e1; border:1px solid #666; }
.imagens-produto ul.slides li a:hover img { border:1px solid #666; }

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	ul.withpic .txt { width:390px; }
	#logo { width:300px; margin-top:0px;}
	#destaque { width:450px; top:25px; }
	#featured { height:300px; }
	body { background:url('images/bg_body_ipad.jpg') repeat-x top left; }
	#section div.small { width:300px; }
	#section div.large { width:540px; }
	form#newsletter input[type="text"] { width:83px; }
	#destaque2 { width:550px;}
	ul.portfolio li { margin-right:8px; margin-bottom:8px; width:147px; }
	ul.portfolio li a { padding:5px 7px 5px 5px; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	ul.withpic .txt {width:315px;}
	form#newsletter input[type="text"] { width:175px; }

}

/*@media screen and (max-width: 830px) {*/
@media screen and (max-width: 767px) {
	#menu ul { display:none; }
	select.dropdown { display:inline-block; width:300px; margin-left:0px; }
	#destaque, #destaque2 { display:none; }
	#featured { height:300px; }
	#logo,#logo h1,#logo h1 a,#logo h1 a img{ height:300px; margin-top:0px; text-align:center;}
	#logo,#logo h1,#logo h1 a{ width:100%;}
	body#subpages #logo,body#subpages #logo h1,body#subpages #logo h1 a,body#subpages #logo h1 a img{ height:203px; margin-top:0px; text-align:center;}
	body { background:url('images/bg_body_ipad.jpg') repeat-x top left; }
	#section div.small { width:420px; }
	#section div.large { width:190px; }
	#footer { height:53px; padding-top:40px; text-align:center; }
	#footer p.left-side,#footer p.right-side{ width:100%; text-align:center; }
	#welcome h2 { font-size:30px; }
	#welcome h3 { font-size:28px; }
	#welcome a.btn-produtos { bottom:-50px;}
	ul.portfolio li { margin:0 12px 10px 14px; }
	ul.portfolio li.nomargin { margin-right:12px !important;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	ul.withpic .txt {width:200px;}
	#section div.small { width:300px; }
	#section div.large { width:70px; }
	select.dropdown { width:180px; }
	#welcome h2 { font-size:21px; }
	#welcome h3 { font-size:18px; }
	#welcome a.btn-produtos { bottom:-50px;}
	ul.portfolio li { margin:0 10px 10px 10px; width:130px; }
	ul.portfolio li.nomargin { margin-right:10px !important;}
}

div.cmDiv{border: none;}
.clickMenu
{
	margin: 0;
	padding: 0;
	cursor: default;
	font-size:14px;
}
.clickMenu, .clickMenu ul{list-style: none;}
.clickMenu ul
{
	margin: 0;
	padding: 3px 3px 3px 4px;
	border: none;
	background-color: #242424;
	min-width: 100px; /* ie doesnt know this :/ */
	float: left;/*ie again*/
	width: 100%;/*and again*/
	position:relative; z-index: 99999;
	color:#FFF;
}
.clickMenu div.outerbox
{
	display: none;
	min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
	position:relative; z-index: 99999;
}
.clickMenu div.inner
{
	top: 35px; /* for ie */
	left: 0;
	margin: 0;
	position:relative; z-index: 99999;
}
.clickMenu div.inner div.outerbox
{
	margin: 0;
	left: 98px;
	left: 90px; /* for ie */
	top: -3px;
	position:relative; z-index: 99999;
}
.clickMenu li
{
	position: relative;
	padding: 0 20px 0 2px;
	position:relative; z-index: 99999;
	/*white-space: nowrap; does not really work in ie */
}
.clickMenu li.main
{
	float: left;
	padding: 10px 40px 10px 10px;
	/*width:80px; height:23px;*/
	background:#242424 url('images/dropdown.jpg') no-repeat 95%;
	cursor:pointer;
	position:relative; z-index: 99999; color:#FFF;
}
.clickMenu li.main li
{
	z-index: 999999px;
	position:relative;
	min-width: 78px;

	position:relative; z-index: 99999;
	margin:2px 0; padding:3px 0;
}
.clickMenu li.hover
{
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
	background-color:#242424;
}
.clickMenu li ul li.hover
{
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
	background-color: #666;
}
.clickMenu img.liArrow
{
	position: absolute;
	right: 5px;
	top: 0.41em;
}
.clickMenu a
{
	text-decoration: none;
	color: #FFF;
	cursor: default; font-size:14px;
}
/* thats for the shadowbox */
html>body div.outerbox
{
	padding: 0 5px 5px 0;
	position:relative; z-index: 99999;
}
html>body div.shadowbox1
{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 5px;
	height: 100%;
	z-index: 99999;
}
html>body div.shadowbox2
{
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 5px;
	width: 100%;
	z-index: 99999;
}
html>body div.shadowbox3
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
	z-index: 99999;
}
html>body .innerbox
{
	margin: 0;
	display: inherit;
	position:relative; z-index: 99999;
}

ul.datas {float:left; width:100%; list-style:none; }
ul.datas li {padding-left:15px; background:url('images/ul_item.png') no-repeat 0px 3px; }
ul.datas li ul { list-style:none; }
ul.datas li ul li { padding-left:15px; background:url('images/ulul_item.png') no-repeat 0px 5px; }

a.newsbutton { float:right; background:#ebebeb; padding:5px 10px; text-decoration:none; font-size:12px; font-weight:bold; border-radius:4px; }
a:hover.newsbutton { background:#CCC; }