*{
    margin:0;
    padding:0;
}
body{
	background-image: url(../images/bkg_gris.jpg);
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    letter-spacing:-1px; color:#FFCC00;
	color:#333;
	width:100%;
}
.section{
    margin:0px;
    height:800px;
    width:100%;
    float:left;

}

h3{ color:#F6B338; font-size:18px; text-shadow:1px 1px 2px #000; margin-top:10px; margin-bottom:5px;}

.clear
{
	clear:both;
}
.section h2{
    padding-bottom:25px;
	font-size:30px;
	font-weight:500;
	text-align:center;
	   /*text-shadow:1px 1px 2px #f0f0f0;*/
		color:#FFF;
		
}

.bkg_t
{
	background: url(../images/FondoTexto2.png);
	background-repeat:no-repeat;
	width:320px;
	margin:auto;
	height:45px;
	padding-top:170px;
	background-position: 0px 170px;
}

.section p{
    padding-bottom: 10px;
}
.black{
    color:#fff;
    background:#000 url(../images/black_vert.jpg) repeat-x bottom left;
}
.white{
    color:#000;
    background:#fff url(../images/white_vert.jpg) repeat-x bottom left;
}

.section ul{
    list-style:none;
    margin:20px 0px 0px 550px;
}
.black ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.black ul li a{
    display:block;
    color:#f0f0f0;
}
.black ul li a:hover{
    text-decoration:none;
    color:#fff;
}
.white ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.white ul li a{
    display:block;
    color:#222;
}
.white ul li a:hover{
    text-decoration:none;
    color:#000;
}
@media screen and (max-width:480px){
.section h2{
    padding:5% 0px 30px 5%;
	font-size:24px;
	padding-top:80px;
}
.section p{
    padding:5% 0px 0px 5%;
    max-width:90%;
}

.section{
    margin:0px;
    height:auto;
    width:100%;
    float:left;

}

.section ul{
    margin:20px 0px 0px 250px;
}


.bkg_t
{
	background: url(../images/FondoTexto2.png);
	background-repeat:no-repeat;
	width:320px;
	margin:auto;
	height:45px;
	padding-top:80px;
	background-position: 0px 80px;
}
	
}