﻿
.ecommpage{background-color:#008FCE; background-image: url('graphics/ecomm1.png'); background-repeat: no-repeat;
	background-position: 35% top; background-size: 412% auto;
}
.ecommhdiv{color: #003C55; text-align:center; width: 100%; margin-bottom: 10%; margin-top: 2%;}
	.ecommh{font-size: 2.75em; margin-bottom:4%; color:#FFFFFF;}
	.ecommpage1{border-radius: 16px; width:90%; margin-top:0%; margin-bottom: 0%; margin-left: auto; margin-right: auto; padding: 4%;
			 	background: rgba(255, 255, 255, 0.8)}/*background-color:#FFFFFF; opacity:0.8;*/
	
.ecommpage2{width:100%; margin-top:3%; margin-left: auto; margin-right: auto; text-align:center;}
	.basic1		{width:20%; min-width:234px; background-color: #E1F4FD; vertical-align:top; color: #053750; border-radius: 16px; margin-bottom: 10%; margin-left: auto; margin-right: auto;}
	.ecommpage2b{width:20%; min-width:234px; background-color: #E9FADE; vertical-align:top; color: #24490C; border-radius: 16px; margin-bottom: 10%; margin-left: auto; margin-right: auto;}
	.ecommpage2c{width:20%; min-width:234px; background-color: #FEDADA; vertical-align:top; color: #3F0101; border-radius: 16px; margin-bottom: 10%; margin-left: auto; margin-right: auto;}
	.ecommpage2d{width:20%; min-width:234px; background-color: #F1ECF2; vertical-align:top; color: #3E2941; border-radius: 16px; margin-bottom: 10%; margin-left: auto; margin-right: auto;}
		.basic2		{border-top-left-radius: 16px; border-top-right-radius: 16px; padding: 2%; background-color:#49BAF2;}
		.ecommpage3	{border-top-left-radius: 16px; border-top-right-radius: 16px; padding: 2%; background-color:#9FE96E;}
		.ecommpage4	{border-top-left-radius: 16px; border-top-right-radius: 16px; padding: 2%; background-color:#FC8080;}
		.ecommpage5	{border-top-left-radius: 16px; border-top-right-radius: 16px; padding: 2%; background-color:#DBCBDE;}

			.levellist{padding: 4%;}
			
			.psign{font-size: 2em; vertical-align: top; line-height: 50px;}
			.price{font-size: 3.5em;}
			.priceperiod{margin-bottom:20px;}



.cir3div{width:100%; margin-bottom:25px;}
	.cir3img{width:100%}

.ecommpage1b{color: #FFFFFF; margin-bottom:25px;}

.pp1{width:88%; text-align:center; background-color:#0080B7; padding:6%; margin-bottom:8%; border-radius: 16px;}
	.pp1a{width:100%; padding:0%; margin-bottom:4%; text-align:center; vertical-align:top;}
	.pp1b{width:100%; padding:0%; margin:0%; text-align:center; vertical-align:top;}

/* ESTILOS DE LA PLANTILLA */
@media (max-width: 335px){/*320*/
	.centerbody{padding-top:2px;}
}

@media (min-width: 336px) and (max-width: 390px){/*375*/
	.centerbody{padding-top:2px;}
}

@media (min-width: 391px) and (max-width: 555px){/*540*/
	.centerbody{padding-top:2px;}
	.ecommhdiv{margin-bottom: 8%;}
	.ecommh{margin-bottom:6%;}
	.basic1		{width:60%;}
	.ecommpage2b{width:60%;}
	.ecommpage2c{width:60%;}
	.ecommpage2d{width:60%;}

}

@media (min-width: 556px) and (max-width: 655px){/*640*/
	.centerbody{padding-top:10px;}
	.ecommhdiv{margin-bottom:8%;} 
	.ecommh{margin-bottom:6%;}
	.basic1		{width:60%;}
	.ecommpage2b{width:60%;}
	.ecommpage2c{width:60%;}
	.ecommpage2d{width:60%;}

}

@media (min-width: 656px) and (max-width: 783px){/*768*/
	.ecommpage{background-position: 25.5% top; background-size: 1825px auto;}
	.ecommhdiv{margin-bottom:8%;}
	.ecommh{margin-bottom:6%;}
	.ecommpage1{width:65%;}
	.basic1		{width:60%;}
	.ecommpage2b{width:60%;}
	.ecommpage2c{width:60%;}
	.ecommpage2d{width:60%;}

}

@media (min-width: 784px) and (max-width: 1039px){/*1024*/
.centerbody {padding-left: 10px; padding-right: 10px;}
	.ecommpage{background-position: 18% top; background-size: 205% auto;}
	.ecommhdiv{margin-bottom:8%;}
	.ecommh{margin-bottom:5%; width:54%; margin-left:auto; margin-right:auto;}
	.ecommpage1{width:50%;}
	.ecommpage2{font-size: .8em;}
	.basic1		{display:inline-block; width:23%; min-width:168px; margin-right:10px;}
	.ecommpage2b{display:inline-block; width:23%; min-width:168px; margin-right:10px;}
	.ecommpage2c{display:inline-block; width:23%; min-width:168px; margin-right:10px;}
	.ecommpage2d{display:inline-block; width:23%; min-width:168px; margin-bottom: 1%;}

	.cir3div    {width:75%; padding-top:6%; margin:0px auto;}
	.ecommpage1b{margin-top: 5%; width:90%; margin-left:auto; margin-right:auto;}
	.pp1{width:80%; margin-top:6%; margin-left:auto; margin-right:auto;}
}





@media (min-width: 1040px){
.centerbody {padding-left: 15px; padding-right: 15px;}
	.ecommpage{background-position: 10% top; background-size: 176% auto;}
	.ecommhdiv{margin-bottom:5%;}
	.ecommpage1{width:35%;}
	.basic1		{display:inline-block; width:22%; margin-right:1%;}
	.ecommpage2b{display:inline-block; width:22%; margin-right:1%;}
	.ecommpage2c{display:inline-block; width:22%; margin-right:1%;}
	.ecommpage2d{display:inline-block; width:22%; margin-bottom: 1%;}

	.cir3div{width:75%; padding-top:3%; margin:0px auto;}
	.ecommpage1b{margin-top: 5%; width:80%; margin-left:auto; margin-right:auto; margin-bottom:5%; font-size:1.3em;}
	.pp1{width:76%; padding:3%; margin-left:auto; margin-right:auto; font-size:1.3em;}
}
@media (min-width: 1040px) and (max-width: 1333px){
}


@media (min-width: 1334px) and (max-width: 1626px){
	.ecommpage{background-position: 7% top; background-size: 150% auto;}
}

@media (min-width: 1627px){
	.ecommpage{background-position: 0% top; background-size: 135% auto;}
	.ecommpage1{width:25%; padding:3%;}
	.ecommpage2{width:1560px;}
	
	.cir3div{width:1000px;}
	.ecommpage1b{width:1000px;}
	.pp1{width:1000px;}
}
