/* seccion de pagina web completa bg */

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@media (max-width: 1250px) {
	.informaciondocumento iframe{width: 1000px; height: 1200px;}
.informaciondocumento{margin: auto; text-align: center; border-radius: 15px; background-color: #F8F8F8; position: relative; width: 950px; left: -10px;}
		/*para mover los iframes y menus*/
	.iframeprincipal iframe, #container{left: 45px;}
	#navigation::after, #navigationUno::after {height: 15px !important;}
	.informaciondocumento {width: 1000px !important;}
	.informaciondocumento iframe {width: 980px !important; position: relative; left: 0px !important;}
	#n7 {left: 0px; width: 900px;}
	#n8 {left: 60px;}
	#n9 {left: 150px;}
	#n9b {left: 150px;}
	#n10 {left: -90px;}
	
}
@media (max-width: 1100px) {
		/*para mover los iframes y menus*/
	.iframeprincipal iframe, #container{left: 125px;}
	.iframeprincipal iframe{width: 950px;}
	.informaciondocumento {width: 950px !important;}
	.informaciondocumento iframe {width: 750px !important; position: relative; left: 0px !important;}
	#navigation, #navigationUno {left: -110px;}
	/*para mover los iframes y menus*/
	#container{position: relative; left: 90px;}
	[class^="hvr-"] {font-size: 14px; width: 180px;height: 40px;padding: .1em;}
	#icontodo{height: 3600px;}
	.iframeprincipal iframe{width: 800px !important;}
	#n2{left: 40px;}
	#n7, #n8{width: 700px;}
	#n7 {left: 120px;}
	#n8 {left: 60px;}
	#n9, #n9b {left: 100px;}
	#n10 {left: -90px;}
	

}
@media (max-width: 1010px) {
	/*para mover los iframes y menus*/
	#container{position: relative; left: 90px;}
	[class^="hvr-"] {font-size: 14px; width: 180px;height: 40px;padding: .1em;}
	#icontodo{height: 3800px;}
	#icontodo .informaciondocumento {width: 600px !important;}
	.iframeprincipal iframe{width: 990px;}
	.informaciondocumento {width: 990px !important;}
	.informaciondocumento iframe {width: 860px !important; position: relative; left: 0px !important;}
	#n2{width: 690px; left: 20px;}
	#n3{width: 690px; left: 130px;}
	#n4{left: -120px;}
	#n4b{width: 690px; left: -20px;}
	#n5{width: 690px; left: -100px;}
	#n6{left: -130px;}
	#n7, #n8{width: 700px;}
	#n7 {left: 120px;}
	#n8 {left: 60px;}
	#n9, #n9b {left: 100px;}
	#n10 {left: -90px;}

}

@media (max-width: 850px) {
	#container{margin-bottom: 50px; z-index: 1;}
	#icontodo .informaciondocumento {width: 600px !important;}
	#b1, #b2{left: 220px;}
	#b3, #b4{top: 60px; left: -160px;}
	.iframeprincipal iframe{width: 690px;}
	.informaciondocumento {width: 690px !important; left: -30px;}
	.informaciondocumento iframe {width: 620px !important; position: relative; left: 0px !important;}
	#n2{width: 690px; left: 20px;}
	#n3{width: 690px; left: 130px;}
	#n4{width: 400px; left: -120px;}
	#n4b{width: 690px; left: -20px;}
	#n5{width: 690px; left: -100px;}
	#n6{width: 600px; left: -130px;}
	#n6b{width: 600px; left: -130px;}
	#n7 {width: 600px; left: 10px;}
	#n8 {width: 600px; left: 10px;}
	#n9, #n9b {left: 80px;}
	#n10 {left: -90px;}
}
@media (max-width: 770px) {
	.iframeprincipal {position: relative; left: -50px;}
	.iframeprincipal iframe{width: 590px;}
	.informaciondocumento {width: 560px !important; left: 20px !important;}
	.informaciondocumento iframe {width: 520px !important; position: relative; left: -40px !important;}
}
@media (max-width: 730px) {
	.iframeprincipal {position: relative; left: 20px;}
	.iframeprincipal iframe{width: 560px !important;}
	.informaciondocumento {width: 520px !important; left: 25px !important;}
	.informaciondocumento iframe {width: 480px !important; position: relative; left: -5px !important;}
	#b1, #b2{left: 170px;}
	#b3, #b4{left: -200px;}
	#n1{width: 500px; left: 50px;}
	#n1b{width: 500px; left: 70px;}
	#n2{width: 500px; left: 90px;}
	#n3{width: 690px; left: 130px;}
	#n4{width: 400px; left: -150px;}
	#n4b{width: 690px; left: -110px;}
	#n5{width: 490px; left: -170px;}
	#n6{width: 600px; left: -130px;}
	#n6b{width: 600px; left: -130px;}
	#n7 {width: 600px; left: 10px;}
	#n8 {width: 600px; left: 10px;}
	#n9, #n9b {width: 590px; left: 80px;}
	#n10 {left: -40px;}
}
@media (max-width: 640px) {
	#n7 {width: 500px; left: 10px;}
	#n8 {width: 500px; left: 30px;}
	#n9, #n9b {width: 590px; left: 80px;}

}
@media (max-width: 560px) {
	.iframeprincipal {position: relative; left: -10px;}
	.iframeprincipal iframe{width: 480px !important;}
	.informaciondocumento {width: 340px !important; left: 75px !important;}
	.informaciondocumento iframe {width: 300px !important; position: relative; left: 0px !important;}
	#b1, #b2{left: 170px;}
	#b3, #b4{left: -200px;}
	#n1{width: 300px; left: 70px;}
	#n1b{width: 300px; left: 90px;}
	#n2{width: 300px; left: 110px;}
	#n3{width: 450px; left: 150px;}
	#n4{width: 300px; left: -90px;}
	#n4b{width: 350px; left: -90px;}
	#n5{width: 350px; left: -90px;}
	#n6{width: 300px; left: -110px;}
	#n6b{width: 300px; left: -110px;}
	#n7 {width: 300px; left: 90px;}
	#n8 {width: 300px; left: 90px;}
	#n9, #n9b {width: 300px; left: 100px;}
	#n10 {left: 10px;}

}
@media (max-width: 500px) {
	.iframeprincipal {position: relative; left: -10px;}
	.iframeprincipal iframe{width: 480px !important;}
	.informaciondocumento {width: 340px !important; left: 75px !important;}
	.informaciondocumento iframe {width: 300px !important; position: relative; left: 0px !important;}
	#b1, #b2{left: 170px;}
	#b3, #b4{left: -200px;}
	#n1{width: 300px; left: 100px;}
	#n1b{width: 300px; left: 100px;}
	#n2{width: 300px; left: 120px;}
	#n3{width: 300px; left: 100px;}
	#n4{width: 300px; left: -30px;}
	#n4b{width: 350px; left: -30px;}
	#n5{width: 300px; left: -20px;}
	#n6{width: 300px; left: -20px;}
	#n6b{width: 300px; left: -20px;}
	#n7 {width: 300px; left: 90px;}
	#n8 {width: 300px; left: 90px;}
	#n9, #n9b {width: 300px; left: 100px;}
	#n10 {left: 10px;}

}
@media (max-width: 450px) {
	.iframeprincipal {position: relative; left: 20px; }
	.iframeprincipal iframe{width: 450px !important; left: 200px;}
	.informaciondocumento {width: 310px !important; left: 0px !important;}
	.informaciondocumento iframe {width: 280px !important; position: relative; left: 0px !important;}
	#b1, #b2{left: 170px;}
	#b3, #b4{left: -200px;}
	#n1{width: 300px; left: 60px;}
	#n1b{width: 300px; left: 40px;}
	#n2{width: 300px; left: 30px;}
	#n3{width: 300px; left: 30px;}
	#n4{width: 300px; left: -30px;}
	#n4b{width: 350px; left: -30px;}
	#n5{width: 300px; left: -20px;}
	#n6{width: 300px; left: -20px;}
	#n6b{width: 300px; left: -20px;}
	#n7 {width: 300px; left: 20px;}
	#n8 {width: 300px; left: 10px;}
	#n9, #n9b {width: 300px; left: 20px;}
	#n10 { width: 250px !important; left: -90px !important;}
	#b4 ul li {margin-left: 5px;}
	[class^="hvr-"] {font-size: 13px; width: 160px;}
	#b1, #b2 {left: 200px;}
	#b3, #b4 {left: -135px;}

}
@media (max-width: 400px) {
	.iframeprincipal {position: relative; left: 80px; }
	.iframeprincipal iframe{width: 350px !important; left: 200px;}
	.informaciondocumento {width: 300px !important; left: 0px !important;}
	.informaciondocumento iframe {width: 280px !important; position: relative; left: 0px !important;}
	#b1, #b2{left: 170px;}
	#b3, #b4{left: -200px;}
	#n1{width: 200px !important; left: 0px;}
	#n1b{width: 200px !important; left: 0px;}
	#n2{width: 200px !important; left: 0px;}
	#n3{width: 200px !important; left: 30px;}
	#n4{width: 200px !important; left: -30px;}
	#n4b{width: 250px !important; left: -30px;}
	#n5{width: 200px !important; left: -20px;}
	#n6{width: 200px !important; left: -20px;}
	#n6b{width: 200px !important; left: -20px;}
	#n7 {width: 200px !important; left: 20px;}
	#n8 {width: 200px !important; left: 10px;}
	#n9, #n9b {width: 200px !important; left: 20px;}
	#n10 { width: 250px !important; left: -90px !important;}
	#b4 ul li {margin-left: 5px;}
	[class^="hvr-"] {font-size: 13px; width: 160px;}
	#b1, #b2 {left: 200px;}
	#b3, #b4 {left: -135px;}

}



/*jkksdj4sdjskd5jsajkdalmaxsdjasd2s*/