/*********************************************************
beyondskins.Responsive - Diazo responsive theme for Plone
Simples Consultoria - www.simplesconsultoria.com.br
*********************************************************/

/* reset */
* {
margin: 0;
padding: 0;
list-style: none;
vertical-align: baseline;
}

/* Background images - Remove this lines for a clean layout */
body {
background: #F0F5F9 url(bg.jpg) 0 bottom repeat-x;
}
#body_wrapper {
background: transparent url(soffione2.jpg) top right no-repeat;
}
body.section-dove-siamo #body_wrapper {
background: transparent url(soffione2.jpg) top right no-repeat;
    /*background-size: 100% auto; */
}
body.section-azienda #body_wrapper {
background: transparent url(soffione2.jpg) top right no-repeat;
    /*background-size: 100% auto; */
}
#wrapper {
position: relative;
}

/****************** Basic Stuff ******************/

/* Colors and fonts */
body {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%; /* with this 1em = 10px */
}
a:link, #content a:link {
color: #266DAB;
}

.portletNavigationTree .state-published, 
dl.portletNavigationTree a:link {
color: #F2F2F2 !important;
}
#content a:visited, dl.portlet a:visited {
color: #266DAB;
}
#content a:hover {
color: #12304D !important;
}
dl.portlet a:hover {
color: #FF9900 !important;
}
h1 {
color: #205C90;
}
h2, h3, h4, h5, h6 {
color: #636363;
}
h1, h2, h3 {
margin: 0.5em 0 0.5em;
}
p {
line-height: 1.8em;
margin: 0 0 1em 0;
}
#wrapper {
width: auto;
margin: 0 auto;
max-width: 90%;
font-size: 1.2em;
}
#main {
background: transparent;
font-size: 1.3em;
padding: 1em 0;
margin-top: 1em;
}

#portal-column-content {
min-height: 500px;
height: auto !important;
height: 500px;
padding: .5em;
/*background: #fff;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
*/
background-color: rgba(255,255,255,0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0ffffff, endColorstr=#C0ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0ffffff, endColorstr=#C0ffffff)";
-moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

#portal-searchbox {
    z-index:-1;
}
.LSBox {
    position:relative;
padding: .5em;
background: #E3E3E3;
border: 1px solid #999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(++theme++tema_pneumac/static/PIE.htc);
}
/* fix cover overlay, you can remove this lines if you dont use collective cover */
#exposeMask {
z-index: 0 !important;
}
.close {
opacity: 0.6;
text-indent: -10000px;
}

/****************** HEADER ******************/

/* logo */
#logo {
padding: 3% 0;
float: left;
width: 50%;
}
#logo img {
max-width: 100%;
}
#logo a {
display: block;
width: 100%;
}

/* Personal tools */
#portal-personaltools {
font-size: 1.2em;
}

#header {
    z-index:-1;
}
/* Main navigation */
#nav {
    position:relative;
background: #084278;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(++theme++tema_pneumac/static/PIE.htc);

}
#nav ul {;
color: #fff;
font-size: 1.2em;
}

#nav a {
color: #fff;
padding: 1em;
text-decoration: none;
min-width: 3em;
display: inline-block;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position:relative;
behavior: url(++theme++tema_pneumac/static/PIE.htc);
}

#nav a:hover {
background: #1F6DB9;

}
#nav li.selected a {
background: #205C90;

}

#portaltab-ecommerce {
    position:absolute;
    top:0;
    right:0;
}

/* Searchbox */
#portal-searchbox {
float: right;
margin-top: 3.5%;
}
#portal-searchbox #searchGadget {
border: 1px solid #F1F1F1;
padding: 0.1em;
}
#searchGadget, .LSBox input.searchButton {
padding: 0.1em 0.2em;
}
#LSResult {
z-index: 1;
margin-top: 0.5%;
}


/****************** CONTENT ******************/

/* Text styles */
.hidden {
display: none;
}
.clear {
clear: both;
}
.pb-ajax, .pb-image, 
.overlay iframe {
font-size: 1.4em;
}

dl.portletNavigationTree .portletHeader {
background: #09447B;
border-bottom: 1px dotted #C9C9C9;
}

dl.portletNavigationTree .portletHeader a {
color: #fff !important;
}

dd.portletItem {
background: #E1EBF2;
}

dl.portletNavigationTree dd.portletItem {
background: #09447B;
}

/* Pallini colorati */

.portletNavigationTree .navTreeLevel0>li {
background: transparent url(point/white_ball.png) 100% .5em no-repeat;
margin-bottom: 0 !important;
margin-right: -8px;
}

.portletNavigationTree li.section-pneumatica {
background: transparent url(point/blue_ball.png) 100% .5em no-repeat;
}

.portletNavigationTree li.section-oleodinamica {
background: transparent url(point/yellow_ball.png) 100% .5em no-repeat;
}

.portletNavigationTree li.section-alluminio {
background: transparent url(point/grey_ball.png) 100% .5em no-repeat;
}

.portletNavigationTree li.section-tecnica-del-vuoto {
background: transparent url(point/red_ball.png) 100% .5em no-repeat;
}

.portletNavigationTree li.section-strumentazione-e-controllo-dei-fluidi {
background: transparent url(point/green_ball.png) 100% .5em no-repeat;
}

/* Fine pallini colorati */


dl.portlet ul.navTree a {
margin-right: 16px !important;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.portlet img, #content img {
max-width: 100%;
}

/* lists */
#content li, dl.portlet li {
display: list-item;
line-height: 1.5em;
list-style: none outside none;
margin-bottom: 0.25em;
}
#content ol li, dl.portlet ol li {
list-style: decimal outside;
}
dl.portlet ul.navTreeLevel0 > .navTreeItem {
list-style: none;
border-bottom: none;
}
dl.portlet ul.navTree .navTreeCurrentItem {
border-left: 1em solid #205C90;
background-color: #205C90;
}

dl.portlet ul.navTree a:hover {
border-left: 1em solid #1F6DB9;
margin-left: -1em;
background-color: #1F6DB9;
color: #F2F2F2 !important
}

div.position-0.width-1\3a 4 {
margin-left: -100%;
width: 20%;
}

/************ Folder Lead Image View ************/

.template-folder_leadimage_view #content div.tileItem {
    clear:both;
    border-top: 1px dotted #999;
    margin-top:1em;
}

#content img.tileImage {
    margin-top: 2em;
}
/****************** FOOTER ******************/

#footer {
background: #205C90;
color: #fff;
}
#footer a:link {
color: #fff;
}
#footer a:visited {
color: #f1f1f1;
}
#footer a:hover {
color: #f1f1f1 !important;
}
#footer {
clear: left;
padding: 1em 2em;
}

/* Site Actions */
#portal-siteactions {
text-align: left;
display: inline;
}


/****************** RESPONSIVE DESIGN MAGIC ******************/

#searchbt, #nav #seletor {
display: none;
}
#nav #seletor {
color: #fff;
}

@media screen and (max-width: 768px) {

	#wrapper {
max-width: 100%;
}
	#logo {
min-width: 140px;
}
	
	#portal-column-content {
min-height: 0;
height: auto !important;
height: 0;
}
	
	/*Columns*/
	#portal-column-one, 
	#portal-column-two,
	#portal-column-content {
clear: both;
width: 97.75%;
margin-left: -98.875%;
}

	/*Search*/
    #portal-searchbox {
display: none;
}

	/*Global navigation*/
	#nav {
padding: 0;
width: 100%;
}
	
	#searchbt {
display: block;
float: right;
width: 14%;
}
	
	#searchbt a {
display: block;
text-indent: -900000px;
padding: 1em;
margin-top: 4%;
background: transparent url(search-ico.png) no-repeat center center;
}
	
	#nav #seletor {
display: block;
padding: 1em;
width: 80%;
background: url("sections-ico.png") no-repeat 97% 60%;
}
	
	#nav li {
display: none;
}
	
	#nav:hover li {
display: block;
width: 100%;
border-top: 1px solid #ffffff;;
display: block !Important;
padding: 0;
}
	
	#nav ul {
width: 97.5%;
margin: 0;
padding: 0;
}
	
	#nav:hover li a {
color: #ffffff;;
width: 100%;
padding: 0 2.5%;
line-height: 3em;
display: block;
width: 95% !important;
}
	
	#nav:hover li:hover {
background: #ff9900;
}
	#nav:hover li a:hover,
	#nav:hover li.selected a {
background: transparent;
}
	
.overlay.overlay-ajax {
top: 10px !Important;
}
.overlay.overlay-ajax input.searchPage {
font-size: 200% !important;
width: 90%;
margin-bottom: 1em;
}
.overlay.overlay-ajax input.searchPage.searchButton {
width: auto;
}
.overlay.overlay-ajax #searchform .discreet {
text-align: left;
}
.overlay.overlay-ajax #content-core strong {
display: none;
}

}

@media screen and (max-width: 480px) {

	#portal-breadcrumbs {
display: none;
}
	
	#portal-searchbox {
float: none;
width: 80%;
clear: both;
margin: 0 auto 2%;
}

}