/*---------------------------------------------------+
| <hotpage/> Content Management Framework
| Copyright 2011-2013 Fabio M Souza
| http://hotpage.com.br
+----------------------------------------------------+
| Revision: 201303111150
+----------------------------------------------------+
| Released under the terms & conditions of v3 of the
| GNU General Public License. For details refer to
| the included gpl.txt file or visit http://gnu.org
+----------------------------------------------------*/

/* html
================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

body { font-family: 'Open Sans', sans-serif; font-size: 14px; }
h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', sans-serif;
}
a { outline: none !important; text-decoration: none; color: #666; }

img { max-width:100%; max-height:100%; }
img.alignmiddle { vertical-align: middle; }
.x2em { font-size: 2em; }
.x4em { font-size: 4em; }

/* uso geral 
================================================== */
.left { float: left; }
.right { float: right; }

.text-vertical-center {display: table-cell; vertical-align: middle !important;}

.captchaReverso{ display:none; }
a.linkdebug{
    position: fixed;
    min-width: 11em;
    left: 10px;
    bottom: 10px;    
    z-index: 99;
}

.admin_icons{width:100px; padding:5px; float:left; text-align:center;}
ul.list-snippets  {list-style: none;}
#contentmenu { margin: 2em 0 0 0; }


/* forms
-----------------------------------------------------------------------------*/
#FormEditPage {width: 100%; margin: 2em 0 0 0; position: relative; z-index: 888; background: #f5f5f5;}

/* Pagination
-----------------------------------------------------------------------------*/
/*.pagination {
  position: relative;
  left: -9px;
  margin-left: 0;
  list-style: none;
}
.pagination:after {
  content: "";
  display: table;
  clear: both;
}
.pagination li {
  float: left;
  margin-right: 2px;
}
.pagination li a,
.pagination li span {
  display: block;
  padding: 7px 9px;
  line-height: 1;
  border-radius: 3px;
  color: #272727;
  text-decoration: none;
}
.pagination span {
  border: 1px solid #ddd;
}
.pagination li a:focus,
.pagination li a:hover {
  text-decoration: none;
  background-color: #272727;
  color: #fff;
}*/


.pagination {
  position: relative;
  left: -9px;
  margin-left: 0;
  list-style: none;
  font-size: .9em !important;
}
.pagination:after {
  content: "";
  display: table;
  clear: both;
}
.pagination li {
  float: left;
  margin-right: 2px;
}
.pagination li a,
.pagination li span {
  display: block;
  padding: 5px 7px !important;
  line-height: 1;
  border-radius: 3px;
  color: #666;
  text-decoration: none;
  border: 1px solid #ddd;
  background-color: #eee;
  
}
.pagination span {
  border: 1px solid #ccc;
  background-color: #ddd;
 color: #000 !important;
 font-weight: bold !important;
}
.pagination li a:focus,
.pagination li a:hover {
  text-decoration: none;
  background-color: #ccc;
  
}
.pagination-total{
	padding-right: 10px !important;
	padding-left: 10px !important;
	border: 1px solid #ddd !important;
	padding: 3px 5px !important;
	border-radius: 3px !important;
	background-color: #eee;
	
       color: #666 !important;
}
.pagination-setas-end{
        padding: 3px 7px !important;
	text-decoration:none !important;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #eee;
	
}
.pagination-setas{	
	color: #ccc;
	text-decoration:none !important;
	border-radius: 3px;
	background-color: #eee;
	
}

/* Page loading
-----------------------------------------------------------------------------*/

#page-loading {
position: fixed;
left: 0px;
top:0px;
margin:0px;
width: 100vw;
height: 100vh;
display:block;
z-index: 9999997;
opacity: 0.99;
-moz-opacity: 0.99;
filter: alpha(opacity = 99);
background: white;
background-image: url("imgs/gears.gif");
background-repeat: no-repeat;
background-position:50% 50%;
text-align: center;
overflow: hidden;
font-weight: bold;
color: white;
padding-top: 25%;
}

/* hotpage
================================================== */
.addons-header-title {font-size: 1.8em;}
.addons-header-link { float: right; font-size: 1.2em; margin: 1em 1em; white-space: nowrap;}
.addons-h2 {font-size: 1.4em; padding: 1em 1em; border-bottom: 1px #cccccc solid; }
.addons-h3 {font-size: 1.2em; padding: 1em 1em; border-bottom: 1px #cccccc solid; }
i.icon-success, a.icon-success {color: rgb(28, 184, 65); /* this is a green */}
i.icon-error, a.icon-error {color: rgb(202, 60, 60); /* this is a maroon */}
i.icon-info-color, a.icon-info-color {color: rgb(66, 184, 221); /* this is a green */}
i.icon-inactive, a.icon-inactive {color: lightgrey; /* this is a maroon */}
th.th-center, td.td-center{text-align: center;}
th.th-small,  td.td-small{font-size: 0.8em;}
th.th-nowrap, td.td-nowrap{ white-space: nowrap;}
td.td-sub1{padding-left: 1.1em;}
td.td-sub2{padding-left: 2.1em;}
td.td-sub3{padding-left: 3.1em;}
td.td-sub4{padding-left: 4.1em;}
td.td-sub5{padding-left: 5.1em;}

.hotwell { background-color: #fff; border: 1px solid #ccc; padding: 3em; -webkit-box-shadow: 0 4px 4px #ddd; -moz-box-shadow: 0 4px 4px #ddd; box-shadow: 0 4px 4px #ddd; }
.hotbox-content-header {
  margin: 20px 0;
  padding: 5px;  
  background-color: #f5f5f5;
  color: #272727;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 2px #ddd;
  -moz-box-shadow: 0 2px 2px #ddd;
  box-shadow: 0 2px 2px #ddd; 
  vertical-align: middle;  
}
.hotbox-content-header h2 {     
    margin: 0;
}

.hotsearch { position: absolute; z-index: 100;}


/*offcanvas - style
---------------------------------------------------------*/
#hotoffcanvas-left-top, #hotoffcanvas-right-top {
    width: 100%; 
    height: 10vh;   

}
#hotoffcanvas-left-content, #hotoffcanvas-right-content {    
    overflow: auto;    
    width: 100%; 
    height: 90vh;    
    padding-bottom: 3em;
}

.hotoffcanvas-bottom {    
    bottom: -50%;    
    left: 0;  
    width:100%;
    height:50%;
}
.topoffcanvas { margin: 0; padding: 0; min-height: 3em;}
.btoffcanvas { padding: 1em; z-index:99; }
.btoffcanvas:hover { color: #000; }
.btoffcanvas.btoffcanvas-usermenu  {position: absolute; top: 0; right: 0;}
.btoffcanvas.btoffcanvas-adminmenu  {position: absolute; top: 0; left: 0;}

.btoffcanvas-close-left  { position:absolute; top: 0; right: 0; margin: 1px; padding: .6em .6em .6em .9em; z-index:99;}
.btoffcanvas-close-right  { position:absolute; top: 0; left: 0; margin: 1px; padding: .6em .6em .6em .9em; z-index:99;}
.btoffcanvas-darkbg  { background: rgba(255,255,255,0.4); color: rgba(255,255,255,1);}
.btoffcanvas-lightbg  { background: rgba(0,0,0,0.2); color: rgba(0,0,0,1);}
.btoffcanvas-darkbg:hover  { background: rgba(255,255,255,0.8); }
.btoffcanvas-lightbg:hover  { background: rgba(0,0,0,0.4);}

.hotoffcanvas-debug { 
    overflow-y: scroll;
}

/*offcanvasmenu*/
.offcanvasmenu{
    font-family: 'Open Sans', sans-serif;
}
.offcanvasmenu a.white {
    color: white;
}

.offcanvasmenu a.black {
    color: #272727;
}

.offcanvasmenu ul{
    list-style: none;
    margin:0;
    padding:0;
    width:100%;    
}
.offcanvasmenu ul li ul{
    width:100%;
    margin:0;
}
.offcanvasmenu ul li{
    margin:0;
    padding:0;    
}

.offcanvasmenu ul ul li{
    margin:0;
    padding:0;    
}
.offcanvasmenu ul li a{
    font-size: 1.3em;
    padding: 0.7em 1.2em;    
    display:block;
    text-decoration: none;
}
.offcanvasmenu ul li ul a{  
    font-size: 1.2em; 
    padding: 0.7em 2.4em;    
    display:block;
    text-decoration: none; 
    font-weight: normal;
}
.offcanvasmenu ul li a:hover{
    background: #ccc; /* cor de fundo hover accordion */
}
.offcanvasmenu ul li ul a:hover{
    background: #ccc; /* cor de fundo hover link */
}

.offcanvasmenu ul li ul{
    display:none;

}
/*adminmenu*/
#adminmenu.offcanvasmenu ul{
border-top: #3d3d3d solid 1px;      
}
#adminmenu.offcanvasmenu ul ul li{
    background-color: #3d3d3d;
}
#adminmenu.offcanvasmenu ul li a{    
    border-bottom: #3d3d3d solid 1px;  
    color:white;
}
#adminmenu.offcanvasmenu ul li ul a{
    border-bottom: #666 solid 1px; 
    color:white;
}

/*usermenu*/
#usermenu.offcanvasmenu ul{
border-top: #ddd solid 1px;      
}
#usermenu.offcanvasmenu ul ul li{
    background-color: #fff;
}
#usermenu.offcanvasmenu ul li a{    
    border-bottom: #ddd solid 1px;  
    color:#272727;
}
#usermenu.offcanvasmenu ul li ul a{
    border-bottom: #eee solid 1px; 
    color:#272727;
}

/* Expandable Search Form */

.hotsearch input[type=search] {
        outline: none;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
.hotsearch input::-webkit-search-decoration,
.hotsearch input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

.hotsearch input[type=search] {
	background: #ededed url(imgs/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.hotsearch input[type=search]:focus {
	width: 160px;
	background-color: #fff;
	border-color: #ccc;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


.hotsearch input:-moz-placeholder {
	color: #999;
}
.hotsearch input::-webkit-input-placeholder {
	color: #999;
}

/* design
================================================== */
.hotpad-userforms { max-width: 600px; margin: 0 auto;}

/* Responsive List title Images --------------------------- */
.HotListImg {
	float: left;
	position: relative;
	width: 20%;
	padding-bottom: 20%;
}
.HotListInner {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	overflow: hidden;
}
.HotListInner img {
	width: 100%;
}
.HotListInner .titleHotList {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: -250px;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.HotListInner .titleHotList a {
	color: #ccc;
}

.HotListInner .titleHotList a:hover {
	color: #fff;
}
.HotListInner:hover .titleHotList, body.touch .HotListInner.touchFocus .titleHotList {
	margin-bottom: 0;
}
 @media only screen and (max-width : 480px) {
/* Smartphone view: 1 tile */
.HotListImg {
	width: 100%;
	padding-bottom: 100%;
}
.hotimage-responsive{
	margin-bottom: 10px;
}
}
 @media only screen and (max-width : 650px) and (min-width : 481px) {
/* Tablet view: 2 tiles */
.HotListImg {
	width: 50%;
	padding-bottom: 50%;
}
.hotimage-responsive{
	margin-bottom: 10px;
}
}
 @media only screen and (max-width : 1050px) and (min-width : 651px) {
/* Small desktop / ipad view: 3 tiles */
     .HotListImg {
	width: 33.3%;
	padding-bottom: 33.3%;
}
.hotimage-responsive{
	margin-bottom: 10px;
}
}
 @media only screen and (max-width : 1290px) and (min-width : 1051px) {
/* Medium desktop: 4 tiles */
     .HotListImg {
	width: 25%;
	padding-bottom: 25%;
}
}






/* #Media Queries
================================================== */

/* Bigger than full-hd 1920 (devices and browsers) */
@media only screen and (min-width: 1920px) {

    
}

/* Smaller than full-hd 1920 (devices and browsers) */
@media only screen and (max-width: 1919px) {

    
}

/* Mediun 1280 to full-hd 1920 (devices and browsers) */
@media only screen and (min-width: 1280px) and (max-width: 1919px) {

    
}

/* Smaller than medium 1280 (devices and browsers) */
@media only screen and (max-width: 1279px) {

    
}

/* Standard 960 to medium 1280 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1279px) {

    
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    
    
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 
    
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
   
    
/* Expandable Search Form */

.hotsearch input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
.hotsearch input[type=search]:hover {
	background-color: #fff;
}
.hotsearch input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
.hotsearch input:-moz-placeholder {
	color: transparent;
}
.hotsearch input::-webkit-input-placeholder {
	color: transparent;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    
}