@import url(http://fonts.googleapis.com/css?family=Chivo);
html {  height:100%;  width:100%;}
body {min-height: 100%; height: 100%; width:100%; overflow:auto;  font-family: 'Arial', serif; font-size:10pt;color:#;background-color:#;}
* { margin: 0; padding: 0; }

a:link {color:#; background-color:none; text-decoration:none; margin-bottom:4px; padding:2px}
a:visited {color:#; background-color:none; text-decoration:none;  margin-bottom:4px}
a:hover {color:#; background-color:#; text-decoration:none; margin-bottom:4px}
a:active {color:#; background-color:none; text-decoration:none; margin-bottom:4px }
a:focus {outline: 0px;}

#bg, #bg table, #bg td {  height:100%;  width:100%;}
#bg {  position: fixed; z-index:0; }
#bg div {position:absolute; height:200%;left:-50%;top:-50%;width:200%;}
#bg td {text-align:center;vertical-align:middle;}
#bg img { margin:0 auto; min-height:50%; min-width:50%;}

/* div {border:thin dotted black} */


input {border:thin solid #; width:100%; padding:5px; margin:0px; margin-bottom:3px; font-size:1em;}
input:hover {border:thin solid #;}
input:focus {border:thin solid #;}

textarea {border:thin solid #; padding:4px; width:100%; margin:0px; margin-bottom:3px; font-size:1.2em; resize: vertical}
textarea:hover {border:thin solid #;}
textarea:focus {border:thin solid #;}


.labelActive {font-size:1em;color:#; font-weight:bold}
.labelInactive {font-size:1em;color:#}
.labelInactive:hover {font-size:1em;color:#;}

.btnSearch {padding:3px; margin:0px; width:120px; height:15px; display:block; background-image:url('./files/images/searchBt.png'); background-repeat:no-repeat; background-position:top right;}
.btnSearch:hover {border:thin solid #;  padding:3px; margin:0px;}
.btnSearch:focus {border:thin solid #;  padding:3px; margin:0px; width:180px; background-position:bottom right;}

.formTexto {font-size:1em;width:100%;height:16px;padding:4px; margin:0px; margin-bottom:3px;}
.formTexto:hover {font-size:1em;width:100%;height:16px;padding:4px; margin:0px; margin-bottom:3px;}
.formTexto:focus {font-size:1em;width:100%;height:16px;padding:4px; margin:0px; margin-bottom:3px;}

div, input, textarea, .formTexto{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}

h1{font-family:'Chivo', Arial, serif; font-size:0.9em; letter-spacing:0em;  color:#; font-weight:normal}
h5{font-family:'Chivo', Arial, serif; font-size:0.9em; letter-spacing:0em;  color:#; font-weight:normal; padding-left:2px}
h2{font-family:'Helvetica Neue', 'Chivo', Arial, serif; font-size:3em; font-weight:100; line-height:1em;  color:#;padding:2px 4px 2px 2px;}
h3{font-family:'Chivo', Arial, serif; font-size:0.9em; letter-spacing:0em;  color:#; font-weight:normal}
h4{font-family:'Helvetica Neue', 'Chivo', Arial, serif; font-size:1.2em; font-weight:100; color:#; padding: 0px; padding-top:10px;font-weight:normal}
.texth6{font-family:'Chivo', Arial, serif; font-size:16em; letter-spacing:-0.1em;  color:#; line-height:0.8em;}
.texth7{font-family:'Chivo', Arial, serif; font-size:16em; letter-spacing:-0.1em;  color:#; line-height:0.8em;}


.textBox{width:640px; margin-bottom:60px}
.cxTextoA{font-size:1em}
.cxTextoB{font-size:1em;font-weight:normal; color:#}
.cxTextoC{font-size:0.9em;font-weight:bold;font-style:italic;color:#;padding:2px 4px 2px 0px}

.divTopic {background-color:none; padding:4px 8px 16px 8px; border-bottom:0px solid #}
.divTopic:hover {background-color:white;}


#warp_menu{position:fixed; left:20px; top:20px; width:200px; }
#warp_menu a{font-size:0.9em}

#warp_content{position:absolute; left:320px; top:90px; padding-bottom:100px;}
#mainEdit{position:absolute; left:320px; top:90px; padding-bottom:100px;}

#panelEdit {position:absolute; width:280px; right:0px; top:0px; background-color:#; padding:85px 10px 100px 10px;}

#warp_submenu{z-index:10; position:fixed; left:0px; bottom:0px; width:100%; height:50px; background-color:none /*#*/; border-top:none /*thin dotted #*/;}
#warp_submenu a{padding:2px 4px 2px 3px}

#goNext {position:fixed; width:200px; height:100%; bottom:0px; top:0px; right:0px;cursor:pointer;opacity:0.5;
	background-image:url('./files/images/gonext.png');
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
#goNext:hover {opacity:1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;}

.spanError{color: #}

.imgNolink{padding:0px !important; marginf:0px !important;}

.titleTable {border:0px; margin-bottom:30px;}
.titleTable a{padding:2px 4px 2px 3px}

.subTable { width:100%; border:0px; margin-bottom:10px; margin-top:10px;}
.subTable a{padding:2px 4px 2px 3px}

.menuTable { width:100%; border:0px; margin-bottom:10px;}
.menuTable a{padding:2px 4px 2px 3px;}

.submenuTable { width:100%; border:0px; margin:5px 0px 15px 5px; font-style:italic}
.submenuTable a{padding:0px; font-style:italic}

.posts{padding-bottom:30px;margin-bottom:0px;}

.selected {text-decoration:none; font-weight:normal; color:#;font-size:1em;}
.selected:hover {text-decoration:none; font-weight:normal; color:#;font-size:1em;}


#gridDestaque {width:480px; /*background-color:#*/; padding:6px 6px 10px 6px; margin-bottom:30px;
	opacity:0.8;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;}
#gridDestaque:hover {cursor:pointer;
	opacity:1;}
		
#grid {position:relative; float:left; margin:0px; margin-right:20px; margin-bottom:20px; padding:8px; overflow:hidden; background-color:#;
	opacity:0.8;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;}
#grid img {width:240px; height:135px;border:0px none; background-color:none}
#grid:hover {cursor:pointer;
	opacity:1;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05) }
#grid .imageOver{ border:0px none;}
#grid .imageOut{ border:0px none; background:url(./files/images/zoom.png) repeat 50% 50%;}


#gridLogo {position:relative; float:left; margin:0px; margin-right:20px; margin-bottom:20px; padding:8px; overflow:hidden; background-color:#;
	opacity:0.8;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;}
#gridLogo:hover { -webkit-transform: scale(1.05);
	opacity:1;
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05) }
#gridLogo img{height:100px}


.labels {color:#;padding:6px;}
.labels:hover {background-color:#; color:#; cursor:pointer;}
.labelLink {color: #; font-size:1.2em;  margin:1px; letter-spacing:-0.02em; font-weight:bold;}
.labelTitle{font-size:1.2em;  margin:1px; letter-spacing:-0.02em; font-weight:bold;}

#loginForm{display: block; margin-bottom:30px; margin-top:50px; margin:auto 0px; padding-bottom:10px; border:0px;}
#recoverForm{display: none;}

#debugMsg{cursor:pointer; background: #; color:#; filter:alpha(opacity=0);opacity:0;position:fixed;left:20px; top:20px; width:175px;
	padding:14px;padding-top:20px;padding-bottom:20px;z-index: 100; 
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5);
}