.divpraltabs { width:80%; margin:20px auto; }

@media only screen and (device-width: 768px) {
	.divpraltabs { width:100%; margin:20px auto; }
	}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	.divpraltabs { width:100%; margin:20px auto; }
}

.divtabs {
	margin: -1px 1px 0 0 ;
	padding:20px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	box-shadow: 0px 1px 3px #c0c0c0; 
	border: 1px solid #86aae8;
	background: #fff;
}

h2.planes {display: inline; font-size: 0.8em; text-decoration:none; color:grey; font-weight:normal;}
h2.gran {font-size: 1.5em;}

.tabs { list-style:none; margin:0; padding:0; position:relative; display:block; overflow:visible; }
.tabs li { float:left; display:inline-block; text-align:center; margin: 0 ; border-right: 1px solid #86aae8; }
.tabs li a {
	display:block;
	text-align: center;
	margin: 0 !important ;
	padding:0 !important ;
	background:#fff;
	color:#b9b9b9;
	text-decoration:none;
	border-color: #86aae8;
	box-shadow: inset 0px -10px 15px -10px #c0c0c0; 
}
.tabs a.active {background:#fff; color:#000; box-shadow: none; border-bottom: 1px solid #fff;}
.tabs a:hover {color: #000 !important; box-shadow: inset 0px 10px 15px -10px #c0c0c0; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.tabs li:first-child, .tabs li:first-child a {
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	}
.tabs li:last-child, .tabs li:last-child a {
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	}

.tabs li:last-child a {border-right:none;}

.pvpFons1 {
	border: 1px solid #6989b0;
	background: 			#8db4e3;
	color: 					#fff;
	font-weight: bold;
	text-shadow: 0 1px 1px #335413;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8db4e3), to(#6989b0)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#8db4e3, #6989b0); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#8db4e3, #6989b0); /* FF3.6 */
	background-image:     -ms-linear-gradient(#8db4e3, #6989b0); /* IE10 */
	background-image:      -o-linear-gradient(#8db4e3, #6989b0); /* Opera 11.10+ */
	background-image:         linear-gradient(#8db4e3, #6989b0);
	font-size: 11px;
	height: 15px;
}

.pvpFons2 {
	border: 1px solid #56A00E;
	background: 			#74b042;
	color: 					#fff;
	font-weight: bold;
	text-shadow: 0 1px 1px #335413;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
	background-image:     -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
	background-image:      -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
	background-image:         linear-gradient(#74b042, #56A00E);		
	font-size: 11px;
	height: 15px;
}

.pvpFons3 {
	border: 1px solid #c00000;
	background: 			#ef0000;
	color: 					#fff;
	font-weight: bold;
	text-shadow: 0 1px 1px #335413;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ef0000), to(#c00000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ef0000, #c00000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#ef0000, #c00000); /* FF3.6 */
	background-image:     -ms-linear-gradient(#ef0000, #c00000); /* IE10 */
	background-image:      -o-linear-gradient(#ef0000, #c00000); /* Opera 11.10+ */
	background-image:         linear-gradient(#ef0000, #c00000);		
	font-size: 11px;
	height: 15px;
}

#leds { top: -4px; width:100px; height:15px; cursor:pointer; background-image: #00ff00; /* Old browsers */}

.ledA {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(left,  #00ff00 0%, #ffff00 90%, #ff0000 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#00ff00), color-stop(90%,#ffff00), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left,  #00ff00 0%,#ffff00 90%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(left,  #00ff00 0%,#ffff00 90%,#ff0000 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(left,  #00ff00 0%,#ffff00 90%,#ff0000 100%); /* IE10+ */
background-image: linear-gradient(to right,  #00ff00 0%,#ffff00 90%,#ff0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#ff0000',GradientType=1 ); /* IE6-8 */
}

.ledB {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(left,  #00ff00 0%, #ffff00 66%, #ff0000 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#00ff00), color-stop(66%,#ffff00), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left,  #00ff00 0%,#ffff00 66%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(left,  #00ff00 0%,#ffff00 66%,#ff0000 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(left,  #00ff00 0%,#ffff00 66%,#ff0000 100%); /* IE10+ */
background-image: linear-gradient(to right,  #00ff00 0%,#ffff00 66%,#ff0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#ff0000',GradientType=1 ); /* IE6-8 */
}

.ledC {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(left,  #00ff00 0%, #ffff00 50%, #ff0000 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#00ff00), color-stop(50%,#ffff00), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left,  #00ff00 0%,#ffff00 50%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(left,  #00ff00 0%,#ffff00 50%,#ff0000 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(left,  #00ff00 0%,#ffff00 50%,#ff0000 100%); /* IE10+ */
background-image: linear-gradient(to right,  #00ff00 0%,#ffff00 50%,#ff0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#ff0000',GradientType=1 ); /* IE6-8 */
}

.ledD {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(left,  #00ff00 0%, #ffff00 33%, #ff0000 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#00ff00), color-stop(33%,#ffff00), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left,  #00ff00 0%,#ffff00 33%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(left,  #00ff00 0%,#ffff00 33%,#ff0000 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(left,  #00ff00 0%,#ffff00 33%,#ff0000 100%); /* IE10+ */
background-image: linear-gradient(to right,  #00ff00 0%,#ffff00 33%,#ff0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#ff0000',GradientType=1 ); /* IE6-8 */
}

.ledE {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(left,  #00ff00 0%, #ffff00 10%, #ff0000 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#00ff00), color-stop(10%,#ffff00), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left,  #00ff00 0%,#ffff00 10%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(left,  #00ff00 0%,#ffff00 10%,#ff0000 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(left,  #00ff00 0%,#ffff00 10%,#ff0000 100%); /* IE10+ */
background-image: linear-gradient(to right,  #00ff00 0%,#ffff00 10%,#ff0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#ff0000',GradientType=1 ); /* IE6-8 */
}