body {margin: 0; padding: 0; }


#contenedor {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	
	}
	
	
img {
	max-width:100%;
	height:auto;
	}



h1 {padding: 5px; margin: 0;}
h2 {margin: 5px; margin-left: 0;}

#perm-links {float: right; width: 260px; margin: 0; margin-top: 8px; margin-right: 5px; padding: 0;}
#perm-links ul {list-style: none; margin: 0; padding: 5px;}
#perm-links li {display: inline; width: 150px;}

#perm-links a { margin: 0; padding-top: 2px; padding-bottom: 2px;  padding-left: 10px; padding-right: 10px}

#main-menu { width: 19%; float: left; margin-bottom: 25px; padding: 3px; padding-bottom: 60px;}

#main-menu ul {width: 92%; margin: 0; padding-left: 25px;}

#main-menu  li {margin-top: 0px; margin-bottom: 1px;}
#main-menu a {width: 96%; display: block; margin: 0; padding: 1px;}

#main-menu h3 {width: 110%; margin: 0;}

#content {margin-left: 22%; /*margin-right: 22%;*/ padding-left: 8px; padding-right: 8px; padding-bottom: 10px;}

#footer {clear: both; padding: 2px;}
h5 {margin: 0;}






/* MEDIA QUERIES  */

/*PC*/

@media screen and (min-width: 769px) {

#main-menu {width: 19%; float: left; margin-bottom: 25px; padding: 3px; padding-bottom: 60px;}

#main-menu ul {width: 92%; margin: 0; padding-left: 25px;}

#main-menu  li {margin-top: 0px; margin-bottom: 1px;}
#main-menu a {width: 96%; display: block; margin: 0; padding: 1px;}

#main-menu h3 {width: 110%; margin: 0;}

#content {margin-left: 22%; /*margin-right: 22%;*/ padding-left: 8px; padding-right: 8px; padding-bottom: 10px;}

iframe {
	width:560px;
	height:315px;
}
   
}



/*Tablets*/
@media screen and (max-width: 481px) and (min-width: 768px) {

#main-menu {width: 80%; float: left; margin-bottom: 25px; padding: 3px;  padding-bottom: 60px;}

#main-menu ul {width: 92%; margin: 0; padding-left: 25px;}

#main-menu  li {margin-top: 0px; margin-bottom: 1px;}
#main-menu a {width: 96%; display: block; margin: 0; padding: 1px;}

#main-menu h3 {width: 110%; margin: 0;}

#content {margin-left: 22%; /*margin-right: 22%;*/ padding-left: 8px; padding-right: 13px; padding-top: 150px; padding-bottom: 10px;}

iframe {
	width:320px;
	height:169Spx;
}

   
}
   

/*celulares*/
@media screen and (max-width: 480px) {

#main-menu {width: 90%; float: left; margin-bottom: 25px; padding: 3px; padding-bottom: 60px;}

#main-menu ul {width: 92%; margin: 0; padding-left: 25px;}

#main-menu  li {margin-top: 0px; margin-bottom: 1px;}
#main-menu a {width: 96%; display: block; margin: 0; padding: 1px;}

#main-menu h3 {width: 110%; margin: 0;}

#content {margin-left: 22%; /*margin-right: 22%;*/ padding-left: 8px; padding-right: 26px; padding-top: 150px; padding-bottom: 10px;}


iframe {
	width:200px;
	height:113px;
}

   
}