/*!
 * Theme Name: gUvER publicidade, PHpro Hosdepdagem
 * Theme URI: http://www.guver.com.br/phpro
 * Description: Links Úteis
 * Author: gUvER 
 * Version: 0.1
 */
 
 
 
@font-face {
	font-family: "Futura BK BT";
	src: url(../fonts/futura-bk-bt-webfont.eot) /* EOT file for IE */
}
@font-face {
	font-family: "Futura BK BT";
	src: url(../fonts/futura-bk-bt-webfont.ttf) /* TTF file for CSS3 browsers */
}


h1{
font-size: 48px;
}
h2{
font-size: 36px;
}
h3{
font-size: 24px;
}
h4{
font-size: 21px;
}
h5{
font-size: 18px;
}
h6, p{
font-size: 16px;
}

p, ul{
	line-height:21px;
	margin:10px 0;	
}

p, a{
	color:#333;
}

a{
	text-decoration:none;
}
	



*{
	margin:0; 
	padding:0; 
}

body{
	font-family:"Futura BK BT";
}

.clear{
    clear:both;
}

 
#header{
	background-color:#F16237;
    box-shadow:0px 0px 3px #000;
    padding-top:15px;
	width:100%;
    z-index:999;
    position:relative;
}

/* Menu */

#menu{	
	background-color:#F58634;
	border-bottom:solid 3px #E54C38;	
	height:30px;
	padding-left:5%;
	width:95%;
}

	#menu ul{	
		padding-top:5px;
	}
	
		#menu ul li{
			display:inline;
			text-transform:uppercase;
			margin-right:20px;
		}
		
			#menu ul li a{
				color:#FCD1B1;
			}
			
				#menu ul li a:hover{
					color:#FFF;
					transition:0.2s;
				}

/* Area Util */


#back-slider {
	background-color:#CF5439;
	height:14px;
	margin-top:-13px;
	width:100%;
}
			
#useful {
	padding-top:15px;
	text-align:center; 
	margin:0 auto;
	width:69.6%;
}	
	#useful.internal {
		width:92%; 
		padding:30px 4%;
	}

	#useful ul {
		list-style:url("../imgs/circle.gif");
		list-style-position:inside;		
		
	}		
		
			#useful ul li a:hover {
				color:#F58634;
				transition:0.2s;
			}
			
#section
{
	width:100%;
}

.article{
	text-align:left;
	float:left;
	height:auto;
	width:33.33%;
}	

    .article ul{
       margin-bottom:30px;
    }
		
		ul li img {
			list-style:none;
		}

    #useful.internal .article {   
    text-align:center;
	padding:15px 0%;
    width:100%;
    }	
	
/* Footer */
			
#footer {
    background-color:#F58634;   
    height:145px;   
	text-align:center;
    padding:15px 15%;
    width:70%;
}

#footer-right {
	float:right;
}

    #footer p, #footer a {
		color:#FFF;
    }
	
	
	
	

h1.logo { background:url("../imgs/logo-guver-phpro.png") no-repeat; height:61px; margin-bottom:15px; margin-left:5%; width:329px; }
h1.logo a { display:block; height:61px;	text-indent:-9999em; width:329px; }

@media screen and (min-width:1270px) and (max-width:1920px){
    
    h1.logo{
        margin-left:15%;
    }
	
   
    
	#menu{		
		padding-left:15%;
		width:85%;
	}
    
    #useful.internal .article{        
        padding:0 10%;
        width:80%;
    }
	
	
	
}

@media screen and (min-width:1024px) and (max-width:1269px){
    
    h1.logo{
        margin-left:5%;
    }
	
	#menu{		
		padding-left:5%;
		width:95%;
	}
	
	#footer{	
		padding:15px 5%;
		width:90%;
	}
	
	#useful{
		width:90%;
	}
	
	
}

@media screen and (min-width:721px) and (max-width:1023px){

	#footer{
		padding:15px 5%;
		width:90%;
	}
	.article{
		width:100%;
	}
	
				.article p{
		  text-align:left;
		}
	
	#useful{
		text-align:left;
		width:90%;
	}
	
	   #useful.internal .article img{
            width:100%;
       }
	
}

@media screen and (min-width:270px) and (max-width:720px){
	h1.logo { background:url("../imgs/logo-guver-phpro.png") no-repeat; height:61px; width:329px; margin:0 auto 15px auto; }

	#menu{		
		text-align:center;
		font-size:0.70em;		
	}	
		#menu ul li{
			margin-right:15px;
		}	

	#footer{
		padding:15px 5%;
		width:90%;
	}
	
	.article{
		width:100%;
	}
	
		.article p{
		  text-align:left;
		}
	
	#useful{
		text-align:left;
		width:90%;
	}
		
	
	#footer-right{
		float:none;
		text-align:center;
	}
	
	
	       #useful.internal .article img{
            width:100%;
       }
	
}

.ancora a{
	text-decoration:underline;
	font-weight:bold;
	color:#F58634;
}