/*****************************   
beyondskins.Responsive - Diazo responsive theme for PLone
Simples Consultoria - www.simplesconsultoria.com.br
******************************/
/* reset */
* {margin:0; padding:0; list-style:none; vertical-align:baseline;}

/************** Responsive Diazo Magic ************************/

   @font-face {
        font-family: 'ABeeZee-Regular';
        src: url('/fonts/font1');

        font-weight: normal;
        font-style: normal;
     }

#header {
color: #fff;
font-size: 16px;
font-family: 'ABeeZee-Regular';
font-weight: 600;
background: #FAFAFA;
}

}
div.position-3\3a 4 {

font-size: 15px;
}
.portletCalendar dd {
background: rgba(88, 133, 214, 0.21);
}

/* Colors and fonts */
body {color: #000000; font-family: 'ABeeZee-Regular'; font-size: 62.5%;
background-image: url(/home-page-files/mainbg);}
a:link, a:visited, #content a:link, dl.portlet a:link {color:#205C90;}
a:hover {color:#000;}
h1, h2, h3, h4, h5, h6 {font-family: 'ABeeZee-Regular';}
h1 {color: #000000;}
h2, h3, h4, h5, h6 {color: #000000;}
#wrapper { width:auto; margin: 0 auto; max-width: 90%;    font-size: 1.1em;}
#main {font-size: 1.3em; padding: 1em 0;
border-radius: 0 0 5px 5px;
background:#fff;
}



#portal-searchbox #searchGadget {
border-width: 1px;
border-style: solid;
border-color: #597a97;
background-color: #fff;
border-radius: 10px 0 0px 10px;
}
.portletItem.odd, .portletItem.even, .portletFooter {
background: rgba(156, 156, 156, 0.21); }

#portal-searchbox .searchButton {
border-radius: 0px 10px 10px 0;
background: #96C0FF;
background: linear-gradient(90deg, #000000 0%, #AAAAAA 100%);
background: -moz-linear-gradient(90deg, #000000 0%, #AAAAAA 100%);
background: -webkit-linear-gradient(90deg, #000000 0%, #AAAAAA 100%);
background: -o-linear-gradient(90deg, #000000 0%, #AAAAAA 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#AAAAAA');
color: #fff;}

dl.portlet.portletStaticText.portlet-static-useful-links span {
    color: white;
}
#footer {color: #000; margin-top: 2%; text-align: center; }
#footer a:link {color:#fff;}
#footer a:hover {color:#AC1443;;}
#footer a:visited {color:#8602BA;;}


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

#content {font-size: 90%;padding: 10px;}
p {line-height: 1.8em; margin: 0 0 1em 0;}
h1, h2, h3 {margin: 0.5em 0 0.5em;}
.hidden {display: none;} 
.clear {clear: both;}
.pb-ajax, .pb-image, 
.overlay iframe {font-size: 1.3em;}
div.overlay-iframe, div.overlay-ajax {left:11%!Important; width:75%;}
.portlet img, #content img {max-width:100%;}
/* lists */
#content li, dl.portlet li {
    display: list-item;
    line-height: 1.5em;
    list-style: square outside;
    margin-bottom: 0.25em;
}
#content ol li, dl.portlet ol li {list-style: decimal outside;}
dl.portlet ul.navTreeLevel0 > .navTreeItem {list-style: none;}
/*header*/
#header {position:relative;}
#logo {width: 100%; margin-left: 0%;
}
#logo img {max-width:100%;}
#logo a {display:block; width:90%;}
#portal-personaltools {font-size: 1.1em;}
dt.portletHeader span {
    color: #fff;
}

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

/* Searchbox */
#portal-searchbox {
float: right;
margin: 3.5% 1% 0 0;
width: 24%;
font-size: 1em;
margin-top: -2%;}
#portal-searchbox  form, #portal-searchbox  form .LSBox  {font-size: 100%;}
#portal-searchbox #searchGadget {
	padding: 1.2% 0  1.1% 0;
	text-indent: 2%;
	width: 72%;
	font-size:95%;
}
#portal-searchbox .searchButton {font-size:90%; width: 27%; padding:1.899% 0  0.8% 0; text-align:center; margin-left: -1px;}
#LSResult {z-index:1; margin-top: 0.5%;}

/*footer*/
#footer {clear: left; padding: 2em;}

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

/* Responsive Design Magic*/

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

	#wrapper {max-width: 100%;}
	#logo {min-width:140px;}	
	
	/*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%;
margin-top: -10%;
margin-bottom: 0;
margin-left: 4%;
	}
	
	#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%;
                color:white;
	 }
	
	#nav li {display: none;}
	
	#nav:hover li {
		display: block;
		width:100%; 
		border-top:1px solid #ffffff;
		display:block !Important;
		padding:0;
	}
	
	#nav ul {
		width:100%;
		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: #f32837;}
	#nav:hover li a:hover,
#nav:hover li.selected a {
color: #fff;}
	
.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%;
}
	}

#portlet-navigation-tree .navIcon {
    display: none;}

dl.portlet dt {
padding: 0.42em 1em;
background:#000;
line-height: normal;
text-align: center;


}
a:link, a:visited, #content a:link, dl.portlet a:link {
color: #000000;
}
#content a:hover, dl.portlet a:hover {
color: #000 !important;
}
dt.portletHeader a.tile:hover {
  color: #fff !important;
}
#content a:visited, dl.portlet a:visited {
color: #000000;

}
#nav {
clear: both;
padding: 0 0 0px 0;
white-space: normal;
color: #000;
text-align: center;
background:#000;
}
div#aosdasd {
    border: 1px solid grey;
    border-radius: 10px;
    padding: 5px;
}

#nav li {
padding:5px;
}
#footer a {
  color: #000 !important;
}

#nav a {
position: relative;
display: inline-block;
float: none;
padding: 10px 10px 10px 10px;
font-size: 16px;
  transition: background 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
  -webkit-transition: background 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  background: -webkit-linear-gradient(#000000 50%, rgba(150, 192, 255, 0) 50%);
  background: -o-linear-gradient(#000000 50%, rgba(150, 192, 255, 0) 50%);
  background: -moz-linear-gradient(#000000 50%, rgba(150, 192, 255, 0) 50%);
  background: linear-gradient(rgba(155, 155, 155, 0.45) 50%, rgba(150, 192, 255, 0) 50%);
background-size: 100% 200%;
background-position: bottom;
color: #fff;
font-weight: bold;

}


#portal-searchbox form, #portal-searchbox form .LSBox {
display:none;

}

dl.portlet dt a:link, dl.portlet dt a:visited, dl.portlet dt a:hover {
color: #fff;
display: block;
border: none;
text-align: center;
text-shadow: 2px 2px 2px rgba(151, 151, 151, 1);
}

#nav li.selected a {

}
#nav li.selected a:hover { 

}

#portal-personaltools dd a {
  color: white;
}

@media screen
.ploneCalendar .weekdays th {
background-color: rgba(238, 238, 238, 0);
text-align: center;
padding: 2px;}

#nav:hover li:hover a {
background-position: top;


}
linear-gradient(to bottom, #FFFFFF 0%,#C4C4C4 100%);
#nav:hover li.selected a {
background-color: transparent;
}

#carousel-2836935914 > div > div > div.carousel-banner.carousel-banner-1.carousel-banner-active > span > img {
border-radius: 20px;
}
#carousel-2836935914 {
border-radius: 20px;
margin-left: 15%;
overflow: auto;
}

#portal-personaltools dd{
background: #000 !important;
}
dl.portlet dd.portletItem, dl.portlet dd.portletFooter, dl.portletError dd {
padding: 1em;
text-shadow: 2px 2px 2px rgba(151, 151, 151, 1);
font-size:130%;
}
#content h1.documentFirstHeading {
margin-top: 0;
text-shadow: 2px 2px 2px rgba(151, 151, 151, 1);
}
dl.portlet {
margin: 0 0 1em;
font-size: 80%;
border-radius: 20px;

}
/*------------------------------------*\
    $CAROUSEL
\*------------------------------------*/
.carousel{
    overflow:hidden;
    width:100%;
}
.panes{
    list-style:none;
    position:relative;
    width:500%; /* Number of panes * 100% */
    overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */
        
    -moz-animation:carousel 30s infinite;
    -webkit-animation:carousel 30s infinite;
    -ms-animation:carousel 30s infinite;
    -o-animation:carousel 30s infinite;
    animation:carousel 30s infinite;
}
.panes > li{
    position:relative;
    float:left;
    width:20%; /* 100 / number of panes */
}
.carousel img{
display: block;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.carousel h2{
    font-size:1em;
    padding:0.5em;
    position:absolute;
    right:10px;
    bottom:10px;
    left:10px;
    text-align:right;
    color:#fff;
    background-color:rgba(0,0,0,0.75);
    margin-right:15px;
 
}

@-webkit-keyframes carousel {
    0%    { left:-3%; }
    11%   { left:-3%; }
    12.5% { left:-103%; }
    23.5% { left:-103%; }
    25%   { left:-203%; }
    36%   { left:-203%; }
    37.5% { left:-303%; }
    48.5% { left:-303%; }
    50%   { left:-403%; }
    61%   { left:-403%; }
    62.5% { left:-303%; }
    73.5% { left:-303%; }
    75%   { left:-203%; }
    86%   { left:-203%; }
    87.5% { left:-103%; }
    98.5% { left:-103%; }
    100%  { left:-3%; }
}

@keyframes carousel{
    0%    { left:-3%; }
    11%   { left:-3%; }
    12.5% { left:-103%; }
    23.5% { left:-103%; }
    25%   { left:-203%; }
    36%   { left:-203%; }
    37.5% { left:-303%; }
    48.5% { left:-303%; }
    50%   { left:-403%; }
    61%   { left:-403%; }
    62.5% { left:-303%; }
    73.5% { left:-303%; }
    75%   { left:-203%; }
    86%   { left:-203%; }
    87.5% { left:-103%; }
    98.5% { left:-103%; }
    100%  { left:-3%; }
}
#content ul {
list-style-type: disc;
}

.portletCalendar dd {
background: rgba(139, 139, 139, 0.21);
}