@charset "utf-8";/* CSSconsulta de medios */
@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
    nav li a { font: 400 20px/1.4 'Roboto', Helvetica, Verdana, sans-serif; }
	.gItem	{ width:44%; }
	.CP .cpItem
	{
		margin:15px 2.5% 15px 2.5%;
		width:21%; max-width:200px; text-align:center;
		float:left; display:inline-block; overflow:hidden;
		height:200px;
		border-radius:100px;
		border:1px solid #000;
		box-shadow:0 0 15px #4EC3E0;
	}
}
@media only screen and (max-width:1024px),
only screen and (max-device-width:1024px)
{
	.menu li a{line-height:1.8em; text-decoration:none; color:rgba(109,110,112,1.0);}
	.contenedor .conten{ margin:0px auto; padding-top:10px; height:350px}
	.contenedor .menu
		{
		margin:10px 0; padding-top:10px; padding-left:10%;
		font:16px/1.4 'Allerta',Verdana, Helvetica, sans-serif;
		color:rgba(109,110,112,1.0);
		line-height:1.2em;
		}
	.CP .cpItem
	{
		margin:15px 1.5% 15px 1.5%;
		width:21%; max-width:200px; text-align:center;
		float:left; display:inline-block; overflow:hidden;
		height:200px;
		border-radius:100px;
		border:1px solid #000;
		box-shadow:0 0 15px #4EC3E0;
	}
	#tertex
	{
		width:100%; height:auto; padding:8px; text-align:justify;
		font:16px/1.5 'Allerta',Verdana,Helvetica,sans-serif;
		color:rgba(109,110,112,1.0);
		padding:100px 50px;
	}
	#tertex h1{font-size:32px/1.5;}
}
@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
    nav li a {
        width: 32%; height:35px;
        border-right: 1px solid #fff;
        font: 400 18px/1.4 'Roboto', Helvetica, Verdana, sans-serif;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
    }
    nav li a:hover{background-color: rgba(69,69,69,1); font-size:21px;}
    /*nav li:nth-child(4) a {border-right: none;}*/
	.gItem{width:44%;} 
	.menu li a{line-height:1.5em; text-decoration:none; color:rgba(109,110,112,1.0);}
	.CP .cpItem
	{
		margin:15px 1.5% 15px 1.5%;
		width:21%; max-width:220px; text-align:center;
		float:left; display:inline-block; overflow:hidden;
		height:200px;
		border-radius:100px;
		border:1px solid #000;
		box-shadow:0 0 15px #4EC3E0;
	}
	#tertex
	{
		width:100%; height:auto; padding:8px; text-align:justify;
		font:16px/1.5 'Allerta',Verdana,Helvetica,sans-serif;
		color:rgba(109,110,112,1.0);
		padding:100px 20px;
	}
	#tertex h1{font-size:26px/1.5;}
}
@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
    nav li a {
        width: 49%;
        font: 400 24px/1.4 'Roboto', Helvetica, Verdana, Arial, sans-serif;
        padding-top: 12px;
        padding-bottom: 12px;
		border-bottom:1px solid #fff;
    }
     
    nav li:nth-child(even) a {
        border-right: 1px solid #fff;
    }
     
    nav li:nth-child(5) a, nav li:nth-child(6) a {
        border-bottom: 
    }
	.gItem{width:100%;}
	.conRT p{float:left; margin:30px 15px; text-align:justify; width:100%;}
	.contenedor .frase{ width:100%; margin:10px auto; padding:5px 0 5px 0;}
	.contenedor .conten{ margin:20px auto; width:100%; padding-top:10px; height:300px}
	.contenedor .menu
		{
		margin:20px 0; width:100%; padding-top:10px; padding-left:1%;
		font:16px/1.4 'Allerta',Verdana, Helvetica, sans-serif;
		color:rgba(109,110,112,1.0);
		}
	.CP .cpItem
		{
			margin:30px 4% 30px 4%;
			width:80%;
			max-width:200px;
			overflow:hidden;
			height:200px;
			border-radius:200px;
			border:1px solid #000;
		}
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
    nav li a {
		width:100%;
        font: 400 14px/1.4 'Roboto', Helvetica, Verdana, sans-serif;
    }
	.gItem{width:96%;}
	.pieItem{width:100%;}
	.conRT p{float:left; margin:30px 2px; text-align:justify; width:100%; font: 12px/1.4 'Roboto', Helvetica, Verdana, sans-serif}
	.contenedor .conten{ margin:20px auto; width:100%; padding-top:10px; height:146px}
	.contenedor .menu
		{
		margin:20px 0; width:100%; padding-top:10px; padding-left:1%;
		font:16px/1.4 'Allerta',Verdana, Helvetica, sans-serif;
		color:rgba(109,110,112,1.0); text-align:center;
		}
	.CP .cpItem
		{
			margin:15px 10%;
			width:100%;
			max-width:200px;
			overflow:hidden;
			height:200px;
		}
		#tertex
		{
			width:100%; height:auto; padding:8px; text-align:justify;
			font:12px/1.4 'Allerta',Verdana,Helvetica,sans-serif;
			color:rgba(109,110,112,1.0);
			padding:100px 20px;
		}
		#tertex h1{font-size:16px/1.5;}
		#tertex h2{ margin:30px 0; text-align:justify; font-size:14px;}
		#tertex p{ margin:30px 0; width:90%;}
		#tertex ul{text-align:justify;}
		#tertex ul li ul{margin-left:5px; font-size:10px;}
}