/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
*{
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-size:14px;	
}
*/

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}
/* /CSS Reset */

/* html definição */
html,body{
	margin:0;
	padding:0;
}
h1{
	font-size:35px;
	background:rgba(0,0,0,0.1);
	padding:7px 14px 7px 14px;
	border-bottom:1px solid rgba(0,0,0,0.3);
}
h2{
	font-size:21px;
	background:rgba(255,255,255,0.1);
	padding:7px 14px 7px 14px;
	border-bottom:1px solid rgba(0,0,0,0.3);
}
p{
	line-height:16px;
	margin:14px 0 21px 0;
	padding:5px 7px 5px 7px;
}
p,div,form,input,textarea,select{
	border-radius:3px;
	border:none;
}
ul{
	margin:0 0 0 16px;
	list-style:outside;
}
ul li{
	padding:0 0 0 0px;
}
form{
	margin:0 auto;
	margin-top:14px;
	margin-bottom:;
	padding:7px 14px;
	width:70%;
	background:rgba(255,255,255,0.7);
}
.Ok, .Erro{
	background:#690;
	color:#fff;
	padding:14px;
}
.Erro{
	background:#C30;
}
.formColuna{
	float:left;
	width:47.8%;
	margin-right:14px;
}
label{
	display:block;
	margin:7px 1px 0px 1px;
}
input,textarea,select{
	width:97%;
	display:block;
	margin:3px 1px 7px 1px;
	padding:5px 7px 5px 7px;
	border:none;
}
textarea{
	min-height:100px;G
}
select{
	width:47%;	
}
input[type='checkbox']{
	width:auto;
}
input[type='radio']{
	width:auto;
	border:1px solid red;
}
input[type='submit']{
	padding:5px 28px 5px 28px;
	cursor: pointer;
}
label.error{
	color:#C30;
	margin-top:-4px;
	font-size:9pt;
}
label.formOpcao {
	width:auto;
	display:inline-block;
	background:#fff;
	border-radius:3px;
	padding:5px 8px 1px 7px;
}
label.formOpcao input[type='checkbox'],
label.formOpcao input[type='radio']{
	float:left;
	margin-right:7px;
}


/* Elementos */

.ucBotao{
	width:auto;
	height:auto;
	margin:7px 1px;
	padding:7px 28px 7px 28px;
	color:#fff;
	background:rgba(250,70,40,10);
	text-align:center;
	text-decoration:none;
	border:none;
	border-radius:4px;
}
.ucBotao:hover{
	background:rgba(250,70,40,0.7);
}

.ucGroup div{

}
/* linhas e colunas */
.ucFull{
	width:100%;
	background:#333;
	padding:14px 0;
	border-bottom:1px solid #000;
}
.ucGroup{
	background:yellow;
	width:970px;
	/*min-height:768px;*/
	margin:0 auto;
	padding:35px 14px 35px 14px;
}
.ucLine{
	background:rgba(0,0,0,0.1);
	width:956px;
	min-height:100px;
	margin:0 0 14px 0;
	padding:14px 7px 14px 7px;
}

.ucBoth{
	clear:both;
}
.ucCols1{
	background:rgba(0,0,0,0.1);
	width:304px;
	min-height:100px;
	margin:0 7px 0 7px;
	float:left;
}
.ucCols2{
	background:rgba(0,0,0,0.3);
	width:624px;
	min-height:100px;
	margin:0 7px 0 7px;
	float:left;
}
.ucCols3{
	/*background:rgba(0,0,0,0.6);
	 width:942px; */
	min-height:100px;
	margin:0 7px 0 7px;
}
.ucCols4{
	background:rgba(0,0,0,0.0);
	width:225px;
	min-height:100px;
	margin:0 7px 0 7px;
	float:left;
}
.ucCols5{
	background:rgba(0,0,0,0.0);
	width:464px;
	min-height:100px;
	margin:0 7px 0 7px;
	float:left;
}
/*
.ucColsFirst{
	background:rgba(0,0,0,0.3);
	margin-right:7px;
}
.ucColsMiddle{
	background:rgba(0,0,0,0.6);
	margin:0 7px 0 7px; 
}
.ucColsLast{
	background:rgba(0,0,0,0.9);
	margin:0 0 0 7px; 
}
*/



/* Paginacao */


div.ucPaginacao {
	clear: both;
	margin: 50px 0 14px 0;
}
div.ucPaginacao span.ucBotao, div.ucPaginacao a.ucBotao {
	padding: 7px 7px 7px 7px;
	margin: 0 1px 0 0;
	text-align: center;
}
div.ucPaginacao a.ucAtivo {

}
div.ucPaginacao a.ucInativo {
	color: #ccc;
}
div.ucPaginacao a.ucAnterior, div.ucPaginacao a.ucProximo {
	width: 80px;
}

/* /Paginacao */



/* @media queries */

/* Smartphones (portrait and landscape) ----------- 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
*/
@media only screen and (min-width : 320px) and (max-width : 640px){
.ucFull{
	margin:0;
	padding:14px 0;
}
.ucGroup{
	margin:0;
	padding:0;
	width:auto;
	background:green;
}
.ucLine{
	width:auto;
	margin:7px 7px;
	padding:7px 0;
}
.ucCols1{
	width:94%;
	margin:0px 3% 7px 3%;
}
.ucCols2{
	width:94%;
	margin:0px 3% 7px 3%;
}
.ucCols3{
	width:94%;
	margin:0px 3% 7px 3%;
}
.ucCols4{
	width:94%;
	margin:0px 3% 7px 3%;
}
/**/
}
@media only screen and (max-device-width : 480px){

.ucBody{

}

}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}