// JavaScript Document
//Función que cambia el estilo de cada class
function changeCss(theClass,element,value) {
	var cssRules;
	var added = false;
	for (var S = 0; S < document.styleSheets.length; S++){
		if(document.styleSheets[S]['rules']){
			cssRules = 'rules';
		}else if(document.styleSheets[S]['cssRules']) {
			cssRules = 'cssRules';
		}else{
			alert("Navegador no compatible, prueve con IE 7 o superior.");
		}
		for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
			if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
				if(document.styleSheets[S][cssRules][R].style[element]){
					document.styleSheets[S][cssRules][R].style[element] = value;
					added=true;
					break;
				}
			}
		}
		
		if(!added){
			if(document.styleSheets[S].insertRule){
				document.styleSheets[S].insertRule(theClass+' { '+element+': '+value+'; }',document.styleSheets[S][cssRules].length);
			}else if(document.styleSheets[S].addRule){
				document.styleSheets[S].addRule(theClass,element+': '+value+';');
			}
		}
	}
}