@charset "utf-8";
/* CSS Document */

body
{
	background: url(../images/back.png) repeat-x #9f1a09;
	font:Helvetica;
}

/*ul
{
	color: #FFFF;
	background:#0000;
	font: bold 14px Helvetica;
	padding: 0;
}

ul li {
	border-top: 1px solid #333333;
	list-style-type: none;	
	padding: 10px 10px 10px 10px;
}


ul li a {
	color: #FFFFFF;
	text-decoration: none;
	overflow: hidden;
	display: block;
	padding: 12px 10px 12px 10px;
	margin: -10px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}*/


h2 {
    margin: 10px;
    color: slateblue;
}

p {
    margin: 10px;
}

#frame div { -webkit-transition-property: opacity; -webkit-transition-duration: 1s; }
#header {  width:320px; height:10px; opacity:1; position:absolute; top:200px; left:0px; z-index:1000; }

.second_show {
  -webkit-animation-name: 'second_show';
  -webkit-animation-duration: 1s;
}

@-webkit-keyframes 'second_show' 
{
  from { -webkit-transform: translateZ(0px) rotateX(180deg);}
  to {   -webkit-transform: translateZ(100px) rotateX(0deg);}  
}
	
.second_hide {  -webkit-animation-name: 'second_hide';  -webkit-animation-duration: 1s; }
	
@-webkit-keyframes 'second_hide' {
  from {    -webkit-transform: translateZ(100px) rotateX(0deg);}
  to {    -webkit-transform: translateZ(0px) rotateX(180deg);}
}

#these
{
	margin-left:30px;
	margin-top:-250px;
	color:#FFFFFF;
	font-weight:bold;
	font-family: Helvetica;
	-webkit-transform:translateZ(40px);
}

#these a
{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

#these div
{
	/*background-color:#000000;*/
	background-image:url(../images/back_noticias.png);
	margin-top:2px;
	padding:5px;
}

#child a
{
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#child a:hover
{
	font-size:15px;
	font-weight:bold;
	color:#EEEEEE;
	text-decoration:none;
}

.box_interna
{
	min-width:260px;
	margin:10px;
	color:#FFFFFF;
	font-family: Helvetica;
	font-size:15px;
	/*background-color:#000000;*/
	background-image:url(../images/back_noticias.png);
	padding:15px;
}
	
.box_interna h1
{
	color:#FFFFFF;
	font-family:Helvetica;
	font-size:20px;
	font-weight:bold;
}

.box_interna a
{
	font-family:Helvetica;
	color:#FFFFFF;
	text-decoration:none;
}

.list_box div
{
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	background-image:url(../images/back_noticias.png);
	min-width:260px;
	padding:15px;
	font-family:Helvetica;
	font-size:14px;
	color:#FFFFFF;
}

.list_box h1
{
	font-size:20px;
}

.video_go_video
{
	left:110px;
	position:absolute;
	top:40px;
}

.list_box div a
{
	font-family:Helvetica;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

.cliente_bt
{
	background:url(../images/seta.png) no-repeat right 9px #63110b;
	border-bottom:#000000 solid 1px;
	color:#FFFFFF;
	padding:10px;
	text-transform:uppercase;
}

.cliente_bt .sub_clientes
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 1s;
	display:none;
	background-color:#370607;
}

.cliente_bt .sub_clientes div
{
	/*background-color:#333333;
	padding:5px;
	padding-left:10px;
	border:1px solid #000000;*/
	font-size:13px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	border-bottom:solid 1px #000000;
}

.cliente_bt .sub_clientes a
{
	color:#FFFFFF;
	text-decoration:none;
}
/*
ADD ROGERIO
*/
.conteudoblog img{
	float:none !important;
	display:block !important;
}



.conteudoblog
{
	background-image: nome !important;
	margin:0px  !important;
	
}

.contBlog
{
	background-image:url(../images/back_noticias.png);
	padding:10px;
	color:#FFFFFF;
	font-family:Helvetica;
	font-size:12px;
}

.contBlog h1 
{
	font-size:20px;
}

.contBlog a
{
	color:#FFFFFF;
}
/*
=============================
*/

.caution
{
	opacity:1;
	position:absolute;
	-webkit-transform:opacity 1s linear;
	top:50%;
	left:50%;
	margin-left:-67px;
	margin-top:-58px;
	text-align:center;
}

#dePor
{
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:expression:((this.offsetWidth/2) + 'px');
	padding-bottom:10px;
	font-family:Helvetica;
	font-size:12px;
	color:#FFFFFF;
}

.pos
{
	float:left;
	text-align:center;
	width:7px;
	height:7px;
	background-image:url(../images/bolota.png);
	margin-right:5px;
}

.posMarc
{
	text-align:center;
	float:left;
	width:7px;
	height:7px;
	background-image:url(../images/bolotaMarcado.png);
	margin-right:5px;
}


/* GLOBAL FLICK CONTAINER */
	#containerCli {
		margin-top:10px;
		width: 100%;
		text-align:center;
	}
	
	/* ALL FLICK DIVs */
	#containerCli div {
		display: none;
		position: absolute;
		text-align:center;
		width: 320px;
	}
	
	#container {
		margin-top:10px;
		width: 100%;
		text-align:center;
	}
	
	/* ALL FLICK DIVs */
	#container div {
		display: none;
		position: absolute;
		text-align:center;
		width: 320px;
	}
	
	/* IPHONE ANIMATION API CLASSES */
	.divRtC {
		-webkit-animation-name: 'RtC';
		-webkit-animation-duration: 1s;
	}
	.divCtL {
		-webkit-animation-name: 'CtL';
		-webkit-animation-duration: 1s;
	}
	.divLtC {
		-webkit-animation-name: 'LtC';
		-webkit-animation-duration: 1s;
	}
	.divCtR {
		-webkit-animation-name: 'CtR';
		-webkit-animation-duration: 1s;
	}
	@-webkit-keyframes 'RtC' {
		from { left: 490px; }
		to { left: 0px; }
	}
	@-webkit-keyframes 'CtL' {
		from { left: 0px; }
		to { left: -490px; }
	}
	@-webkit-keyframes 'LtC' {
		from { left: -490px; }
		to { left: 0px; }
	}
	@-webkit-keyframes 'CtR' {
		from { left: 0px; }
		to { left: 490px; }
	}
	
	/*#debug {
	background-color:#FFFFFF;
	position: absolute;
	top: 220px;
	left: 10px;
	width: 300px;*/
}

/***** FORMS *****/

/* fields list */
		
		
		
		ul.form {
			
		}
		
			ul.form li {
				padding: 7px 10px;
			}
			
			ul.form li.error { border: 2px solid red; }			
			ul.form li.error + li.error { border-top: 0; }
			
			/*ul.form li:hover { background: #fff; }*/
		
			ul li input[type="text"], ul li input[type="password"], ul li textarea, ul li select {
				color: #777;
				background: #fff url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
				border: 0;				
				font: normal 17px Helvetica;
				padding: 0;
				display: inline-block;
				margin-left: 0px;
				width: 100%;
				-webkit-appearance: textarea;
				}
						
				ul li textarea {
					height: 120px;
					padding: 0;
					text-indent: -2px;
				}
				
				ul li select {
					text-indent: 0px;
					background: transparent url(../images/chevron.png) no-repeat 103% 3px;
					-webkit-appearance: textfield;
					margin-left: -6px;
					width: 104%;
				}
				
				ul li input[type="checkbox"], ul li input[type="radio"] {
					margin: 0;
					color: rgb(50,79,133);
					padding: 10px 10px;
					}
				
				ul li input[type="checkbox"]:after, ul li input[type="radio"]:after {
					content: attr(title);
					font: 17px Helvetica;
					display: block;
					width: 246px;
					margin: -12px 0 0 17px;
					}
					
					
					
					/**** INFORMATION FIELDS ****/

					ul.data li h4 {
						margin: 10px 0 5px 0;
					}

						ul.data li p {
							text-align: left;
							font-size: 14px;
							line-height: 18px;
							font-weight: normal;
							margin: 0;
							}
							
							ul.data li p + p { margin-top: 10px; }
							

							ul.data li {
								background: none;
								padding: 15px 10px;
								color: #222;
							}

							ul.data li a {
								display: inline;
								color: #2E3744;
								text-decoration: underline;
							}
							
							
							ul.field li small {
								position: absolute;
								right: 25px;
								margin-top: 3px;
								z-index: 3;
							}
					
							ul.field li h3 {
								color: rgb(76,86,108);
								width: 25%;
								font-size: 13px;
								line-height: 18px;
								margin: 0 10px 0 0;
								float: left;
								text-align: right;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								padding: 0;
								}
							
								ul.field li a {
									font-size: 13px;
									line-height: 18px;
									overflow: visible;
									white-space: normal;
									display: inline-block;
									width: 60%;
									padding: 0;
									margin: 0 0 0 0;
									vertical-align: top;
									}
									
								ul.field li big {
									font-size: 13px;
									line-height: 18px;
									font-weight: normal;
									overflow: visible;
									white-space: normal;
									display: inline-block;
									width: 60%;
									}
									
									
									
									
									
																
								ul.field li small {
									font-size: 13px;
									font-weight: bold;
								}
							
						
						/* this is for profiling */
							
						ul.profile {
							border: 0;
							background: none;
							clear: both;
							min-height: 62px;
							position: relative;
							}
							
							ul.profile li {
								background: #fff url(../images/profile-user.png) no-repeat;
								border: 1px solid #B4B4B4;
								width: 62px;
								height: 62px;
								-webkit-border-radius: 4px;
								-webkit-box-sizing: border-box;
								float: left;
								}
							
							ul.profile li + li {
								border: 0;
								background: none;
								width: 70%;
								}
								
							
								ul.profile li + li h2, ul.profile li + li p {
									color: rgb(46,55,68);
									text-shadow: #fff 0 1px 0;
									margin: 0;
								}
								
								ul.profile li + li h2 {
									font: bold 18px/22px Helvetica;
									text-overflow: ellipsis;
									white-space: nowrap;
									overflow: hidden;
									}
									
								ul.profile li + li p {
									font: 14px/18px Helvetica;
									text-overflow: ellipsis;
									white-space: nowrap;
									overflow: hidden;
									}
								
								
								/* any A element inside this kind of field list will scale 62x62 */
								
								ul.profile li a {
									display: block;
									width: 62px;
									height: 62px;
									color: transparent;
								}
								
								.bto {
											background:none !important;
											color: #fff;
											font: bold 20px/46px Helvetica;
											text-decoration: none;
											text-align: center;
											text-shadow: #000 0 1px 0;
											border-width: 0px 14px 0px 14px;
											display: block;
											margin: 3px 0;
											}

											.green { -webkit-border-image: url(../images/greenButton.png) 0 14 0 14; }
											.red { -webkit-border-image: url(../images/redButton.png) 0 14 0 14; }

											.white {
												color: #000;
												text-shadow: #fff 0px 1px 0;
												-webkit-border-image: url(../images/whiteButton.png) 0 14 0 14;
												}

											.black { -webkit-border-image: url(../images/grayButton.png) 0 14 0 14; }
											
											
#textoCorrido
{
	color: #FFFF !important;
	background-image:none !important;
}

#textoCorrido li {
	position: relative !important;
    margin: 0  !important;
    border-bottom:0  !important;
    padding: 5px  !important;
	font-weight:normal  !important;
	font-size:13px !important;
	font-family:helvetica !important;
    list-style: inside !important;
	
}

#textoCorrido li a  {
    text-decoration: none !important;
    color: #FFFFFF !important;
    background: none !important;
}