@charset "utf-8";
/* CSS Document */


/*TODO*/ body {
		font-family: Verdana;
	font-size: 0.75em;
	background-color: #FFF;
	}
	
	/*TODO*/ script {
text/javascript
	}
	
/*TODO*/ li { margin: 0px 0px 10px 0px; }
/*TODO*/ a img { border: none; }

/*TODO*/ p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #000000;
	margin-top: 10px;/* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 2px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
	line-height: 20px;
}

/*TODO*/ .img {
	width: 100%;
	float: left;
	border: none;
	}
	
/*TODO*/ #header{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	}	

/*TODO*/  #page {
	display: block;
	float: left;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1em;
	text-align: left;
}

/*TODO*/ #header{
	display: block;
	float: left;
	width: 100%;
	}

	
@media screen and (min-width: 801px) and (max-width: 10000px) {
	

	
	/*PC*/ #logo-le-solar{
	display: block;
	float: left;
	width: 60%;
	margin-left: 20%;
	}
	
	/*PC*/ #barra{
	display: block;
	float: left;
	width: 96%;
	margin-top: 10px;
	margin-left: 2%;
	background-color: #fff;
	}
	
	/*PC*/ #inicio{
	display: block;
	float: left;
	width: 12%;
	margin-left: 25%;
	margin-right: 2%;
	}

/*PC*/ #conocenos{
	display: block;
	float: left;
	width: 12%;
	margin-right: 2%;
	}

/*PC*/ #planes{
	display: block;
	float: left;
	width: 12%;
	margin-right: 2%;
}

/*PC*/ #instalacion{
	display: block;
	float: left;
	width: 12%;
	margin-right: 2%;
}

	
	/*PC*/ #instalacion-48{
	display: block;
	float: left;
	width: 47%;
	margin-left: 2%;
	margin-bottom: 20px;
	
}

/*PC*/ #modulo-80{
	display: block;
	float: left;
	width: 80%;
	margin-right: 2%;
}

/*PC*/ #modulo-20{
	display: block;
	float: left;
	width: 18%;
	}
	
	/*PC*/ #modulo-60{
	display: block;
	float: left;
	width: 55%;
	margin-right: 2px;
	}
	
		/*PC*/ #modulo-40{
	display: block;
	float: left;
	width: 38%;
		}
	
	/*PC*/ #top-yellow{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 10px;
	background-color: #fbfb00;
	}
	
	/*PC*/ #top-yellow-texto{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 10px;
	background-color: #fbfb00;
	}
	
	/*PC*/ #top-video{
	display: block;
	float: left;
	width: 96%;
	margin-left: 2%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	
	}
	
	/*PC*/ #cabeza-1{
	display: block;
	float: left;
	width: 100%;
		}
	
	

/*PC*/ #texto-1{
	display: block;
	float: left;
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #000099;
	text-align: left;
	font-style: normal;
		}
		
		/*PC*/ #texto-2{
	display: block;
	float: left;
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #000099;
	text-align: left;
	font-style: normal;
		}
		
		
/*PC*/ #middle-white{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	background-color: #fff;
	
	}
	
	/*PC*/ #panel-foto{
	display: block;
	float: left;
	width: 30%;
	margin-right: 2%;
		}
		
		/*PC*/ #panel-foto-izq{
	display: block;
	float: left;
	width: 30%;
	margin-right: 2%;
	margin-left: 3%;
		}
		

	/*PC*/ #recibo-1{
	display: block;
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-top: 20px;
	background-color: #fff;
		}
		
		/*PC*/ #recibo-2{
	display: block;
	float: left;
	width: 48%;
	margin-left: 2%;
	margin-top: 20px;
	background-color: #fff;
		}
	
/*PC*/ #middle-gray-left{
	display: block;
	float: left;
	width: 73%;
	background-color: #deecec;
	margin-right: 2%;
		}
		
/*PC*/ #image-middle-left{
	display: block;
	float: left;
	width: 50%;
	margin-left: 2%;
	margin-top: 15px;
	margin-right: 2%;
			}
			
/*PC*/ #image-middle-25{
	display: block;
	float: left;
	width: 30%;
	margin-left: 2%;
	margin-top: 15px;
	margin-right: 2%;
			}
		
/*PC*/ #text-middle-left{
	display: block;
	float: left;
	width: 95%;
	margin-left: 2%;
	margin-top: 15px;
		}
		
		
/*PC*/ #middle-gray-right{
	display: block;
	float: left;
	width: 25%;
	margin-top: 15px;
	border-top-color: #467979;
	border-top-style: solid;
	border-top-width: 2px;
		}
		
/*PC*/ #middle-gray-right-texto{
	display: block;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: ##000099;
	text-align: left;
	font-style: normal;
	line-height: 21px;
	padding-top: 10px;
		}
		
		/*PC*/ #middle-gray-right-image{
	display: block;
	float: left;
	width: 100%;
	margin-top: 15px;
			}
		
		/*PC*/ #image-center{
	display: block;
	float: left;
	width: 78%;
	margin-top: 15px;
	margin-left: 12%;
			}
			
/*PC*/ #image-panel{
	display: block;
	float: left;
	width: 78%;
	margin-top: 15px;
	margin-left: 12%;
			}
			
/*PC*/ #planes-gray-left{
	display: block;
	float: left;
	width: 48%;
	background-color: #deecec;
	margin-right: 2%;
		}
		
		/*PC*/ #planes-white-left{
	display: block;
	float: left;
	width: 50%;
	background-color: #fff;
	margin-left: 25%;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #063;
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #063;
	margin-top: 15px;
	
		}
		
/*PC*/ #recuadro-linea-50{
	display: block;
	float: right;
	width: 48%;
	border-left-color: #006699;
	border-left-style: solid;
	border-left-width: 2px;
	padding-left: 5px;
		}
		
		/*PC*/ #planes-white-right{
	display: block;
	float: right;
	width: 48%;
	background-color: #fff;
			}
			
/*PC*/ #planes-gray-bottom{
	display: block;
	float: left;
	width: 50%;
	background-color: #deecec;
	margin-left: 25%;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
		}
		
		/*PC*/ #inst-gray-left{
	display: block;
	float: left;
	width: 48%;
	background-color: #deecec;
	margin-right: 2%;
	margin-top: 50px;
		}
		
		
			/*PC*/ #func-white-left{
	display: block;
	float: left;
	width: 48%;
	background-color: #fff;
	margin-top: 25px;
			}
			
/*PC*/ #func-white-right{
	display: block;
	float: right;
	width: 48%;
	background-color: #fff;
		margin-top: 25px;
			}
		
		/*PC*/ #franja-amarilla{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	background-color: #fff;
	background-image: url(../images/franja-amarilla-2.jpg);
	height: 50px;
	
	}
		
	/*PC*/ #bottom{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 15px;
	background-color: #fbfb00;
	text-align: center;
	padding-top: 10px;
	}
	
			
}


@media screen and (min-width: 501px) and (max-width: 900px) {
	
	/*TABLET*/ #logo-le-solar{
	display: block;
	float: left;
	width: 96%;
	margin-left: 2%;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	}
	
	/*TABLET*/ #barra{
	display: block;
	float: left;
	width: 96%;
	margin-top: 10px;
	margin-left: 2%;
	background-color: #fff;
	}
	
	/*TABLET*/ #inicio{
	display: block;
	float: left;
	width: 20%;
	margin-right: 2%;
	}

/*TABLET*/  #conocenos{
	display: block;
	float: left;
	width: 20%;
	margin-right: 2%;
	}

/*TABLET*/  #planes{
	display: block;
	float: left;
	width: 20%;
	margin-right: 2%;
}

/*TABLET*/  #instalacion{
	display: block;
	float: left;
	width: 20%;
	margin-right: 2%;
}

	
/*TABLET*/ #instalacion-48{
	display: block;
	float: left;
	width: 47%;
	margin-left: 2%;
	margin-bottom: 20px;
	
}

/*TABLET*/ #modulo-80{
	display: block;
	float: left;
	width: 80%;
	margin-right: 2%;
}

/*TABLET*/ #modulo-20{
	display: block;
	float: left;
	width: 18%;
	}
	
/*TABLET*/ #modulo-60{
	display: block;
	float: left;
	width: 55%;
	margin-right: 2px;
	}
	
/*TABLET*/ #modulo-40{
	display: block;
	float: left;
	width: 38%;
		}
	
/*TABLET*/ #top-yellow{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 10px;
	background-color: #fbfb00;
	}
	
/*TABLET*/ #top-yellow-texto{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 10px;
	background-color: #fbfb00;
	}
	
	/*TABLET*/ #top-video{
	display: block;
	float: left;
	width: 96%;
	margin-left: 2%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	
	}
	
/*TABLET*/ #cabeza-1{
	display: block;
	float: left;
	width: 100%;
		}
	
/*TABLET*/ #texto-1{
	display: block;
	float: left;
	width: 98%;
	margin-left: 2%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000099;
	text-align: left;
	font-style: normal;
		}
		
		/*tablet*/ #panel-foto{
	display: block;
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 20px;
		}
		
			/*tablet*/ #panel-foto-izq{
	display: block;
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 20px;
		}
	
		
		/*TABLET*/ #texto-2{
	display: block;
	float: left;
	width: 98%;
	margin-left: 2%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000099;
	text-align: left;
	font-style: normal;
		}
		
		
/*TABLET*/#middle-white{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	background-color: #fff;
	
	}
	
	/*TABLET*/#recibo-1{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	background-color: #fff;
	
	}
	
	/*TABLET*/#recibo-2{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	background-color: #fff;
	
	}
	
/*TABLET*/ #middle-gray-left{
	display: block;
	float: left;
	width: 96%;
	background-color: #deecec;
	margin-left: 2%;
		}
		
/*TABLET*/ #image-middle-left{
	display: block;
	float: left;
	width: 50%;
	margin-left: 2%;
	margin-top: 15px;
	margin-right: 2%;
			}
			
/*TABLET*/ #image-middle-25{
	display: block;
	float: left;
	width: 30%;
	margin-left: 2%;
	margin-top: 15px;
	margin-right: 2%;
			}
		
/*TABLET*/ #text-middle-left{
	display: block;
	float: left;
	width: 95%;
	margin-left: 2%;
	margin-top: 15px;
		}
		
		
/*TABLET*/ #middle-gray-right{
	display: block;
	float: left;
	width: 96%;
	margin-left: 2%;
	margin-top: 15px;
	border-top-color: #467979;
	border-top-style: solid;
	border-top-width: 2px;
		}
		
		/*TABLET*/ #middle-gray-right-texto{
	display: block;
	float: left;
	width: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: color: ##000099;
	text-align:center;
	font-style: normal;
	line-height: 21px;
	padding-top: 10px;
	margin-top: 15px;
	
		}
		
		/*TABLET*/ #middle-gray-right-image{
	display: block;
	float: left;
	width: 40%;
	margin-left: 30%;
	margin-top: 15px;
	
		}
		
		
		
/*TABLET*/ #image-center{
	display: block;
	float: left;
	width: 78%;
	margin-top: 15px;
	margin-left: 12%;
			}
			
			/*PC*/ #image-panel{
	display: block;
	float: left;
	width: 78%;
	margin-top: 15px;
	margin-left: 12%;
			}
			
/*TABLET*/ #planes-gray-left{
	display: block;
	float: left;
	width: 96%;
	background-color: #deecec;
	margin-left: 2%;
		}
		
/*TABLET*/ #planes-white-left{
	display: block;
	float: left;
	width: 96%;
	background-color: #fff;
	margin-left: 2%;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #063;
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #063;
	margin-top: 15px;
	
		}
		
/*TABLET*/ #recuadro-linea-50{
	display: block;
	float: right;
	width: 48%;
	border-left-color: #006699;
	border-left-style: solid;
	border-left-width: 2px;
	padding-left: 5px;
		}
		
/*TABLET*/ #planes-white-right{
	display: block;
	float: left;
	width: 96%;
	background-color: #fff;
	margin-left: 2%;
	margin-top: 15px;
			}
			
/*TABLET*/ #planes-gray-bottom{
	display: block;
	float: left;
	width: 96%;
	background-color: #deecec;
	margin-left: 2%;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
		}
		
/*TABLET*/ #inst-gray-left{
	display: block;
	float: left;
	width: 48%;
	background-color: #deecec;
	margin-right: 2%;
	margin-top: 50px;
		}
		
		
/*TABLET*/ #func-white-left{
	display: block;
	float: left;
	width: 48%;
	background-color: #fff;
	margin-top: 25px;
			}
			
/*TABLET*/ #func-white-right{
	display: block;
	float: right;
	width: 48%;
	background-color: #fff;
		margin-top: 25px;
			}
		
/*TABLET*/ #franja-amarilla{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 17px;
	background-color: #fff;
	background-image: url(../images/franja-amarilla-2.jpg);
	height: 50px;
		}
		
/*TABLET*/ #bottom{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 15px;
	background-color: #fbfb00;
	text-align:center;
	padding-top:10px;
	}

	}


@media screen and (min-width: 150px) and (max-width: 500px) {
	
/*CEL*/  #logo-le-solar{
	display: block;
	float: left;
	width: 96%;
	margin-left: 2%;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	}
	
/*CEL*/  #barra{
	display: block;
	float: left;
	width: 96%;
	margin-top: 10px;
	margin-left: 2%;
	background-color: #fff;
	}
	
/*cel*/ #inicio{
	display: block;
	float: left;
	width: 40%;
	margin-left: 30%;
	margin-top: 15px;
	}

/*CEL*/  #conocenos{
	display: block;
	float: left;
	width: 40%;
	margin-left: 30%;
	margin-top: 15px;
}


/*CEL*/  #planes{
	display: block;
	float: left;
	width: 40%;
	margin-left: 30%;
	margin-top: 15px;
}

/*CEL*/  #instalacion{
	display: block;
	float: left;
	width: 40%;
	margin-left: 30%;
	margin-top: 15px;
	}

/*CEL*/ #funcionamiento{
	display: block;
	float: left;
	width: 40%;
	margin-left: 30%;
	margin-top: 15px;
}

	
/*CEL*/  #instalacion-48{
	display: block;
	float: left;
	width: 60%;
	margin-left: 20%;
	margin-bottom: 20px;
	margin-bottom: 15px;
	
}

/*CEL*/  #modulo-80{
	display: block;
	float: left;
	width: 80%;
	margin-right: 2%;
}

/*CEL*/  #modulo-20{
	display: block;
	float: left;
	width: 18%;
	}
	
/*CEL*/  #modulo-60{
	display: block;
	float: left;
	width: 55%;
	margin-right: 2px;
	}
	
/*CEL*/  #modulo-40{
	display: block;
	float: left;
	width: 38%;
		}
	
/*CEL*/  #top-yellow{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 10px;
	background-color: #fbfb00;background-color: #fbfb00;
	}
	
/*CEL*/ #top-yellow-texto{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 10px;
	background-color: #fbfb00;
	}
	
/*CEL*/  #top-video{
	display: block;
	float: left;
	width: 96%;
	margin-left: 2%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	
	}
	
/*CEL*/  #cabeza-1{
	display: block;
	float: left;
	width: 100%;
		}
	
/*CEL*/  #texto-1{
	display: block;
	float: left;
	width: 98%;
	margin-left: 2%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000099;
	text-align: left;
	font-style: normal;
		}
		
/*CEL*/  #texto-2{
	display: block;
	float: left;
	width: 98%;
	margin-left: 2%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000099;
	text-align: left;
	font-style: normal;
		}
		
/*CEL*/ #middle-white{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	background-color: #fff;
	
	}
	
	/*cel*/ #panel-foto{
	display: block;
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 20px;
		}
		
		/*cel*/ #panel-foto-izq{
	display: block;
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 20px;
		}
	
	
	/*CEL*/ #recibo-1{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	background-color: #fff;
	
	}
	/*CEL*/ #recibo-2{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	background-color: #fff;
	
	}
	
/*CEL*/ #middle-gray-left{
	display: block;
	float: left;
	width: 96%;
	background-color: #deecec;
	margin-left: 2%;
		}
		
/*CEL*/  #image-middle-left{
	display: block;
	float: left;
	width: 50%;
	margin-left: 2%;
	margin-top: 15px;
	margin-right: 2%;
	
			}
			
/*CEL*/  #image-middle-25{
	display: block;
	float: left;
	width: 30%;
	margin-left: 2%;
	margin-top: 15px;
	margin-right: 2%;
			}
		
/*CEL*/  #text-middle-left{
	display: block;
	float: left;
	width: 95%;
	margin-left: 2%;
	margin-top: 15px;
		}
			
/*CEL*/  #middle-gray-right{
	display: block;
	float: left;
	width: 96%;
	margin-left: 2%;
	margin-top: 15px;
	border-top-color: #467979;
	border-top-style: solid;
	border-top-width: 2px;
		}
		
/*CEL*/  #middle-gray-right-texto{
	display: block;
	float: left;
	width: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
color: #000099;
	text-align:center;
	font-style: normal;
	line-height: 21px;
	padding-top: 10px;
	margin-top: 15px;
	
		}
		
/*CEL*/ #middle-gray-right-image{
	display: block;
	float: left;
	width: 50%;
	margin-left: 25%;
		margin-top: 15px;
	
		}
		
/*CEL*/ #image-center{
	display: block;
	float: left;
	width: 78%;
	margin-top: 15px;
	margin-left: 12%;
			}
			
			/*PC*/ #image-panel{
	display: block;
	float: left;
	width: 78%;
	margin-top: 15px;
	margin-left: 12%;
			}
			
/*CEL*/ #planes-gray-left{
		display: block;
	float: left;
	width: 96%;
	background-color: #deecec;
	margin-left: 2%;
		}
		
/*CEL*/ #planes-white-left{
	display: block;
	float: left;
	width: 96%;
	background-color: #fff;
	margin-left: 2%;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #063;
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #063;
	margin-top: 15px;
	
		}
		
/*CEL*/ #recuadro-linea-50{
	display: block;
	float: left;
	width: 96%;
	margin-left: 2%;
	border-left-color: #006699;
	border-left-style: solid;
	border-left-width: 2px;
	padding-left: 5px;
	margin-bottom: 15px;
		}
		
/*CEL*/ #planes-white-right{
		display: block;
	float: left;
	width: 96%;
	background-color: #fff;
	margin-left: 2%;
		margin-top: 15px;
			}
			
/*CEL*/ #planes-gray-bottom{
	display: block;
	float: left;
	width: 90%;
	background-color: #deecec;
	margin-left: e%;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
		}
		
/*CEL*/ #inst-gray-left{
	display: block;
	float: left;
	width: 48%;
	background-color: #deecec;
	margin-right: 2%;
	margin-top: 50px;
		}
		
		
/*CEL*/ #func-white-left{
	display: block;
	float: left;
	width: 48%;
	background-color: #fff;
	margin-top: 25px;
			}
			
/*CEL*/#func-white-right{
	display: block;
	float: right;
	width: 48%;
	background-color: #fff;
		margin-top: 25px;
			}
		
/*CEL*/#franja-amarilla{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	background-color: #fff;
	background-image: url(../images/franja-amarilla-2.jpg);
	height:auto;
	}
		
/*CEL*/ #bottom{
	display: block;
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-top: 15px;
	background-color: #fbfb00;
	text-align:center;
	padding-top:10px;
	}
	
	}