/*
Theme Name: Kátia Flávia
Author: Lucas Martins
Author URI: http://www.jurubebaproducoes.com.br/

 */
 
/* Básico */ 

a {
	color: inherit;
	text-decoration: none;
}

@font-face {
    font-family: 'veteran';
    src: url('fonte/veteran.eot');
    src: url('fonte/veteran.eot?#iefix') format('embedded-opentype'),
         url('fonte/veteran.woff2') format('woff2'),
         url('fonte/veteran.woff') format('woff'),
         url('fonte/veteran.ttf') format('truetype'),
         url('fonte/veteran.svg#veteran') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
html, body, span, p, form, img, a, ul, ol, li, table, tr, td, div{
	font-family: 'veteran';
	text-rendering: optimizeLegibility;
	margin: 0;
	padding: 0; 
	border:none; 
	outline:none;
	list-style-type:none;
}

html {
	height:100%;
}

body {
	overflow: hidden;
	margin:0px;
	padding:0px;
	height:100%;
	cursor: default;
}

.fundo_index {
	background: url(imagens/fundo.gif) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */ 
	height:100%; /* Mindesthöhe für den IE */ 
	width: 100%;
}

	#estrutura1 {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		display: block;
	}
	
	#header, #index, #footer, #page {
		position: relative;
		top: 0;
		left: 0;
		float: left;
		clear: both;
		width: 100%;
	}
	
	#header {
		height: 28%;
	}
	
	#footer {
		z-index: 9999;
		height: 12%;
		padding-top: 1%;
	}
	
		#footer img {
			height: 80%;
			width: 35%;
			margin-left: 32.5%;
			margin-right: 32.5%;
		}
	
	#index {
		height: 60%;
	}
	
		#logo {
			height: 80%;
			width: 100%;
			float: left;
			clear: both;
			top: 40%;
			position: relative;
		}
		
		#logo.explosao, #logo.logo_animada, #logo.logo_apagada {
			display: none;
		}
		
			#logo img {
				width: 40%;
				margin-left: 30%;
				margin-right: 30%;
			}

			#ver_hq {
				width: 100%;
				position: relative;
				top: 40%;
				float: left;
				display: none;
			}
			
				#ver_hq p {
					font-size: 110%;
					text-align: center;
					color: #FFFFFF;
					padding: 0.5% 1% 0.5% 1%;
					width: 35%;
					margin: auto;
					text-transform: uppercase;
				}
			
			#ver_hq p:hover {
				cursor: pointer;
			}
	
	#page {
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
		height: 85%;
	}
	
		#bloco_hq {
			float: left;
			height: 95%;
			width: 600%;
			margin-top: 1%;
		}
		
		div.cycle-slideshow {
			position: relative;
			top: 10%;
			height: 80%;
			margin: 0 auto;
			padding: 0;
		}
		
		#hq1 {
			float: left;
			height: 100%;
			padding: 0;
			width: 8.4%;
			margin-right: 11%;
		}
		
			#hq1 img {
				height: 95%;
				width: 100%;
				padding-top: 2%;
				padding-left: 58%;
				padding-right: 58%;
			}
			
			#hq p, #hq h1, #hq h2 {
				margin: 0 auto;
				padding: 0;
				color: #000000;
				text-align: center;
			}
			
				#hq h1, #hq h2 {
					font-weight: normal;
				}
				
				#hq h1 {
					margin-bottom: 2%;
				}
				
				#hq h2 {
					margin-bottom: 0.5%;
				}
				
				#hq a {
					color: inherit;
					text-decoration: none;
				}
				
				#hq a:hover {
					color: #CCC;
				}
			
		#hq {
			float: left;
			height: 100%;
			padding: 0px;
			width: 8%;
			margin-left: 0.35%;
		}
		
			#hq img {
				height: 95%;
				width: 100%;
				padding-top: 2%;
			}